.static {
  position: static; }
  @media (min-width: 600px) {
    .static-tablet {
      position: static; } }
  @media (min-width: 1024px) {
    .static-tablet-pc {
      position: static; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .static-tablet-pc {
      position: static; } }
  @media (min-width: 1440px) {
    .static-pc {
      position: static; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .static-ultrawide {
      position: static; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .static-super-ultrawide {
      position: static; } }

.relative {
  position: relative; }
  @media (min-width: 600px) {
    .relative-tablet {
      position: relative; } }
  @media (min-width: 1024px) {
    .relative-tablet-pc {
      position: relative; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .relative-tablet-pc {
      position: relative; } }
  @media (min-width: 1440px) {
    .relative-pc {
      position: relative; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .relative-ultrawide {
      position: relative; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .relative-super-ultrawide {
      position: relative; } }

.fixed {
  position: fixed; }
  @media (min-width: 600px) {
    .fixed-tablet {
      position: fixed; } }
  @media (min-width: 1024px) {
    .fixed-tablet-pc {
      position: fixed; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .fixed-tablet-pc {
      position: fixed; } }
  @media (min-width: 1440px) {
    .fixed-pc {
      position: fixed; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .fixed-ultrawide {
      position: fixed; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .fixed-super-ultrawide {
      position: fixed; } }

.sticky {
  position: sticky; }
  @media (min-width: 600px) {
    .sticky-tablet {
      position: sticky; } }
  @media (min-width: 1024px) {
    .sticky-tablet-pc {
      position: sticky; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .sticky-tablet-pc {
      position: sticky; } }
  @media (min-width: 1440px) {
    .sticky-pc {
      position: sticky; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .sticky-ultrawide {
      position: sticky; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .sticky-super-ultrawide {
      position: sticky; } }

.absolute {
  position: absolute; }
  @media (min-width: 600px) {
    .absolute-tablet {
      position: absolute; } }
  @media (min-width: 1024px) {
    .absolute-tablet-pc {
      position: absolute; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .absolute-tablet-pc {
      position: absolute; } }
  @media (min-width: 1440px) {
    .absolute-pc {
      position: absolute; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .absolute-ultrawide {
      position: absolute; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .absolute-super-ultrawide {
      position: absolute; } }

.min-width {
  min-width: 96px; }
  @media (min-width: 600px) {
    .min-width-tablet {
      min-width: 96px; } }
  @media (min-width: 1024px) {
    .min-width-tablet-pc {
      min-width: 96px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .min-width-tablet-pc {
      min-width: 96px; } }
  @media (min-width: 1440px) {
    .min-width-pc {
      min-width: 96px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .min-width-ultrawide {
      min-width: 96px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .min-width-super-ultrawide {
      min-width: 96px; } }
  .min-width-xxs {
    min-width: 32px; }
    @media (min-width: 600px) {
      .min-width-xxs-tablet {
        min-width: 32px; } }
    @media (min-width: 1024px) {
      .min-width-xxs-tablet-pc {
        min-width: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-xxs-tablet-pc {
        min-width: 32px; } }
    @media (min-width: 1440px) {
      .min-width-xxs-pc {
        min-width: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-xxs-ultrawide {
        min-width: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-xxs-super-ultrawide {
        min-width: 32px; } }
  .min-width-xs {
    min-width: 48px; }
    @media (min-width: 600px) {
      .min-width-xs-tablet {
        min-width: 48px; } }
    @media (min-width: 1024px) {
      .min-width-xs-tablet-pc {
        min-width: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-xs-tablet-pc {
        min-width: 48px; } }
    @media (min-width: 1440px) {
      .min-width-xs-pc {
        min-width: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-xs-ultrawide {
        min-width: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-xs-super-ultrawide {
        min-width: 48px; } }
  .min-width-sm {
    min-width: 64px; }
    @media (min-width: 600px) {
      .min-width-sm-tablet {
        min-width: 64px; } }
    @media (min-width: 1024px) {
      .min-width-sm-tablet-pc {
        min-width: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-sm-tablet-pc {
        min-width: 64px; } }
    @media (min-width: 1440px) {
      .min-width-sm-pc {
        min-width: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-sm-ultrawide {
        min-width: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-sm-super-ultrawide {
        min-width: 64px; } }
  .min-width-md {
    min-width: 96px; }
    @media (min-width: 600px) {
      .min-width-md-tablet {
        min-width: 96px; } }
    @media (min-width: 1024px) {
      .min-width-md-tablet-pc {
        min-width: 96px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-md-tablet-pc {
        min-width: 96px; } }
    @media (min-width: 1440px) {
      .min-width-md-pc {
        min-width: 96px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-md-ultrawide {
        min-width: 96px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-md-super-ultrawide {
        min-width: 96px; } }
  .min-width-lg {
    min-width: 128px; }
    @media (min-width: 600px) {
      .min-width-lg-tablet {
        min-width: 128px; } }
    @media (min-width: 1024px) {
      .min-width-lg-tablet-pc {
        min-width: 128px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-lg-tablet-pc {
        min-width: 128px; } }
    @media (min-width: 1440px) {
      .min-width-lg-pc {
        min-width: 128px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-lg-ultrawide {
        min-width: 128px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-lg-super-ultrawide {
        min-width: 128px; } }
  .min-width-xl {
    min-width: 192px; }
    @media (min-width: 600px) {
      .min-width-xl-tablet {
        min-width: 192px; } }
    @media (min-width: 1024px) {
      .min-width-xl-tablet-pc {
        min-width: 192px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-xl-tablet-pc {
        min-width: 192px; } }
    @media (min-width: 1440px) {
      .min-width-xl-pc {
        min-width: 192px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-xl-ultrawide {
        min-width: 192px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-xl-super-ultrawide {
        min-width: 192px; } }
  .min-width-xxl {
    min-width: 256px; }
    @media (min-width: 600px) {
      .min-width-xxl-tablet {
        min-width: 256px; } }
    @media (min-width: 1024px) {
      .min-width-xxl-tablet-pc {
        min-width: 256px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-xxl-tablet-pc {
        min-width: 256px; } }
    @media (min-width: 1440px) {
      .min-width-xxl-pc {
        min-width: 256px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-xxl-ultrawide {
        min-width: 256px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-xxl-super-ultrawide {
        min-width: 256px; } }
  .min-width-full {
    min-width: calc(100%); }
    @media (min-width: 600px) {
      .min-width-full-tablet {
        min-width: calc(100%); } }
    @media (min-width: 1024px) {
      .min-width-full-tablet-pc {
        min-width: calc(100%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-full-tablet-pc {
        min-width: calc(100%); } }
    @media (min-width: 1440px) {
      .min-width-full-pc {
        min-width: calc(100%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-full-ultrawide {
        min-width: calc(100%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-full-super-ultrawide {
        min-width: calc(100%); } }
  .min-width-seven-eighths {
    min-width: calc(87.5%); }
    @media (min-width: 600px) {
      .min-width-seven-eighths-tablet {
        min-width: calc(87.5%); } }
    @media (min-width: 1024px) {
      .min-width-seven-eighths-tablet-pc {
        min-width: calc(87.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-seven-eighths-tablet-pc {
        min-width: calc(87.5%); } }
    @media (min-width: 1440px) {
      .min-width-seven-eighths-pc {
        min-width: calc(87.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-seven-eighths-ultrawide {
        min-width: calc(87.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-seven-eighths-super-ultrawide {
        min-width: calc(87.5%); } }
  .min-width-five-sixths {
    min-width: calc(((100% / 6) * 5)); }
    @media (min-width: 600px) {
      .min-width-five-sixths-tablet {
        min-width: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) {
      .min-width-five-sixths-tablet-pc {
        min-width: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-five-sixths-tablet-pc {
        min-width: calc(((100% / 6) * 5)); } }
    @media (min-width: 1440px) {
      .min-width-five-sixths-pc {
        min-width: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-five-sixths-ultrawide {
        min-width: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-five-sixths-super-ultrawide {
        min-width: calc(((100% / 6) * 5)); } }
  .min-width-four-fifths {
    min-width: calc(80%); }
    @media (min-width: 600px) {
      .min-width-four-fifths-tablet {
        min-width: calc(80%); } }
    @media (min-width: 1024px) {
      .min-width-four-fifths-tablet-pc {
        min-width: calc(80%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-four-fifths-tablet-pc {
        min-width: calc(80%); } }
    @media (min-width: 1440px) {
      .min-width-four-fifths-pc {
        min-width: calc(80%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-four-fifths-ultrawide {
        min-width: calc(80%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-four-fifths-super-ultrawide {
        min-width: calc(80%); } }
  .min-width-three-quaters {
    min-width: calc(75%); }
    @media (min-width: 600px) {
      .min-width-three-quaters-tablet {
        min-width: calc(75%); } }
    @media (min-width: 1024px) {
      .min-width-three-quaters-tablet-pc {
        min-width: calc(75%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-three-quaters-tablet-pc {
        min-width: calc(75%); } }
    @media (min-width: 1440px) {
      .min-width-three-quaters-pc {
        min-width: calc(75%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-three-quaters-ultrawide {
        min-width: calc(75%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-three-quaters-super-ultrawide {
        min-width: calc(75%); } }
  .min-width-two-thirds {
    min-width: calc(66%); }
    @media (min-width: 600px) {
      .min-width-two-thirds-tablet {
        min-width: calc(66%); } }
    @media (min-width: 1024px) {
      .min-width-two-thirds-tablet-pc {
        min-width: calc(66%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-two-thirds-tablet-pc {
        min-width: calc(66%); } }
    @media (min-width: 1440px) {
      .min-width-two-thirds-pc {
        min-width: calc(66%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-two-thirds-ultrawide {
        min-width: calc(66%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-two-thirds-super-ultrawide {
        min-width: calc(66%); } }
  .min-width-five-eighths {
    min-width: calc(62.5%); }
    @media (min-width: 600px) {
      .min-width-five-eighths-tablet {
        min-width: calc(62.5%); } }
    @media (min-width: 1024px) {
      .min-width-five-eighths-tablet-pc {
        min-width: calc(62.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-five-eighths-tablet-pc {
        min-width: calc(62.5%); } }
    @media (min-width: 1440px) {
      .min-width-five-eighths-pc {
        min-width: calc(62.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-five-eighths-ultrawide {
        min-width: calc(62.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-five-eighths-super-ultrawide {
        min-width: calc(62.5%); } }
  .min-width-three-fifths {
    min-width: calc(60%); }
    @media (min-width: 600px) {
      .min-width-three-fifths-tablet {
        min-width: calc(60%); } }
    @media (min-width: 1024px) {
      .min-width-three-fifths-tablet-pc {
        min-width: calc(60%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-three-fifths-tablet-pc {
        min-width: calc(60%); } }
    @media (min-width: 1440px) {
      .min-width-three-fifths-pc {
        min-width: calc(60%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-three-fifths-ultrawide {
        min-width: calc(60%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-three-fifths-super-ultrawide {
        min-width: calc(60%); } }
  .min-width-half {
    min-width: calc(50%); }
    @media (min-width: 600px) {
      .min-width-half-tablet {
        min-width: calc(50%); } }
    @media (min-width: 1024px) {
      .min-width-half-tablet-pc {
        min-width: calc(50%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-half-tablet-pc {
        min-width: calc(50%); } }
    @media (min-width: 1440px) {
      .min-width-half-pc {
        min-width: calc(50%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-half-ultrawide {
        min-width: calc(50%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-half-super-ultrawide {
        min-width: calc(50%); } }
  .min-width-three-sixths {
    min-width: calc(((100% / 6) * 3)); }
    @media (min-width: 600px) {
      .min-width-three-sixths-tablet {
        min-width: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) {
      .min-width-three-sixths-tablet-pc {
        min-width: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-three-sixths-tablet-pc {
        min-width: calc(((100% / 6) * 3)); } }
    @media (min-width: 1440px) {
      .min-width-three-sixths-pc {
        min-width: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-three-sixths-ultrawide {
        min-width: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-three-sixths-super-ultrawide {
        min-width: calc(((100% / 6) * 3)); } }
  .min-width-two-fifths {
    min-width: calc(40%); }
    @media (min-width: 600px) {
      .min-width-two-fifths-tablet {
        min-width: calc(40%); } }
    @media (min-width: 1024px) {
      .min-width-two-fifths-tablet-pc {
        min-width: calc(40%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-two-fifths-tablet-pc {
        min-width: calc(40%); } }
    @media (min-width: 1440px) {
      .min-width-two-fifths-pc {
        min-width: calc(40%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-two-fifths-ultrawide {
        min-width: calc(40%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-two-fifths-super-ultrawide {
        min-width: calc(40%); } }
  .min-width-three-eighths {
    min-width: calc(37.5%); }
    @media (min-width: 600px) {
      .min-width-three-eighths-tablet {
        min-width: calc(37.5%); } }
    @media (min-width: 1024px) {
      .min-width-three-eighths-tablet-pc {
        min-width: calc(37.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-three-eighths-tablet-pc {
        min-width: calc(37.5%); } }
    @media (min-width: 1440px) {
      .min-width-three-eighths-pc {
        min-width: calc(37.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-three-eighths-ultrawide {
        min-width: calc(37.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-three-eighths-super-ultrawide {
        min-width: calc(37.5%); } }
  .min-width-third {
    min-width: calc((100% / 3)); }
    @media (min-width: 600px) {
      .min-width-third-tablet {
        min-width: calc((100% / 3)); } }
    @media (min-width: 1024px) {
      .min-width-third-tablet-pc {
        min-width: calc((100% / 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-third-tablet-pc {
        min-width: calc((100% / 3)); } }
    @media (min-width: 1440px) {
      .min-width-third-pc {
        min-width: calc((100% / 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-third-ultrawide {
        min-width: calc((100% / 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-third-super-ultrawide {
        min-width: calc((100% / 3)); } }
  .min-width-quater {
    min-width: calc(25%); }
    @media (min-width: 600px) {
      .min-width-quater-tablet {
        min-width: calc(25%); } }
    @media (min-width: 1024px) {
      .min-width-quater-tablet-pc {
        min-width: calc(25%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-quater-tablet-pc {
        min-width: calc(25%); } }
    @media (min-width: 1440px) {
      .min-width-quater-pc {
        min-width: calc(25%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-quater-ultrawide {
        min-width: calc(25%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-quater-super-ultrawide {
        min-width: calc(25%); } }
  .min-width-fifth {
    min-width: calc(20%); }
    @media (min-width: 600px) {
      .min-width-fifth-tablet {
        min-width: calc(20%); } }
    @media (min-width: 1024px) {
      .min-width-fifth-tablet-pc {
        min-width: calc(20%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-fifth-tablet-pc {
        min-width: calc(20%); } }
    @media (min-width: 1440px) {
      .min-width-fifth-pc {
        min-width: calc(20%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-fifth-ultrawide {
        min-width: calc(20%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-fifth-super-ultrawide {
        min-width: calc(20%); } }
  .min-width-sixth {
    min-width: calc((100% / 6)); }
    @media (min-width: 600px) {
      .min-width-sixth-tablet {
        min-width: calc((100% / 6)); } }
    @media (min-width: 1024px) {
      .min-width-sixth-tablet-pc {
        min-width: calc((100% / 6)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-sixth-tablet-pc {
        min-width: calc((100% / 6)); } }
    @media (min-width: 1440px) {
      .min-width-sixth-pc {
        min-width: calc((100% / 6)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-sixth-ultrawide {
        min-width: calc((100% / 6)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-sixth-super-ultrawide {
        min-width: calc((100% / 6)); } }
  .min-width-eighth {
    min-width: calc(12.5%); }
    @media (min-width: 600px) {
      .min-width-eighth-tablet {
        min-width: calc(12.5%); } }
    @media (min-width: 1024px) {
      .min-width-eighth-tablet-pc {
        min-width: calc(12.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-width-eighth-tablet-pc {
        min-width: calc(12.5%); } }
    @media (min-width: 1440px) {
      .min-width-eighth-pc {
        min-width: calc(12.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-width-eighth-ultrawide {
        min-width: calc(12.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-width-eighth-super-ultrawide {
        min-width: calc(12.5%); } }

[class*="bubble"].min-width-full,
[class*="card"].min-width-full,
[class*="button"].min-width-full,
[class*="badge"].min-width-full,
[class*="pile"].min-width-full,
[class*="input"].min-width-full,
[class*="table"].min-width-full {
  min-width: calc(100% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-full-tablet,
    [class*="card"].min-width-full-tablet,
    [class*="button"].min-width-full-tablet,
    [class*="badge"].min-width-full-tablet,
    [class*="pile"].min-width-full-tablet,
    [class*="input"].min-width-full-tablet,
    [class*="table"].min-width-full-tablet {
      min-width: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-full-tablet-pc,
    [class*="card"].min-width-full-tablet-pc,
    [class*="button"].min-width-full-tablet-pc,
    [class*="badge"].min-width-full-tablet-pc,
    [class*="pile"].min-width-full-tablet-pc,
    [class*="input"].min-width-full-tablet-pc,
    [class*="table"].min-width-full-tablet-pc {
      min-width: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-full-tablet-pc,
    [class*="card"].min-width-full-tablet-pc,
    [class*="button"].min-width-full-tablet-pc,
    [class*="badge"].min-width-full-tablet-pc,
    [class*="pile"].min-width-full-tablet-pc,
    [class*="input"].min-width-full-tablet-pc,
    [class*="table"].min-width-full-tablet-pc {
      min-width: calc(100% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-full-pc,
    [class*="card"].min-width-full-pc,
    [class*="button"].min-width-full-pc,
    [class*="badge"].min-width-full-pc,
    [class*="pile"].min-width-full-pc,
    [class*="input"].min-width-full-pc,
    [class*="table"].min-width-full-pc {
      min-width: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-full-ultrawide,
    [class*="card"].min-width-full-ultrawide,
    [class*="button"].min-width-full-ultrawide,
    [class*="badge"].min-width-full-ultrawide,
    [class*="pile"].min-width-full-ultrawide,
    [class*="input"].min-width-full-ultrawide,
    [class*="table"].min-width-full-ultrawide {
      min-width: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-full-super-ultrawide,
    [class*="card"].min-width-full-super-ultrawide,
    [class*="button"].min-width-full-super-ultrawide,
    [class*="badge"].min-width-full-super-ultrawide,
    [class*="pile"].min-width-full-super-ultrawide,
    [class*="input"].min-width-full-super-ultrawide,
    [class*="table"].min-width-full-super-ultrawide {
      min-width: calc(100% - (8px*2)); } }

[class*="bubble"].min-width-seven-eighths,
[class*="card"].min-width-seven-eighths,
[class*="button"].min-width-seven-eighths,
[class*="badge"].min-width-seven-eighths,
[class*="pile"].min-width-seven-eighths,
[class*="input"].min-width-seven-eighths,
[class*="table"].min-width-seven-eighths {
  min-width: calc(87.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-seven-eighths-tablet,
    [class*="card"].min-width-seven-eighths-tablet,
    [class*="button"].min-width-seven-eighths-tablet,
    [class*="badge"].min-width-seven-eighths-tablet,
    [class*="pile"].min-width-seven-eighths-tablet,
    [class*="input"].min-width-seven-eighths-tablet,
    [class*="table"].min-width-seven-eighths-tablet {
      min-width: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-seven-eighths-tablet-pc,
    [class*="card"].min-width-seven-eighths-tablet-pc,
    [class*="button"].min-width-seven-eighths-tablet-pc,
    [class*="badge"].min-width-seven-eighths-tablet-pc,
    [class*="pile"].min-width-seven-eighths-tablet-pc,
    [class*="input"].min-width-seven-eighths-tablet-pc,
    [class*="table"].min-width-seven-eighths-tablet-pc {
      min-width: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-seven-eighths-tablet-pc,
    [class*="card"].min-width-seven-eighths-tablet-pc,
    [class*="button"].min-width-seven-eighths-tablet-pc,
    [class*="badge"].min-width-seven-eighths-tablet-pc,
    [class*="pile"].min-width-seven-eighths-tablet-pc,
    [class*="input"].min-width-seven-eighths-tablet-pc,
    [class*="table"].min-width-seven-eighths-tablet-pc {
      min-width: calc(87.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-seven-eighths-pc,
    [class*="card"].min-width-seven-eighths-pc,
    [class*="button"].min-width-seven-eighths-pc,
    [class*="badge"].min-width-seven-eighths-pc,
    [class*="pile"].min-width-seven-eighths-pc,
    [class*="input"].min-width-seven-eighths-pc,
    [class*="table"].min-width-seven-eighths-pc {
      min-width: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-seven-eighths-ultrawide,
    [class*="card"].min-width-seven-eighths-ultrawide,
    [class*="button"].min-width-seven-eighths-ultrawide,
    [class*="badge"].min-width-seven-eighths-ultrawide,
    [class*="pile"].min-width-seven-eighths-ultrawide,
    [class*="input"].min-width-seven-eighths-ultrawide,
    [class*="table"].min-width-seven-eighths-ultrawide {
      min-width: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-seven-eighths-super-ultrawide,
    [class*="card"].min-width-seven-eighths-super-ultrawide,
    [class*="button"].min-width-seven-eighths-super-ultrawide,
    [class*="badge"].min-width-seven-eighths-super-ultrawide,
    [class*="pile"].min-width-seven-eighths-super-ultrawide,
    [class*="input"].min-width-seven-eighths-super-ultrawide,
    [class*="table"].min-width-seven-eighths-super-ultrawide {
      min-width: calc(87.5% - (8px*2)); } }

[class*="bubble"].min-width-five-sixths,
[class*="card"].min-width-five-sixths,
[class*="button"].min-width-five-sixths,
[class*="badge"].min-width-five-sixths,
[class*="pile"].min-width-five-sixths,
[class*="input"].min-width-five-sixths,
[class*="table"].min-width-five-sixths {
  min-width: calc(((100% / 6) * 5) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-five-sixths-tablet,
    [class*="card"].min-width-five-sixths-tablet,
    [class*="button"].min-width-five-sixths-tablet,
    [class*="badge"].min-width-five-sixths-tablet,
    [class*="pile"].min-width-five-sixths-tablet,
    [class*="input"].min-width-five-sixths-tablet,
    [class*="table"].min-width-five-sixths-tablet {
      min-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-five-sixths-tablet-pc,
    [class*="card"].min-width-five-sixths-tablet-pc,
    [class*="button"].min-width-five-sixths-tablet-pc,
    [class*="badge"].min-width-five-sixths-tablet-pc,
    [class*="pile"].min-width-five-sixths-tablet-pc,
    [class*="input"].min-width-five-sixths-tablet-pc,
    [class*="table"].min-width-five-sixths-tablet-pc {
      min-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-five-sixths-tablet-pc,
    [class*="card"].min-width-five-sixths-tablet-pc,
    [class*="button"].min-width-five-sixths-tablet-pc,
    [class*="badge"].min-width-five-sixths-tablet-pc,
    [class*="pile"].min-width-five-sixths-tablet-pc,
    [class*="input"].min-width-five-sixths-tablet-pc,
    [class*="table"].min-width-five-sixths-tablet-pc {
      min-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-five-sixths-pc,
    [class*="card"].min-width-five-sixths-pc,
    [class*="button"].min-width-five-sixths-pc,
    [class*="badge"].min-width-five-sixths-pc,
    [class*="pile"].min-width-five-sixths-pc,
    [class*="input"].min-width-five-sixths-pc,
    [class*="table"].min-width-five-sixths-pc {
      min-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-five-sixths-ultrawide,
    [class*="card"].min-width-five-sixths-ultrawide,
    [class*="button"].min-width-five-sixths-ultrawide,
    [class*="badge"].min-width-five-sixths-ultrawide,
    [class*="pile"].min-width-five-sixths-ultrawide,
    [class*="input"].min-width-five-sixths-ultrawide,
    [class*="table"].min-width-five-sixths-ultrawide {
      min-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-five-sixths-super-ultrawide,
    [class*="card"].min-width-five-sixths-super-ultrawide,
    [class*="button"].min-width-five-sixths-super-ultrawide,
    [class*="badge"].min-width-five-sixths-super-ultrawide,
    [class*="pile"].min-width-five-sixths-super-ultrawide,
    [class*="input"].min-width-five-sixths-super-ultrawide,
    [class*="table"].min-width-five-sixths-super-ultrawide {
      min-width: calc(((100% / 6) * 5) - (8px*2)); } }

[class*="bubble"].min-width-four-fifths,
[class*="card"].min-width-four-fifths,
[class*="button"].min-width-four-fifths,
[class*="badge"].min-width-four-fifths,
[class*="pile"].min-width-four-fifths,
[class*="input"].min-width-four-fifths,
[class*="table"].min-width-four-fifths {
  min-width: calc(80% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-four-fifths-tablet,
    [class*="card"].min-width-four-fifths-tablet,
    [class*="button"].min-width-four-fifths-tablet,
    [class*="badge"].min-width-four-fifths-tablet,
    [class*="pile"].min-width-four-fifths-tablet,
    [class*="input"].min-width-four-fifths-tablet,
    [class*="table"].min-width-four-fifths-tablet {
      min-width: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-four-fifths-tablet-pc,
    [class*="card"].min-width-four-fifths-tablet-pc,
    [class*="button"].min-width-four-fifths-tablet-pc,
    [class*="badge"].min-width-four-fifths-tablet-pc,
    [class*="pile"].min-width-four-fifths-tablet-pc,
    [class*="input"].min-width-four-fifths-tablet-pc,
    [class*="table"].min-width-four-fifths-tablet-pc {
      min-width: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-four-fifths-tablet-pc,
    [class*="card"].min-width-four-fifths-tablet-pc,
    [class*="button"].min-width-four-fifths-tablet-pc,
    [class*="badge"].min-width-four-fifths-tablet-pc,
    [class*="pile"].min-width-four-fifths-tablet-pc,
    [class*="input"].min-width-four-fifths-tablet-pc,
    [class*="table"].min-width-four-fifths-tablet-pc {
      min-width: calc(80% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-four-fifths-pc,
    [class*="card"].min-width-four-fifths-pc,
    [class*="button"].min-width-four-fifths-pc,
    [class*="badge"].min-width-four-fifths-pc,
    [class*="pile"].min-width-four-fifths-pc,
    [class*="input"].min-width-four-fifths-pc,
    [class*="table"].min-width-four-fifths-pc {
      min-width: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-four-fifths-ultrawide,
    [class*="card"].min-width-four-fifths-ultrawide,
    [class*="button"].min-width-four-fifths-ultrawide,
    [class*="badge"].min-width-four-fifths-ultrawide,
    [class*="pile"].min-width-four-fifths-ultrawide,
    [class*="input"].min-width-four-fifths-ultrawide,
    [class*="table"].min-width-four-fifths-ultrawide {
      min-width: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-four-fifths-super-ultrawide,
    [class*="card"].min-width-four-fifths-super-ultrawide,
    [class*="button"].min-width-four-fifths-super-ultrawide,
    [class*="badge"].min-width-four-fifths-super-ultrawide,
    [class*="pile"].min-width-four-fifths-super-ultrawide,
    [class*="input"].min-width-four-fifths-super-ultrawide,
    [class*="table"].min-width-four-fifths-super-ultrawide {
      min-width: calc(80% - (8px*2)); } }

[class*="bubble"].min-width-three-quaters,
[class*="card"].min-width-three-quaters,
[class*="button"].min-width-three-quaters,
[class*="badge"].min-width-three-quaters,
[class*="pile"].min-width-three-quaters,
[class*="input"].min-width-three-quaters,
[class*="table"].min-width-three-quaters {
  min-width: calc(75% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-three-quaters-tablet,
    [class*="card"].min-width-three-quaters-tablet,
    [class*="button"].min-width-three-quaters-tablet,
    [class*="badge"].min-width-three-quaters-tablet,
    [class*="pile"].min-width-three-quaters-tablet,
    [class*="input"].min-width-three-quaters-tablet,
    [class*="table"].min-width-three-quaters-tablet {
      min-width: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-three-quaters-tablet-pc,
    [class*="card"].min-width-three-quaters-tablet-pc,
    [class*="button"].min-width-three-quaters-tablet-pc,
    [class*="badge"].min-width-three-quaters-tablet-pc,
    [class*="pile"].min-width-three-quaters-tablet-pc,
    [class*="input"].min-width-three-quaters-tablet-pc,
    [class*="table"].min-width-three-quaters-tablet-pc {
      min-width: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-three-quaters-tablet-pc,
    [class*="card"].min-width-three-quaters-tablet-pc,
    [class*="button"].min-width-three-quaters-tablet-pc,
    [class*="badge"].min-width-three-quaters-tablet-pc,
    [class*="pile"].min-width-three-quaters-tablet-pc,
    [class*="input"].min-width-three-quaters-tablet-pc,
    [class*="table"].min-width-three-quaters-tablet-pc {
      min-width: calc(75% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-three-quaters-pc,
    [class*="card"].min-width-three-quaters-pc,
    [class*="button"].min-width-three-quaters-pc,
    [class*="badge"].min-width-three-quaters-pc,
    [class*="pile"].min-width-three-quaters-pc,
    [class*="input"].min-width-three-quaters-pc,
    [class*="table"].min-width-three-quaters-pc {
      min-width: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-three-quaters-ultrawide,
    [class*="card"].min-width-three-quaters-ultrawide,
    [class*="button"].min-width-three-quaters-ultrawide,
    [class*="badge"].min-width-three-quaters-ultrawide,
    [class*="pile"].min-width-three-quaters-ultrawide,
    [class*="input"].min-width-three-quaters-ultrawide,
    [class*="table"].min-width-three-quaters-ultrawide {
      min-width: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-three-quaters-super-ultrawide,
    [class*="card"].min-width-three-quaters-super-ultrawide,
    [class*="button"].min-width-three-quaters-super-ultrawide,
    [class*="badge"].min-width-three-quaters-super-ultrawide,
    [class*="pile"].min-width-three-quaters-super-ultrawide,
    [class*="input"].min-width-three-quaters-super-ultrawide,
    [class*="table"].min-width-three-quaters-super-ultrawide {
      min-width: calc(75% - (8px*2)); } }

[class*="bubble"].min-width-two-thirds,
[class*="card"].min-width-two-thirds,
[class*="button"].min-width-two-thirds,
[class*="badge"].min-width-two-thirds,
[class*="pile"].min-width-two-thirds,
[class*="input"].min-width-two-thirds,
[class*="table"].min-width-two-thirds {
  min-width: calc(66% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-two-thirds-tablet,
    [class*="card"].min-width-two-thirds-tablet,
    [class*="button"].min-width-two-thirds-tablet,
    [class*="badge"].min-width-two-thirds-tablet,
    [class*="pile"].min-width-two-thirds-tablet,
    [class*="input"].min-width-two-thirds-tablet,
    [class*="table"].min-width-two-thirds-tablet {
      min-width: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-two-thirds-tablet-pc,
    [class*="card"].min-width-two-thirds-tablet-pc,
    [class*="button"].min-width-two-thirds-tablet-pc,
    [class*="badge"].min-width-two-thirds-tablet-pc,
    [class*="pile"].min-width-two-thirds-tablet-pc,
    [class*="input"].min-width-two-thirds-tablet-pc,
    [class*="table"].min-width-two-thirds-tablet-pc {
      min-width: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-two-thirds-tablet-pc,
    [class*="card"].min-width-two-thirds-tablet-pc,
    [class*="button"].min-width-two-thirds-tablet-pc,
    [class*="badge"].min-width-two-thirds-tablet-pc,
    [class*="pile"].min-width-two-thirds-tablet-pc,
    [class*="input"].min-width-two-thirds-tablet-pc,
    [class*="table"].min-width-two-thirds-tablet-pc {
      min-width: calc(66% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-two-thirds-pc,
    [class*="card"].min-width-two-thirds-pc,
    [class*="button"].min-width-two-thirds-pc,
    [class*="badge"].min-width-two-thirds-pc,
    [class*="pile"].min-width-two-thirds-pc,
    [class*="input"].min-width-two-thirds-pc,
    [class*="table"].min-width-two-thirds-pc {
      min-width: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-two-thirds-ultrawide,
    [class*="card"].min-width-two-thirds-ultrawide,
    [class*="button"].min-width-two-thirds-ultrawide,
    [class*="badge"].min-width-two-thirds-ultrawide,
    [class*="pile"].min-width-two-thirds-ultrawide,
    [class*="input"].min-width-two-thirds-ultrawide,
    [class*="table"].min-width-two-thirds-ultrawide {
      min-width: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-two-thirds-super-ultrawide,
    [class*="card"].min-width-two-thirds-super-ultrawide,
    [class*="button"].min-width-two-thirds-super-ultrawide,
    [class*="badge"].min-width-two-thirds-super-ultrawide,
    [class*="pile"].min-width-two-thirds-super-ultrawide,
    [class*="input"].min-width-two-thirds-super-ultrawide,
    [class*="table"].min-width-two-thirds-super-ultrawide {
      min-width: calc(66% - (8px*2)); } }

[class*="bubble"].min-width-five-eighths,
[class*="card"].min-width-five-eighths,
[class*="button"].min-width-five-eighths,
[class*="badge"].min-width-five-eighths,
[class*="pile"].min-width-five-eighths,
[class*="input"].min-width-five-eighths,
[class*="table"].min-width-five-eighths {
  min-width: calc(62.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-five-eighths-tablet,
    [class*="card"].min-width-five-eighths-tablet,
    [class*="button"].min-width-five-eighths-tablet,
    [class*="badge"].min-width-five-eighths-tablet,
    [class*="pile"].min-width-five-eighths-tablet,
    [class*="input"].min-width-five-eighths-tablet,
    [class*="table"].min-width-five-eighths-tablet {
      min-width: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-five-eighths-tablet-pc,
    [class*="card"].min-width-five-eighths-tablet-pc,
    [class*="button"].min-width-five-eighths-tablet-pc,
    [class*="badge"].min-width-five-eighths-tablet-pc,
    [class*="pile"].min-width-five-eighths-tablet-pc,
    [class*="input"].min-width-five-eighths-tablet-pc,
    [class*="table"].min-width-five-eighths-tablet-pc {
      min-width: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-five-eighths-tablet-pc,
    [class*="card"].min-width-five-eighths-tablet-pc,
    [class*="button"].min-width-five-eighths-tablet-pc,
    [class*="badge"].min-width-five-eighths-tablet-pc,
    [class*="pile"].min-width-five-eighths-tablet-pc,
    [class*="input"].min-width-five-eighths-tablet-pc,
    [class*="table"].min-width-five-eighths-tablet-pc {
      min-width: calc(62.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-five-eighths-pc,
    [class*="card"].min-width-five-eighths-pc,
    [class*="button"].min-width-five-eighths-pc,
    [class*="badge"].min-width-five-eighths-pc,
    [class*="pile"].min-width-five-eighths-pc,
    [class*="input"].min-width-five-eighths-pc,
    [class*="table"].min-width-five-eighths-pc {
      min-width: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-five-eighths-ultrawide,
    [class*="card"].min-width-five-eighths-ultrawide,
    [class*="button"].min-width-five-eighths-ultrawide,
    [class*="badge"].min-width-five-eighths-ultrawide,
    [class*="pile"].min-width-five-eighths-ultrawide,
    [class*="input"].min-width-five-eighths-ultrawide,
    [class*="table"].min-width-five-eighths-ultrawide {
      min-width: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-five-eighths-super-ultrawide,
    [class*="card"].min-width-five-eighths-super-ultrawide,
    [class*="button"].min-width-five-eighths-super-ultrawide,
    [class*="badge"].min-width-five-eighths-super-ultrawide,
    [class*="pile"].min-width-five-eighths-super-ultrawide,
    [class*="input"].min-width-five-eighths-super-ultrawide,
    [class*="table"].min-width-five-eighths-super-ultrawide {
      min-width: calc(62.5% - (8px*2)); } }

[class*="bubble"].min-width-three-fifths,
[class*="card"].min-width-three-fifths,
[class*="button"].min-width-three-fifths,
[class*="badge"].min-width-three-fifths,
[class*="pile"].min-width-three-fifths,
[class*="input"].min-width-three-fifths,
[class*="table"].min-width-three-fifths {
  min-width: calc(60% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-three-fifths-tablet,
    [class*="card"].min-width-three-fifths-tablet,
    [class*="button"].min-width-three-fifths-tablet,
    [class*="badge"].min-width-three-fifths-tablet,
    [class*="pile"].min-width-three-fifths-tablet,
    [class*="input"].min-width-three-fifths-tablet,
    [class*="table"].min-width-three-fifths-tablet {
      min-width: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-three-fifths-tablet-pc,
    [class*="card"].min-width-three-fifths-tablet-pc,
    [class*="button"].min-width-three-fifths-tablet-pc,
    [class*="badge"].min-width-three-fifths-tablet-pc,
    [class*="pile"].min-width-three-fifths-tablet-pc,
    [class*="input"].min-width-three-fifths-tablet-pc,
    [class*="table"].min-width-three-fifths-tablet-pc {
      min-width: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-three-fifths-tablet-pc,
    [class*="card"].min-width-three-fifths-tablet-pc,
    [class*="button"].min-width-three-fifths-tablet-pc,
    [class*="badge"].min-width-three-fifths-tablet-pc,
    [class*="pile"].min-width-three-fifths-tablet-pc,
    [class*="input"].min-width-three-fifths-tablet-pc,
    [class*="table"].min-width-three-fifths-tablet-pc {
      min-width: calc(60% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-three-fifths-pc,
    [class*="card"].min-width-three-fifths-pc,
    [class*="button"].min-width-three-fifths-pc,
    [class*="badge"].min-width-three-fifths-pc,
    [class*="pile"].min-width-three-fifths-pc,
    [class*="input"].min-width-three-fifths-pc,
    [class*="table"].min-width-three-fifths-pc {
      min-width: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-three-fifths-ultrawide,
    [class*="card"].min-width-three-fifths-ultrawide,
    [class*="button"].min-width-three-fifths-ultrawide,
    [class*="badge"].min-width-three-fifths-ultrawide,
    [class*="pile"].min-width-three-fifths-ultrawide,
    [class*="input"].min-width-three-fifths-ultrawide,
    [class*="table"].min-width-three-fifths-ultrawide {
      min-width: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-three-fifths-super-ultrawide,
    [class*="card"].min-width-three-fifths-super-ultrawide,
    [class*="button"].min-width-three-fifths-super-ultrawide,
    [class*="badge"].min-width-three-fifths-super-ultrawide,
    [class*="pile"].min-width-three-fifths-super-ultrawide,
    [class*="input"].min-width-three-fifths-super-ultrawide,
    [class*="table"].min-width-three-fifths-super-ultrawide {
      min-width: calc(60% - (8px*2)); } }

[class*="bubble"].min-width-half,
[class*="card"].min-width-half,
[class*="button"].min-width-half,
[class*="badge"].min-width-half,
[class*="pile"].min-width-half,
[class*="input"].min-width-half,
[class*="table"].min-width-half {
  min-width: calc(50% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-half-tablet,
    [class*="card"].min-width-half-tablet,
    [class*="button"].min-width-half-tablet,
    [class*="badge"].min-width-half-tablet,
    [class*="pile"].min-width-half-tablet,
    [class*="input"].min-width-half-tablet,
    [class*="table"].min-width-half-tablet {
      min-width: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-half-tablet-pc,
    [class*="card"].min-width-half-tablet-pc,
    [class*="button"].min-width-half-tablet-pc,
    [class*="badge"].min-width-half-tablet-pc,
    [class*="pile"].min-width-half-tablet-pc,
    [class*="input"].min-width-half-tablet-pc,
    [class*="table"].min-width-half-tablet-pc {
      min-width: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-half-tablet-pc,
    [class*="card"].min-width-half-tablet-pc,
    [class*="button"].min-width-half-tablet-pc,
    [class*="badge"].min-width-half-tablet-pc,
    [class*="pile"].min-width-half-tablet-pc,
    [class*="input"].min-width-half-tablet-pc,
    [class*="table"].min-width-half-tablet-pc {
      min-width: calc(50% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-half-pc,
    [class*="card"].min-width-half-pc,
    [class*="button"].min-width-half-pc,
    [class*="badge"].min-width-half-pc,
    [class*="pile"].min-width-half-pc,
    [class*="input"].min-width-half-pc,
    [class*="table"].min-width-half-pc {
      min-width: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-half-ultrawide,
    [class*="card"].min-width-half-ultrawide,
    [class*="button"].min-width-half-ultrawide,
    [class*="badge"].min-width-half-ultrawide,
    [class*="pile"].min-width-half-ultrawide,
    [class*="input"].min-width-half-ultrawide,
    [class*="table"].min-width-half-ultrawide {
      min-width: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-half-super-ultrawide,
    [class*="card"].min-width-half-super-ultrawide,
    [class*="button"].min-width-half-super-ultrawide,
    [class*="badge"].min-width-half-super-ultrawide,
    [class*="pile"].min-width-half-super-ultrawide,
    [class*="input"].min-width-half-super-ultrawide,
    [class*="table"].min-width-half-super-ultrawide {
      min-width: calc(50% - (8px*2)); } }

[class*="bubble"].min-width-three-sixths,
[class*="card"].min-width-three-sixths,
[class*="button"].min-width-three-sixths,
[class*="badge"].min-width-three-sixths,
[class*="pile"].min-width-three-sixths,
[class*="input"].min-width-three-sixths,
[class*="table"].min-width-three-sixths {
  min-width: calc(((100% / 6) * 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-three-sixths-tablet,
    [class*="card"].min-width-three-sixths-tablet,
    [class*="button"].min-width-three-sixths-tablet,
    [class*="badge"].min-width-three-sixths-tablet,
    [class*="pile"].min-width-three-sixths-tablet,
    [class*="input"].min-width-three-sixths-tablet,
    [class*="table"].min-width-three-sixths-tablet {
      min-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-three-sixths-tablet-pc,
    [class*="card"].min-width-three-sixths-tablet-pc,
    [class*="button"].min-width-three-sixths-tablet-pc,
    [class*="badge"].min-width-three-sixths-tablet-pc,
    [class*="pile"].min-width-three-sixths-tablet-pc,
    [class*="input"].min-width-three-sixths-tablet-pc,
    [class*="table"].min-width-three-sixths-tablet-pc {
      min-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-three-sixths-tablet-pc,
    [class*="card"].min-width-three-sixths-tablet-pc,
    [class*="button"].min-width-three-sixths-tablet-pc,
    [class*="badge"].min-width-three-sixths-tablet-pc,
    [class*="pile"].min-width-three-sixths-tablet-pc,
    [class*="input"].min-width-three-sixths-tablet-pc,
    [class*="table"].min-width-three-sixths-tablet-pc {
      min-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-three-sixths-pc,
    [class*="card"].min-width-three-sixths-pc,
    [class*="button"].min-width-three-sixths-pc,
    [class*="badge"].min-width-three-sixths-pc,
    [class*="pile"].min-width-three-sixths-pc,
    [class*="input"].min-width-three-sixths-pc,
    [class*="table"].min-width-three-sixths-pc {
      min-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-three-sixths-ultrawide,
    [class*="card"].min-width-three-sixths-ultrawide,
    [class*="button"].min-width-three-sixths-ultrawide,
    [class*="badge"].min-width-three-sixths-ultrawide,
    [class*="pile"].min-width-three-sixths-ultrawide,
    [class*="input"].min-width-three-sixths-ultrawide,
    [class*="table"].min-width-three-sixths-ultrawide {
      min-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-three-sixths-super-ultrawide,
    [class*="card"].min-width-three-sixths-super-ultrawide,
    [class*="button"].min-width-three-sixths-super-ultrawide,
    [class*="badge"].min-width-three-sixths-super-ultrawide,
    [class*="pile"].min-width-three-sixths-super-ultrawide,
    [class*="input"].min-width-three-sixths-super-ultrawide,
    [class*="table"].min-width-three-sixths-super-ultrawide {
      min-width: calc(((100% / 6) * 3) - (8px*2)); } }

[class*="bubble"].min-width-two-fifths,
[class*="card"].min-width-two-fifths,
[class*="button"].min-width-two-fifths,
[class*="badge"].min-width-two-fifths,
[class*="pile"].min-width-two-fifths,
[class*="input"].min-width-two-fifths,
[class*="table"].min-width-two-fifths {
  min-width: calc(40% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-two-fifths-tablet,
    [class*="card"].min-width-two-fifths-tablet,
    [class*="button"].min-width-two-fifths-tablet,
    [class*="badge"].min-width-two-fifths-tablet,
    [class*="pile"].min-width-two-fifths-tablet,
    [class*="input"].min-width-two-fifths-tablet,
    [class*="table"].min-width-two-fifths-tablet {
      min-width: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-two-fifths-tablet-pc,
    [class*="card"].min-width-two-fifths-tablet-pc,
    [class*="button"].min-width-two-fifths-tablet-pc,
    [class*="badge"].min-width-two-fifths-tablet-pc,
    [class*="pile"].min-width-two-fifths-tablet-pc,
    [class*="input"].min-width-two-fifths-tablet-pc,
    [class*="table"].min-width-two-fifths-tablet-pc {
      min-width: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-two-fifths-tablet-pc,
    [class*="card"].min-width-two-fifths-tablet-pc,
    [class*="button"].min-width-two-fifths-tablet-pc,
    [class*="badge"].min-width-two-fifths-tablet-pc,
    [class*="pile"].min-width-two-fifths-tablet-pc,
    [class*="input"].min-width-two-fifths-tablet-pc,
    [class*="table"].min-width-two-fifths-tablet-pc {
      min-width: calc(40% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-two-fifths-pc,
    [class*="card"].min-width-two-fifths-pc,
    [class*="button"].min-width-two-fifths-pc,
    [class*="badge"].min-width-two-fifths-pc,
    [class*="pile"].min-width-two-fifths-pc,
    [class*="input"].min-width-two-fifths-pc,
    [class*="table"].min-width-two-fifths-pc {
      min-width: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-two-fifths-ultrawide,
    [class*="card"].min-width-two-fifths-ultrawide,
    [class*="button"].min-width-two-fifths-ultrawide,
    [class*="badge"].min-width-two-fifths-ultrawide,
    [class*="pile"].min-width-two-fifths-ultrawide,
    [class*="input"].min-width-two-fifths-ultrawide,
    [class*="table"].min-width-two-fifths-ultrawide {
      min-width: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-two-fifths-super-ultrawide,
    [class*="card"].min-width-two-fifths-super-ultrawide,
    [class*="button"].min-width-two-fifths-super-ultrawide,
    [class*="badge"].min-width-two-fifths-super-ultrawide,
    [class*="pile"].min-width-two-fifths-super-ultrawide,
    [class*="input"].min-width-two-fifths-super-ultrawide,
    [class*="table"].min-width-two-fifths-super-ultrawide {
      min-width: calc(40% - (8px*2)); } }

[class*="bubble"].min-width-three-eighths,
[class*="card"].min-width-three-eighths,
[class*="button"].min-width-three-eighths,
[class*="badge"].min-width-three-eighths,
[class*="pile"].min-width-three-eighths,
[class*="input"].min-width-three-eighths,
[class*="table"].min-width-three-eighths {
  min-width: calc(37.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-three-eighths-tablet,
    [class*="card"].min-width-three-eighths-tablet,
    [class*="button"].min-width-three-eighths-tablet,
    [class*="badge"].min-width-three-eighths-tablet,
    [class*="pile"].min-width-three-eighths-tablet,
    [class*="input"].min-width-three-eighths-tablet,
    [class*="table"].min-width-three-eighths-tablet {
      min-width: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-three-eighths-tablet-pc,
    [class*="card"].min-width-three-eighths-tablet-pc,
    [class*="button"].min-width-three-eighths-tablet-pc,
    [class*="badge"].min-width-three-eighths-tablet-pc,
    [class*="pile"].min-width-three-eighths-tablet-pc,
    [class*="input"].min-width-three-eighths-tablet-pc,
    [class*="table"].min-width-three-eighths-tablet-pc {
      min-width: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-three-eighths-tablet-pc,
    [class*="card"].min-width-three-eighths-tablet-pc,
    [class*="button"].min-width-three-eighths-tablet-pc,
    [class*="badge"].min-width-three-eighths-tablet-pc,
    [class*="pile"].min-width-three-eighths-tablet-pc,
    [class*="input"].min-width-three-eighths-tablet-pc,
    [class*="table"].min-width-three-eighths-tablet-pc {
      min-width: calc(37.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-three-eighths-pc,
    [class*="card"].min-width-three-eighths-pc,
    [class*="button"].min-width-three-eighths-pc,
    [class*="badge"].min-width-three-eighths-pc,
    [class*="pile"].min-width-three-eighths-pc,
    [class*="input"].min-width-three-eighths-pc,
    [class*="table"].min-width-three-eighths-pc {
      min-width: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-three-eighths-ultrawide,
    [class*="card"].min-width-three-eighths-ultrawide,
    [class*="button"].min-width-three-eighths-ultrawide,
    [class*="badge"].min-width-three-eighths-ultrawide,
    [class*="pile"].min-width-three-eighths-ultrawide,
    [class*="input"].min-width-three-eighths-ultrawide,
    [class*="table"].min-width-three-eighths-ultrawide {
      min-width: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-three-eighths-super-ultrawide,
    [class*="card"].min-width-three-eighths-super-ultrawide,
    [class*="button"].min-width-three-eighths-super-ultrawide,
    [class*="badge"].min-width-three-eighths-super-ultrawide,
    [class*="pile"].min-width-three-eighths-super-ultrawide,
    [class*="input"].min-width-three-eighths-super-ultrawide,
    [class*="table"].min-width-three-eighths-super-ultrawide {
      min-width: calc(37.5% - (8px*2)); } }

[class*="bubble"].min-width-third,
[class*="card"].min-width-third,
[class*="button"].min-width-third,
[class*="badge"].min-width-third,
[class*="pile"].min-width-third,
[class*="input"].min-width-third,
[class*="table"].min-width-third {
  min-width: calc((100% / 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-third-tablet,
    [class*="card"].min-width-third-tablet,
    [class*="button"].min-width-third-tablet,
    [class*="badge"].min-width-third-tablet,
    [class*="pile"].min-width-third-tablet,
    [class*="input"].min-width-third-tablet,
    [class*="table"].min-width-third-tablet {
      min-width: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-third-tablet-pc,
    [class*="card"].min-width-third-tablet-pc,
    [class*="button"].min-width-third-tablet-pc,
    [class*="badge"].min-width-third-tablet-pc,
    [class*="pile"].min-width-third-tablet-pc,
    [class*="input"].min-width-third-tablet-pc,
    [class*="table"].min-width-third-tablet-pc {
      min-width: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-third-tablet-pc,
    [class*="card"].min-width-third-tablet-pc,
    [class*="button"].min-width-third-tablet-pc,
    [class*="badge"].min-width-third-tablet-pc,
    [class*="pile"].min-width-third-tablet-pc,
    [class*="input"].min-width-third-tablet-pc,
    [class*="table"].min-width-third-tablet-pc {
      min-width: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-third-pc,
    [class*="card"].min-width-third-pc,
    [class*="button"].min-width-third-pc,
    [class*="badge"].min-width-third-pc,
    [class*="pile"].min-width-third-pc,
    [class*="input"].min-width-third-pc,
    [class*="table"].min-width-third-pc {
      min-width: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-third-ultrawide,
    [class*="card"].min-width-third-ultrawide,
    [class*="button"].min-width-third-ultrawide,
    [class*="badge"].min-width-third-ultrawide,
    [class*="pile"].min-width-third-ultrawide,
    [class*="input"].min-width-third-ultrawide,
    [class*="table"].min-width-third-ultrawide {
      min-width: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-third-super-ultrawide,
    [class*="card"].min-width-third-super-ultrawide,
    [class*="button"].min-width-third-super-ultrawide,
    [class*="badge"].min-width-third-super-ultrawide,
    [class*="pile"].min-width-third-super-ultrawide,
    [class*="input"].min-width-third-super-ultrawide,
    [class*="table"].min-width-third-super-ultrawide {
      min-width: calc((100% / 3) - (8px*2)); } }

[class*="bubble"].min-width-quater,
[class*="card"].min-width-quater,
[class*="button"].min-width-quater,
[class*="badge"].min-width-quater,
[class*="pile"].min-width-quater,
[class*="input"].min-width-quater,
[class*="table"].min-width-quater {
  min-width: calc(25% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-quater-tablet,
    [class*="card"].min-width-quater-tablet,
    [class*="button"].min-width-quater-tablet,
    [class*="badge"].min-width-quater-tablet,
    [class*="pile"].min-width-quater-tablet,
    [class*="input"].min-width-quater-tablet,
    [class*="table"].min-width-quater-tablet {
      min-width: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-quater-tablet-pc,
    [class*="card"].min-width-quater-tablet-pc,
    [class*="button"].min-width-quater-tablet-pc,
    [class*="badge"].min-width-quater-tablet-pc,
    [class*="pile"].min-width-quater-tablet-pc,
    [class*="input"].min-width-quater-tablet-pc,
    [class*="table"].min-width-quater-tablet-pc {
      min-width: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-quater-tablet-pc,
    [class*="card"].min-width-quater-tablet-pc,
    [class*="button"].min-width-quater-tablet-pc,
    [class*="badge"].min-width-quater-tablet-pc,
    [class*="pile"].min-width-quater-tablet-pc,
    [class*="input"].min-width-quater-tablet-pc,
    [class*="table"].min-width-quater-tablet-pc {
      min-width: calc(25% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-quater-pc,
    [class*="card"].min-width-quater-pc,
    [class*="button"].min-width-quater-pc,
    [class*="badge"].min-width-quater-pc,
    [class*="pile"].min-width-quater-pc,
    [class*="input"].min-width-quater-pc,
    [class*="table"].min-width-quater-pc {
      min-width: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-quater-ultrawide,
    [class*="card"].min-width-quater-ultrawide,
    [class*="button"].min-width-quater-ultrawide,
    [class*="badge"].min-width-quater-ultrawide,
    [class*="pile"].min-width-quater-ultrawide,
    [class*="input"].min-width-quater-ultrawide,
    [class*="table"].min-width-quater-ultrawide {
      min-width: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-quater-super-ultrawide,
    [class*="card"].min-width-quater-super-ultrawide,
    [class*="button"].min-width-quater-super-ultrawide,
    [class*="badge"].min-width-quater-super-ultrawide,
    [class*="pile"].min-width-quater-super-ultrawide,
    [class*="input"].min-width-quater-super-ultrawide,
    [class*="table"].min-width-quater-super-ultrawide {
      min-width: calc(25% - (8px*2)); } }

[class*="bubble"].min-width-fifth,
[class*="card"].min-width-fifth,
[class*="button"].min-width-fifth,
[class*="badge"].min-width-fifth,
[class*="pile"].min-width-fifth,
[class*="input"].min-width-fifth,
[class*="table"].min-width-fifth {
  min-width: calc(20% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-fifth-tablet,
    [class*="card"].min-width-fifth-tablet,
    [class*="button"].min-width-fifth-tablet,
    [class*="badge"].min-width-fifth-tablet,
    [class*="pile"].min-width-fifth-tablet,
    [class*="input"].min-width-fifth-tablet,
    [class*="table"].min-width-fifth-tablet {
      min-width: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-fifth-tablet-pc,
    [class*="card"].min-width-fifth-tablet-pc,
    [class*="button"].min-width-fifth-tablet-pc,
    [class*="badge"].min-width-fifth-tablet-pc,
    [class*="pile"].min-width-fifth-tablet-pc,
    [class*="input"].min-width-fifth-tablet-pc,
    [class*="table"].min-width-fifth-tablet-pc {
      min-width: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-fifth-tablet-pc,
    [class*="card"].min-width-fifth-tablet-pc,
    [class*="button"].min-width-fifth-tablet-pc,
    [class*="badge"].min-width-fifth-tablet-pc,
    [class*="pile"].min-width-fifth-tablet-pc,
    [class*="input"].min-width-fifth-tablet-pc,
    [class*="table"].min-width-fifth-tablet-pc {
      min-width: calc(20% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-fifth-pc,
    [class*="card"].min-width-fifth-pc,
    [class*="button"].min-width-fifth-pc,
    [class*="badge"].min-width-fifth-pc,
    [class*="pile"].min-width-fifth-pc,
    [class*="input"].min-width-fifth-pc,
    [class*="table"].min-width-fifth-pc {
      min-width: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-fifth-ultrawide,
    [class*="card"].min-width-fifth-ultrawide,
    [class*="button"].min-width-fifth-ultrawide,
    [class*="badge"].min-width-fifth-ultrawide,
    [class*="pile"].min-width-fifth-ultrawide,
    [class*="input"].min-width-fifth-ultrawide,
    [class*="table"].min-width-fifth-ultrawide {
      min-width: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-fifth-super-ultrawide,
    [class*="card"].min-width-fifth-super-ultrawide,
    [class*="button"].min-width-fifth-super-ultrawide,
    [class*="badge"].min-width-fifth-super-ultrawide,
    [class*="pile"].min-width-fifth-super-ultrawide,
    [class*="input"].min-width-fifth-super-ultrawide,
    [class*="table"].min-width-fifth-super-ultrawide {
      min-width: calc(20% - (8px*2)); } }

[class*="bubble"].min-width-sixth,
[class*="card"].min-width-sixth,
[class*="button"].min-width-sixth,
[class*="badge"].min-width-sixth,
[class*="pile"].min-width-sixth,
[class*="input"].min-width-sixth,
[class*="table"].min-width-sixth {
  min-width: calc((100% / 6) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-sixth-tablet,
    [class*="card"].min-width-sixth-tablet,
    [class*="button"].min-width-sixth-tablet,
    [class*="badge"].min-width-sixth-tablet,
    [class*="pile"].min-width-sixth-tablet,
    [class*="input"].min-width-sixth-tablet,
    [class*="table"].min-width-sixth-tablet {
      min-width: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-sixth-tablet-pc,
    [class*="card"].min-width-sixth-tablet-pc,
    [class*="button"].min-width-sixth-tablet-pc,
    [class*="badge"].min-width-sixth-tablet-pc,
    [class*="pile"].min-width-sixth-tablet-pc,
    [class*="input"].min-width-sixth-tablet-pc,
    [class*="table"].min-width-sixth-tablet-pc {
      min-width: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-sixth-tablet-pc,
    [class*="card"].min-width-sixth-tablet-pc,
    [class*="button"].min-width-sixth-tablet-pc,
    [class*="badge"].min-width-sixth-tablet-pc,
    [class*="pile"].min-width-sixth-tablet-pc,
    [class*="input"].min-width-sixth-tablet-pc,
    [class*="table"].min-width-sixth-tablet-pc {
      min-width: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-sixth-pc,
    [class*="card"].min-width-sixth-pc,
    [class*="button"].min-width-sixth-pc,
    [class*="badge"].min-width-sixth-pc,
    [class*="pile"].min-width-sixth-pc,
    [class*="input"].min-width-sixth-pc,
    [class*="table"].min-width-sixth-pc {
      min-width: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-sixth-ultrawide,
    [class*="card"].min-width-sixth-ultrawide,
    [class*="button"].min-width-sixth-ultrawide,
    [class*="badge"].min-width-sixth-ultrawide,
    [class*="pile"].min-width-sixth-ultrawide,
    [class*="input"].min-width-sixth-ultrawide,
    [class*="table"].min-width-sixth-ultrawide {
      min-width: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-sixth-super-ultrawide,
    [class*="card"].min-width-sixth-super-ultrawide,
    [class*="button"].min-width-sixth-super-ultrawide,
    [class*="badge"].min-width-sixth-super-ultrawide,
    [class*="pile"].min-width-sixth-super-ultrawide,
    [class*="input"].min-width-sixth-super-ultrawide,
    [class*="table"].min-width-sixth-super-ultrawide {
      min-width: calc((100% / 6) - (8px*2)); } }

[class*="bubble"].min-width-eighth,
[class*="card"].min-width-eighth,
[class*="button"].min-width-eighth,
[class*="badge"].min-width-eighth,
[class*="pile"].min-width-eighth,
[class*="input"].min-width-eighth,
[class*="table"].min-width-eighth {
  min-width: calc(12.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-width-eighth-tablet,
    [class*="card"].min-width-eighth-tablet,
    [class*="button"].min-width-eighth-tablet,
    [class*="badge"].min-width-eighth-tablet,
    [class*="pile"].min-width-eighth-tablet,
    [class*="input"].min-width-eighth-tablet,
    [class*="table"].min-width-eighth-tablet {
      min-width: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-width-eighth-tablet-pc,
    [class*="card"].min-width-eighth-tablet-pc,
    [class*="button"].min-width-eighth-tablet-pc,
    [class*="badge"].min-width-eighth-tablet-pc,
    [class*="pile"].min-width-eighth-tablet-pc,
    [class*="input"].min-width-eighth-tablet-pc,
    [class*="table"].min-width-eighth-tablet-pc {
      min-width: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-width-eighth-tablet-pc,
    [class*="card"].min-width-eighth-tablet-pc,
    [class*="button"].min-width-eighth-tablet-pc,
    [class*="badge"].min-width-eighth-tablet-pc,
    [class*="pile"].min-width-eighth-tablet-pc,
    [class*="input"].min-width-eighth-tablet-pc,
    [class*="table"].min-width-eighth-tablet-pc {
      min-width: calc(12.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-width-eighth-pc,
    [class*="card"].min-width-eighth-pc,
    [class*="button"].min-width-eighth-pc,
    [class*="badge"].min-width-eighth-pc,
    [class*="pile"].min-width-eighth-pc,
    [class*="input"].min-width-eighth-pc,
    [class*="table"].min-width-eighth-pc {
      min-width: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-eighth-ultrawide,
    [class*="card"].min-width-eighth-ultrawide,
    [class*="button"].min-width-eighth-ultrawide,
    [class*="badge"].min-width-eighth-ultrawide,
    [class*="pile"].min-width-eighth-ultrawide,
    [class*="input"].min-width-eighth-ultrawide,
    [class*="table"].min-width-eighth-ultrawide {
      min-width: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-width-eighth-super-ultrawide,
    [class*="card"].min-width-eighth-super-ultrawide,
    [class*="button"].min-width-eighth-super-ultrawide,
    [class*="badge"].min-width-eighth-super-ultrawide,
    [class*="pile"].min-width-eighth-super-ultrawide,
    [class*="input"].min-width-eighth-super-ultrawide,
    [class*="table"].min-width-eighth-super-ultrawide {
      min-width: calc(12.5% - (8px*2)); } }

.width {
  width: 96px; }
  @media (min-width: 600px) {
    .width-tablet {
      width: 96px; } }
  @media (min-width: 1024px) {
    .width-tablet-pc {
      width: 96px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .width-tablet-pc {
      width: 96px; } }
  @media (min-width: 1440px) {
    .width-pc {
      width: 96px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .width-ultrawide {
      width: 96px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .width-super-ultrawide {
      width: 96px; } }
  .width-xxs {
    width: 32px; }
    @media (min-width: 600px) {
      .width-xxs-tablet {
        width: 32px; } }
    @media (min-width: 1024px) {
      .width-xxs-tablet-pc {
        width: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-xxs-tablet-pc {
        width: 32px; } }
    @media (min-width: 1440px) {
      .width-xxs-pc {
        width: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-xxs-ultrawide {
        width: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-xxs-super-ultrawide {
        width: 32px; } }
  .width-xs {
    width: 48px; }
    @media (min-width: 600px) {
      .width-xs-tablet {
        width: 48px; } }
    @media (min-width: 1024px) {
      .width-xs-tablet-pc {
        width: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-xs-tablet-pc {
        width: 48px; } }
    @media (min-width: 1440px) {
      .width-xs-pc {
        width: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-xs-ultrawide {
        width: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-xs-super-ultrawide {
        width: 48px; } }
  .width-sm {
    width: 64px; }
    @media (min-width: 600px) {
      .width-sm-tablet {
        width: 64px; } }
    @media (min-width: 1024px) {
      .width-sm-tablet-pc {
        width: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-sm-tablet-pc {
        width: 64px; } }
    @media (min-width: 1440px) {
      .width-sm-pc {
        width: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-sm-ultrawide {
        width: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-sm-super-ultrawide {
        width: 64px; } }
  .width-md {
    width: 96px; }
    @media (min-width: 600px) {
      .width-md-tablet {
        width: 96px; } }
    @media (min-width: 1024px) {
      .width-md-tablet-pc {
        width: 96px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-md-tablet-pc {
        width: 96px; } }
    @media (min-width: 1440px) {
      .width-md-pc {
        width: 96px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-md-ultrawide {
        width: 96px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-md-super-ultrawide {
        width: 96px; } }
  .width-lg {
    width: 128px; }
    @media (min-width: 600px) {
      .width-lg-tablet {
        width: 128px; } }
    @media (min-width: 1024px) {
      .width-lg-tablet-pc {
        width: 128px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-lg-tablet-pc {
        width: 128px; } }
    @media (min-width: 1440px) {
      .width-lg-pc {
        width: 128px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-lg-ultrawide {
        width: 128px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-lg-super-ultrawide {
        width: 128px; } }
  .width-xl {
    width: 192px; }
    @media (min-width: 600px) {
      .width-xl-tablet {
        width: 192px; } }
    @media (min-width: 1024px) {
      .width-xl-tablet-pc {
        width: 192px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-xl-tablet-pc {
        width: 192px; } }
    @media (min-width: 1440px) {
      .width-xl-pc {
        width: 192px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-xl-ultrawide {
        width: 192px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-xl-super-ultrawide {
        width: 192px; } }
  .width-xxl {
    width: 256px; }
    @media (min-width: 600px) {
      .width-xxl-tablet {
        width: 256px; } }
    @media (min-width: 1024px) {
      .width-xxl-tablet-pc {
        width: 256px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-xxl-tablet-pc {
        width: 256px; } }
    @media (min-width: 1440px) {
      .width-xxl-pc {
        width: 256px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-xxl-ultrawide {
        width: 256px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-xxl-super-ultrawide {
        width: 256px; } }
  .width-full {
    width: calc(100%); }
    @media (min-width: 600px) {
      .width-full-tablet {
        width: calc(100%); } }
    @media (min-width: 1024px) {
      .width-full-tablet-pc {
        width: calc(100%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-full-tablet-pc {
        width: calc(100%); } }
    @media (min-width: 1440px) {
      .width-full-pc {
        width: calc(100%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-full-ultrawide {
        width: calc(100%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-full-super-ultrawide {
        width: calc(100%); } }
  .width-seven-eighths {
    width: calc(87.5%); }
    @media (min-width: 600px) {
      .width-seven-eighths-tablet {
        width: calc(87.5%); } }
    @media (min-width: 1024px) {
      .width-seven-eighths-tablet-pc {
        width: calc(87.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-seven-eighths-tablet-pc {
        width: calc(87.5%); } }
    @media (min-width: 1440px) {
      .width-seven-eighths-pc {
        width: calc(87.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-seven-eighths-ultrawide {
        width: calc(87.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-seven-eighths-super-ultrawide {
        width: calc(87.5%); } }
  .width-five-sixths {
    width: calc(((100% / 6) * 5)); }
    @media (min-width: 600px) {
      .width-five-sixths-tablet {
        width: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) {
      .width-five-sixths-tablet-pc {
        width: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-five-sixths-tablet-pc {
        width: calc(((100% / 6) * 5)); } }
    @media (min-width: 1440px) {
      .width-five-sixths-pc {
        width: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-five-sixths-ultrawide {
        width: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-five-sixths-super-ultrawide {
        width: calc(((100% / 6) * 5)); } }
  .width-four-fifths {
    width: calc(80%); }
    @media (min-width: 600px) {
      .width-four-fifths-tablet {
        width: calc(80%); } }
    @media (min-width: 1024px) {
      .width-four-fifths-tablet-pc {
        width: calc(80%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-four-fifths-tablet-pc {
        width: calc(80%); } }
    @media (min-width: 1440px) {
      .width-four-fifths-pc {
        width: calc(80%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-four-fifths-ultrawide {
        width: calc(80%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-four-fifths-super-ultrawide {
        width: calc(80%); } }
  .width-three-quaters {
    width: calc(75%); }
    @media (min-width: 600px) {
      .width-three-quaters-tablet {
        width: calc(75%); } }
    @media (min-width: 1024px) {
      .width-three-quaters-tablet-pc {
        width: calc(75%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-three-quaters-tablet-pc {
        width: calc(75%); } }
    @media (min-width: 1440px) {
      .width-three-quaters-pc {
        width: calc(75%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-three-quaters-ultrawide {
        width: calc(75%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-three-quaters-super-ultrawide {
        width: calc(75%); } }
  .width-two-thirds {
    width: calc(66%); }
    @media (min-width: 600px) {
      .width-two-thirds-tablet {
        width: calc(66%); } }
    @media (min-width: 1024px) {
      .width-two-thirds-tablet-pc {
        width: calc(66%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-two-thirds-tablet-pc {
        width: calc(66%); } }
    @media (min-width: 1440px) {
      .width-two-thirds-pc {
        width: calc(66%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-two-thirds-ultrawide {
        width: calc(66%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-two-thirds-super-ultrawide {
        width: calc(66%); } }
  .width-five-eighths {
    width: calc(62.5%); }
    @media (min-width: 600px) {
      .width-five-eighths-tablet {
        width: calc(62.5%); } }
    @media (min-width: 1024px) {
      .width-five-eighths-tablet-pc {
        width: calc(62.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-five-eighths-tablet-pc {
        width: calc(62.5%); } }
    @media (min-width: 1440px) {
      .width-five-eighths-pc {
        width: calc(62.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-five-eighths-ultrawide {
        width: calc(62.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-five-eighths-super-ultrawide {
        width: calc(62.5%); } }
  .width-three-fifths {
    width: calc(60%); }
    @media (min-width: 600px) {
      .width-three-fifths-tablet {
        width: calc(60%); } }
    @media (min-width: 1024px) {
      .width-three-fifths-tablet-pc {
        width: calc(60%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-three-fifths-tablet-pc {
        width: calc(60%); } }
    @media (min-width: 1440px) {
      .width-three-fifths-pc {
        width: calc(60%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-three-fifths-ultrawide {
        width: calc(60%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-three-fifths-super-ultrawide {
        width: calc(60%); } }
  .width-half {
    width: calc(50%); }
    @media (min-width: 600px) {
      .width-half-tablet {
        width: calc(50%); } }
    @media (min-width: 1024px) {
      .width-half-tablet-pc {
        width: calc(50%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-half-tablet-pc {
        width: calc(50%); } }
    @media (min-width: 1440px) {
      .width-half-pc {
        width: calc(50%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-half-ultrawide {
        width: calc(50%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-half-super-ultrawide {
        width: calc(50%); } }
  .width-three-sixths {
    width: calc(((100% / 6) * 3)); }
    @media (min-width: 600px) {
      .width-three-sixths-tablet {
        width: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) {
      .width-three-sixths-tablet-pc {
        width: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-three-sixths-tablet-pc {
        width: calc(((100% / 6) * 3)); } }
    @media (min-width: 1440px) {
      .width-three-sixths-pc {
        width: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-three-sixths-ultrawide {
        width: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-three-sixths-super-ultrawide {
        width: calc(((100% / 6) * 3)); } }
  .width-two-fifths {
    width: calc(40%); }
    @media (min-width: 600px) {
      .width-two-fifths-tablet {
        width: calc(40%); } }
    @media (min-width: 1024px) {
      .width-two-fifths-tablet-pc {
        width: calc(40%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-two-fifths-tablet-pc {
        width: calc(40%); } }
    @media (min-width: 1440px) {
      .width-two-fifths-pc {
        width: calc(40%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-two-fifths-ultrawide {
        width: calc(40%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-two-fifths-super-ultrawide {
        width: calc(40%); } }
  .width-three-eighths {
    width: calc(37.5%); }
    @media (min-width: 600px) {
      .width-three-eighths-tablet {
        width: calc(37.5%); } }
    @media (min-width: 1024px) {
      .width-three-eighths-tablet-pc {
        width: calc(37.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-three-eighths-tablet-pc {
        width: calc(37.5%); } }
    @media (min-width: 1440px) {
      .width-three-eighths-pc {
        width: calc(37.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-three-eighths-ultrawide {
        width: calc(37.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-three-eighths-super-ultrawide {
        width: calc(37.5%); } }
  .width-third {
    width: calc((100% / 3)); }
    @media (min-width: 600px) {
      .width-third-tablet {
        width: calc((100% / 3)); } }
    @media (min-width: 1024px) {
      .width-third-tablet-pc {
        width: calc((100% / 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-third-tablet-pc {
        width: calc((100% / 3)); } }
    @media (min-width: 1440px) {
      .width-third-pc {
        width: calc((100% / 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-third-ultrawide {
        width: calc((100% / 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-third-super-ultrawide {
        width: calc((100% / 3)); } }
  .width-quater {
    width: calc(25%); }
    @media (min-width: 600px) {
      .width-quater-tablet {
        width: calc(25%); } }
    @media (min-width: 1024px) {
      .width-quater-tablet-pc {
        width: calc(25%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-quater-tablet-pc {
        width: calc(25%); } }
    @media (min-width: 1440px) {
      .width-quater-pc {
        width: calc(25%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-quater-ultrawide {
        width: calc(25%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-quater-super-ultrawide {
        width: calc(25%); } }
  .width-fifth {
    width: calc(20%); }
    @media (min-width: 600px) {
      .width-fifth-tablet {
        width: calc(20%); } }
    @media (min-width: 1024px) {
      .width-fifth-tablet-pc {
        width: calc(20%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-fifth-tablet-pc {
        width: calc(20%); } }
    @media (min-width: 1440px) {
      .width-fifth-pc {
        width: calc(20%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-fifth-ultrawide {
        width: calc(20%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-fifth-super-ultrawide {
        width: calc(20%); } }
  .width-sixth {
    width: calc((100% / 6)); }
    @media (min-width: 600px) {
      .width-sixth-tablet {
        width: calc((100% / 6)); } }
    @media (min-width: 1024px) {
      .width-sixth-tablet-pc {
        width: calc((100% / 6)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-sixth-tablet-pc {
        width: calc((100% / 6)); } }
    @media (min-width: 1440px) {
      .width-sixth-pc {
        width: calc((100% / 6)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-sixth-ultrawide {
        width: calc((100% / 6)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-sixth-super-ultrawide {
        width: calc((100% / 6)); } }
  .width-eighth {
    width: calc(12.5%); }
    @media (min-width: 600px) {
      .width-eighth-tablet {
        width: calc(12.5%); } }
    @media (min-width: 1024px) {
      .width-eighth-tablet-pc {
        width: calc(12.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .width-eighth-tablet-pc {
        width: calc(12.5%); } }
    @media (min-width: 1440px) {
      .width-eighth-pc {
        width: calc(12.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .width-eighth-ultrawide {
        width: calc(12.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .width-eighth-super-ultrawide {
        width: calc(12.5%); } }

[class*="bubble"].width-full,
[class*="card"].width-full,
[class*="button"].width-full,
[class*="badge"].width-full,
[class*="pile"].width-full,
[class*="input"].width-full,
[class*="table"].width-full {
  width: calc(100% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-full-tablet,
    [class*="card"].width-full-tablet,
    [class*="button"].width-full-tablet,
    [class*="badge"].width-full-tablet,
    [class*="pile"].width-full-tablet,
    [class*="input"].width-full-tablet,
    [class*="table"].width-full-tablet {
      width: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-full-tablet-pc,
    [class*="card"].width-full-tablet-pc,
    [class*="button"].width-full-tablet-pc,
    [class*="badge"].width-full-tablet-pc,
    [class*="pile"].width-full-tablet-pc,
    [class*="input"].width-full-tablet-pc,
    [class*="table"].width-full-tablet-pc {
      width: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-full-tablet-pc,
    [class*="card"].width-full-tablet-pc,
    [class*="button"].width-full-tablet-pc,
    [class*="badge"].width-full-tablet-pc,
    [class*="pile"].width-full-tablet-pc,
    [class*="input"].width-full-tablet-pc,
    [class*="table"].width-full-tablet-pc {
      width: calc(100% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-full-pc,
    [class*="card"].width-full-pc,
    [class*="button"].width-full-pc,
    [class*="badge"].width-full-pc,
    [class*="pile"].width-full-pc,
    [class*="input"].width-full-pc,
    [class*="table"].width-full-pc {
      width: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-full-ultrawide,
    [class*="card"].width-full-ultrawide,
    [class*="button"].width-full-ultrawide,
    [class*="badge"].width-full-ultrawide,
    [class*="pile"].width-full-ultrawide,
    [class*="input"].width-full-ultrawide,
    [class*="table"].width-full-ultrawide {
      width: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-full-super-ultrawide,
    [class*="card"].width-full-super-ultrawide,
    [class*="button"].width-full-super-ultrawide,
    [class*="badge"].width-full-super-ultrawide,
    [class*="pile"].width-full-super-ultrawide,
    [class*="input"].width-full-super-ultrawide,
    [class*="table"].width-full-super-ultrawide {
      width: calc(100% - (8px*2)); } }

[class*="bubble"].width-seven-eighths,
[class*="card"].width-seven-eighths,
[class*="button"].width-seven-eighths,
[class*="badge"].width-seven-eighths,
[class*="pile"].width-seven-eighths,
[class*="input"].width-seven-eighths,
[class*="table"].width-seven-eighths {
  width: calc(87.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-seven-eighths-tablet,
    [class*="card"].width-seven-eighths-tablet,
    [class*="button"].width-seven-eighths-tablet,
    [class*="badge"].width-seven-eighths-tablet,
    [class*="pile"].width-seven-eighths-tablet,
    [class*="input"].width-seven-eighths-tablet,
    [class*="table"].width-seven-eighths-tablet {
      width: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-seven-eighths-tablet-pc,
    [class*="card"].width-seven-eighths-tablet-pc,
    [class*="button"].width-seven-eighths-tablet-pc,
    [class*="badge"].width-seven-eighths-tablet-pc,
    [class*="pile"].width-seven-eighths-tablet-pc,
    [class*="input"].width-seven-eighths-tablet-pc,
    [class*="table"].width-seven-eighths-tablet-pc {
      width: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-seven-eighths-tablet-pc,
    [class*="card"].width-seven-eighths-tablet-pc,
    [class*="button"].width-seven-eighths-tablet-pc,
    [class*="badge"].width-seven-eighths-tablet-pc,
    [class*="pile"].width-seven-eighths-tablet-pc,
    [class*="input"].width-seven-eighths-tablet-pc,
    [class*="table"].width-seven-eighths-tablet-pc {
      width: calc(87.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-seven-eighths-pc,
    [class*="card"].width-seven-eighths-pc,
    [class*="button"].width-seven-eighths-pc,
    [class*="badge"].width-seven-eighths-pc,
    [class*="pile"].width-seven-eighths-pc,
    [class*="input"].width-seven-eighths-pc,
    [class*="table"].width-seven-eighths-pc {
      width: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-seven-eighths-ultrawide,
    [class*="card"].width-seven-eighths-ultrawide,
    [class*="button"].width-seven-eighths-ultrawide,
    [class*="badge"].width-seven-eighths-ultrawide,
    [class*="pile"].width-seven-eighths-ultrawide,
    [class*="input"].width-seven-eighths-ultrawide,
    [class*="table"].width-seven-eighths-ultrawide {
      width: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-seven-eighths-super-ultrawide,
    [class*="card"].width-seven-eighths-super-ultrawide,
    [class*="button"].width-seven-eighths-super-ultrawide,
    [class*="badge"].width-seven-eighths-super-ultrawide,
    [class*="pile"].width-seven-eighths-super-ultrawide,
    [class*="input"].width-seven-eighths-super-ultrawide,
    [class*="table"].width-seven-eighths-super-ultrawide {
      width: calc(87.5% - (8px*2)); } }

[class*="bubble"].width-five-sixths,
[class*="card"].width-five-sixths,
[class*="button"].width-five-sixths,
[class*="badge"].width-five-sixths,
[class*="pile"].width-five-sixths,
[class*="input"].width-five-sixths,
[class*="table"].width-five-sixths {
  width: calc(((100% / 6) * 5) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-five-sixths-tablet,
    [class*="card"].width-five-sixths-tablet,
    [class*="button"].width-five-sixths-tablet,
    [class*="badge"].width-five-sixths-tablet,
    [class*="pile"].width-five-sixths-tablet,
    [class*="input"].width-five-sixths-tablet,
    [class*="table"].width-five-sixths-tablet {
      width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-five-sixths-tablet-pc,
    [class*="card"].width-five-sixths-tablet-pc,
    [class*="button"].width-five-sixths-tablet-pc,
    [class*="badge"].width-five-sixths-tablet-pc,
    [class*="pile"].width-five-sixths-tablet-pc,
    [class*="input"].width-five-sixths-tablet-pc,
    [class*="table"].width-five-sixths-tablet-pc {
      width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-five-sixths-tablet-pc,
    [class*="card"].width-five-sixths-tablet-pc,
    [class*="button"].width-five-sixths-tablet-pc,
    [class*="badge"].width-five-sixths-tablet-pc,
    [class*="pile"].width-five-sixths-tablet-pc,
    [class*="input"].width-five-sixths-tablet-pc,
    [class*="table"].width-five-sixths-tablet-pc {
      width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-five-sixths-pc,
    [class*="card"].width-five-sixths-pc,
    [class*="button"].width-five-sixths-pc,
    [class*="badge"].width-five-sixths-pc,
    [class*="pile"].width-five-sixths-pc,
    [class*="input"].width-five-sixths-pc,
    [class*="table"].width-five-sixths-pc {
      width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-five-sixths-ultrawide,
    [class*="card"].width-five-sixths-ultrawide,
    [class*="button"].width-five-sixths-ultrawide,
    [class*="badge"].width-five-sixths-ultrawide,
    [class*="pile"].width-five-sixths-ultrawide,
    [class*="input"].width-five-sixths-ultrawide,
    [class*="table"].width-five-sixths-ultrawide {
      width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-five-sixths-super-ultrawide,
    [class*="card"].width-five-sixths-super-ultrawide,
    [class*="button"].width-five-sixths-super-ultrawide,
    [class*="badge"].width-five-sixths-super-ultrawide,
    [class*="pile"].width-five-sixths-super-ultrawide,
    [class*="input"].width-five-sixths-super-ultrawide,
    [class*="table"].width-five-sixths-super-ultrawide {
      width: calc(((100% / 6) * 5) - (8px*2)); } }

[class*="bubble"].width-four-fifths,
[class*="card"].width-four-fifths,
[class*="button"].width-four-fifths,
[class*="badge"].width-four-fifths,
[class*="pile"].width-four-fifths,
[class*="input"].width-four-fifths,
[class*="table"].width-four-fifths {
  width: calc(80% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-four-fifths-tablet,
    [class*="card"].width-four-fifths-tablet,
    [class*="button"].width-four-fifths-tablet,
    [class*="badge"].width-four-fifths-tablet,
    [class*="pile"].width-four-fifths-tablet,
    [class*="input"].width-four-fifths-tablet,
    [class*="table"].width-four-fifths-tablet {
      width: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-four-fifths-tablet-pc,
    [class*="card"].width-four-fifths-tablet-pc,
    [class*="button"].width-four-fifths-tablet-pc,
    [class*="badge"].width-four-fifths-tablet-pc,
    [class*="pile"].width-four-fifths-tablet-pc,
    [class*="input"].width-four-fifths-tablet-pc,
    [class*="table"].width-four-fifths-tablet-pc {
      width: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-four-fifths-tablet-pc,
    [class*="card"].width-four-fifths-tablet-pc,
    [class*="button"].width-four-fifths-tablet-pc,
    [class*="badge"].width-four-fifths-tablet-pc,
    [class*="pile"].width-four-fifths-tablet-pc,
    [class*="input"].width-four-fifths-tablet-pc,
    [class*="table"].width-four-fifths-tablet-pc {
      width: calc(80% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-four-fifths-pc,
    [class*="card"].width-four-fifths-pc,
    [class*="button"].width-four-fifths-pc,
    [class*="badge"].width-four-fifths-pc,
    [class*="pile"].width-four-fifths-pc,
    [class*="input"].width-four-fifths-pc,
    [class*="table"].width-four-fifths-pc {
      width: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-four-fifths-ultrawide,
    [class*="card"].width-four-fifths-ultrawide,
    [class*="button"].width-four-fifths-ultrawide,
    [class*="badge"].width-four-fifths-ultrawide,
    [class*="pile"].width-four-fifths-ultrawide,
    [class*="input"].width-four-fifths-ultrawide,
    [class*="table"].width-four-fifths-ultrawide {
      width: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-four-fifths-super-ultrawide,
    [class*="card"].width-four-fifths-super-ultrawide,
    [class*="button"].width-four-fifths-super-ultrawide,
    [class*="badge"].width-four-fifths-super-ultrawide,
    [class*="pile"].width-four-fifths-super-ultrawide,
    [class*="input"].width-four-fifths-super-ultrawide,
    [class*="table"].width-four-fifths-super-ultrawide {
      width: calc(80% - (8px*2)); } }

[class*="bubble"].width-three-quaters,
[class*="card"].width-three-quaters,
[class*="button"].width-three-quaters,
[class*="badge"].width-three-quaters,
[class*="pile"].width-three-quaters,
[class*="input"].width-three-quaters,
[class*="table"].width-three-quaters {
  width: calc(75% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-three-quaters-tablet,
    [class*="card"].width-three-quaters-tablet,
    [class*="button"].width-three-quaters-tablet,
    [class*="badge"].width-three-quaters-tablet,
    [class*="pile"].width-three-quaters-tablet,
    [class*="input"].width-three-quaters-tablet,
    [class*="table"].width-three-quaters-tablet {
      width: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-three-quaters-tablet-pc,
    [class*="card"].width-three-quaters-tablet-pc,
    [class*="button"].width-three-quaters-tablet-pc,
    [class*="badge"].width-three-quaters-tablet-pc,
    [class*="pile"].width-three-quaters-tablet-pc,
    [class*="input"].width-three-quaters-tablet-pc,
    [class*="table"].width-three-quaters-tablet-pc {
      width: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-three-quaters-tablet-pc,
    [class*="card"].width-three-quaters-tablet-pc,
    [class*="button"].width-three-quaters-tablet-pc,
    [class*="badge"].width-three-quaters-tablet-pc,
    [class*="pile"].width-three-quaters-tablet-pc,
    [class*="input"].width-three-quaters-tablet-pc,
    [class*="table"].width-three-quaters-tablet-pc {
      width: calc(75% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-three-quaters-pc,
    [class*="card"].width-three-quaters-pc,
    [class*="button"].width-three-quaters-pc,
    [class*="badge"].width-three-quaters-pc,
    [class*="pile"].width-three-quaters-pc,
    [class*="input"].width-three-quaters-pc,
    [class*="table"].width-three-quaters-pc {
      width: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-three-quaters-ultrawide,
    [class*="card"].width-three-quaters-ultrawide,
    [class*="button"].width-three-quaters-ultrawide,
    [class*="badge"].width-three-quaters-ultrawide,
    [class*="pile"].width-three-quaters-ultrawide,
    [class*="input"].width-three-quaters-ultrawide,
    [class*="table"].width-three-quaters-ultrawide {
      width: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-three-quaters-super-ultrawide,
    [class*="card"].width-three-quaters-super-ultrawide,
    [class*="button"].width-three-quaters-super-ultrawide,
    [class*="badge"].width-three-quaters-super-ultrawide,
    [class*="pile"].width-three-quaters-super-ultrawide,
    [class*="input"].width-three-quaters-super-ultrawide,
    [class*="table"].width-three-quaters-super-ultrawide {
      width: calc(75% - (8px*2)); } }

[class*="bubble"].width-two-thirds,
[class*="card"].width-two-thirds,
[class*="button"].width-two-thirds,
[class*="badge"].width-two-thirds,
[class*="pile"].width-two-thirds,
[class*="input"].width-two-thirds,
[class*="table"].width-two-thirds {
  width: calc(66% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-two-thirds-tablet,
    [class*="card"].width-two-thirds-tablet,
    [class*="button"].width-two-thirds-tablet,
    [class*="badge"].width-two-thirds-tablet,
    [class*="pile"].width-two-thirds-tablet,
    [class*="input"].width-two-thirds-tablet,
    [class*="table"].width-two-thirds-tablet {
      width: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-two-thirds-tablet-pc,
    [class*="card"].width-two-thirds-tablet-pc,
    [class*="button"].width-two-thirds-tablet-pc,
    [class*="badge"].width-two-thirds-tablet-pc,
    [class*="pile"].width-two-thirds-tablet-pc,
    [class*="input"].width-two-thirds-tablet-pc,
    [class*="table"].width-two-thirds-tablet-pc {
      width: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-two-thirds-tablet-pc,
    [class*="card"].width-two-thirds-tablet-pc,
    [class*="button"].width-two-thirds-tablet-pc,
    [class*="badge"].width-two-thirds-tablet-pc,
    [class*="pile"].width-two-thirds-tablet-pc,
    [class*="input"].width-two-thirds-tablet-pc,
    [class*="table"].width-two-thirds-tablet-pc {
      width: calc(66% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-two-thirds-pc,
    [class*="card"].width-two-thirds-pc,
    [class*="button"].width-two-thirds-pc,
    [class*="badge"].width-two-thirds-pc,
    [class*="pile"].width-two-thirds-pc,
    [class*="input"].width-two-thirds-pc,
    [class*="table"].width-two-thirds-pc {
      width: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-two-thirds-ultrawide,
    [class*="card"].width-two-thirds-ultrawide,
    [class*="button"].width-two-thirds-ultrawide,
    [class*="badge"].width-two-thirds-ultrawide,
    [class*="pile"].width-two-thirds-ultrawide,
    [class*="input"].width-two-thirds-ultrawide,
    [class*="table"].width-two-thirds-ultrawide {
      width: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-two-thirds-super-ultrawide,
    [class*="card"].width-two-thirds-super-ultrawide,
    [class*="button"].width-two-thirds-super-ultrawide,
    [class*="badge"].width-two-thirds-super-ultrawide,
    [class*="pile"].width-two-thirds-super-ultrawide,
    [class*="input"].width-two-thirds-super-ultrawide,
    [class*="table"].width-two-thirds-super-ultrawide {
      width: calc(66% - (8px*2)); } }

[class*="bubble"].width-five-eighths,
[class*="card"].width-five-eighths,
[class*="button"].width-five-eighths,
[class*="badge"].width-five-eighths,
[class*="pile"].width-five-eighths,
[class*="input"].width-five-eighths,
[class*="table"].width-five-eighths {
  width: calc(62.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-five-eighths-tablet,
    [class*="card"].width-five-eighths-tablet,
    [class*="button"].width-five-eighths-tablet,
    [class*="badge"].width-five-eighths-tablet,
    [class*="pile"].width-five-eighths-tablet,
    [class*="input"].width-five-eighths-tablet,
    [class*="table"].width-five-eighths-tablet {
      width: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-five-eighths-tablet-pc,
    [class*="card"].width-five-eighths-tablet-pc,
    [class*="button"].width-five-eighths-tablet-pc,
    [class*="badge"].width-five-eighths-tablet-pc,
    [class*="pile"].width-five-eighths-tablet-pc,
    [class*="input"].width-five-eighths-tablet-pc,
    [class*="table"].width-five-eighths-tablet-pc {
      width: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-five-eighths-tablet-pc,
    [class*="card"].width-five-eighths-tablet-pc,
    [class*="button"].width-five-eighths-tablet-pc,
    [class*="badge"].width-five-eighths-tablet-pc,
    [class*="pile"].width-five-eighths-tablet-pc,
    [class*="input"].width-five-eighths-tablet-pc,
    [class*="table"].width-five-eighths-tablet-pc {
      width: calc(62.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-five-eighths-pc,
    [class*="card"].width-five-eighths-pc,
    [class*="button"].width-five-eighths-pc,
    [class*="badge"].width-five-eighths-pc,
    [class*="pile"].width-five-eighths-pc,
    [class*="input"].width-five-eighths-pc,
    [class*="table"].width-five-eighths-pc {
      width: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-five-eighths-ultrawide,
    [class*="card"].width-five-eighths-ultrawide,
    [class*="button"].width-five-eighths-ultrawide,
    [class*="badge"].width-five-eighths-ultrawide,
    [class*="pile"].width-five-eighths-ultrawide,
    [class*="input"].width-five-eighths-ultrawide,
    [class*="table"].width-five-eighths-ultrawide {
      width: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-five-eighths-super-ultrawide,
    [class*="card"].width-five-eighths-super-ultrawide,
    [class*="button"].width-five-eighths-super-ultrawide,
    [class*="badge"].width-five-eighths-super-ultrawide,
    [class*="pile"].width-five-eighths-super-ultrawide,
    [class*="input"].width-five-eighths-super-ultrawide,
    [class*="table"].width-five-eighths-super-ultrawide {
      width: calc(62.5% - (8px*2)); } }

[class*="bubble"].width-three-fifths,
[class*="card"].width-three-fifths,
[class*="button"].width-three-fifths,
[class*="badge"].width-three-fifths,
[class*="pile"].width-three-fifths,
[class*="input"].width-three-fifths,
[class*="table"].width-three-fifths {
  width: calc(60% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-three-fifths-tablet,
    [class*="card"].width-three-fifths-tablet,
    [class*="button"].width-three-fifths-tablet,
    [class*="badge"].width-three-fifths-tablet,
    [class*="pile"].width-three-fifths-tablet,
    [class*="input"].width-three-fifths-tablet,
    [class*="table"].width-three-fifths-tablet {
      width: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-three-fifths-tablet-pc,
    [class*="card"].width-three-fifths-tablet-pc,
    [class*="button"].width-three-fifths-tablet-pc,
    [class*="badge"].width-three-fifths-tablet-pc,
    [class*="pile"].width-three-fifths-tablet-pc,
    [class*="input"].width-three-fifths-tablet-pc,
    [class*="table"].width-three-fifths-tablet-pc {
      width: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-three-fifths-tablet-pc,
    [class*="card"].width-three-fifths-tablet-pc,
    [class*="button"].width-three-fifths-tablet-pc,
    [class*="badge"].width-three-fifths-tablet-pc,
    [class*="pile"].width-three-fifths-tablet-pc,
    [class*="input"].width-three-fifths-tablet-pc,
    [class*="table"].width-three-fifths-tablet-pc {
      width: calc(60% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-three-fifths-pc,
    [class*="card"].width-three-fifths-pc,
    [class*="button"].width-three-fifths-pc,
    [class*="badge"].width-three-fifths-pc,
    [class*="pile"].width-three-fifths-pc,
    [class*="input"].width-three-fifths-pc,
    [class*="table"].width-three-fifths-pc {
      width: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-three-fifths-ultrawide,
    [class*="card"].width-three-fifths-ultrawide,
    [class*="button"].width-three-fifths-ultrawide,
    [class*="badge"].width-three-fifths-ultrawide,
    [class*="pile"].width-three-fifths-ultrawide,
    [class*="input"].width-three-fifths-ultrawide,
    [class*="table"].width-three-fifths-ultrawide {
      width: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-three-fifths-super-ultrawide,
    [class*="card"].width-three-fifths-super-ultrawide,
    [class*="button"].width-three-fifths-super-ultrawide,
    [class*="badge"].width-three-fifths-super-ultrawide,
    [class*="pile"].width-three-fifths-super-ultrawide,
    [class*="input"].width-three-fifths-super-ultrawide,
    [class*="table"].width-three-fifths-super-ultrawide {
      width: calc(60% - (8px*2)); } }

[class*="bubble"].width-half,
[class*="card"].width-half,
[class*="button"].width-half,
[class*="badge"].width-half,
[class*="pile"].width-half,
[class*="input"].width-half,
[class*="table"].width-half {
  width: calc(50% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-half-tablet,
    [class*="card"].width-half-tablet,
    [class*="button"].width-half-tablet,
    [class*="badge"].width-half-tablet,
    [class*="pile"].width-half-tablet,
    [class*="input"].width-half-tablet,
    [class*="table"].width-half-tablet {
      width: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-half-tablet-pc,
    [class*="card"].width-half-tablet-pc,
    [class*="button"].width-half-tablet-pc,
    [class*="badge"].width-half-tablet-pc,
    [class*="pile"].width-half-tablet-pc,
    [class*="input"].width-half-tablet-pc,
    [class*="table"].width-half-tablet-pc {
      width: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-half-tablet-pc,
    [class*="card"].width-half-tablet-pc,
    [class*="button"].width-half-tablet-pc,
    [class*="badge"].width-half-tablet-pc,
    [class*="pile"].width-half-tablet-pc,
    [class*="input"].width-half-tablet-pc,
    [class*="table"].width-half-tablet-pc {
      width: calc(50% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-half-pc,
    [class*="card"].width-half-pc,
    [class*="button"].width-half-pc,
    [class*="badge"].width-half-pc,
    [class*="pile"].width-half-pc,
    [class*="input"].width-half-pc,
    [class*="table"].width-half-pc {
      width: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-half-ultrawide,
    [class*="card"].width-half-ultrawide,
    [class*="button"].width-half-ultrawide,
    [class*="badge"].width-half-ultrawide,
    [class*="pile"].width-half-ultrawide,
    [class*="input"].width-half-ultrawide,
    [class*="table"].width-half-ultrawide {
      width: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-half-super-ultrawide,
    [class*="card"].width-half-super-ultrawide,
    [class*="button"].width-half-super-ultrawide,
    [class*="badge"].width-half-super-ultrawide,
    [class*="pile"].width-half-super-ultrawide,
    [class*="input"].width-half-super-ultrawide,
    [class*="table"].width-half-super-ultrawide {
      width: calc(50% - (8px*2)); } }

[class*="bubble"].width-three-sixths,
[class*="card"].width-three-sixths,
[class*="button"].width-three-sixths,
[class*="badge"].width-three-sixths,
[class*="pile"].width-three-sixths,
[class*="input"].width-three-sixths,
[class*="table"].width-three-sixths {
  width: calc(((100% / 6) * 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-three-sixths-tablet,
    [class*="card"].width-three-sixths-tablet,
    [class*="button"].width-three-sixths-tablet,
    [class*="badge"].width-three-sixths-tablet,
    [class*="pile"].width-three-sixths-tablet,
    [class*="input"].width-three-sixths-tablet,
    [class*="table"].width-three-sixths-tablet {
      width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-three-sixths-tablet-pc,
    [class*="card"].width-three-sixths-tablet-pc,
    [class*="button"].width-three-sixths-tablet-pc,
    [class*="badge"].width-three-sixths-tablet-pc,
    [class*="pile"].width-three-sixths-tablet-pc,
    [class*="input"].width-three-sixths-tablet-pc,
    [class*="table"].width-three-sixths-tablet-pc {
      width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-three-sixths-tablet-pc,
    [class*="card"].width-three-sixths-tablet-pc,
    [class*="button"].width-three-sixths-tablet-pc,
    [class*="badge"].width-three-sixths-tablet-pc,
    [class*="pile"].width-three-sixths-tablet-pc,
    [class*="input"].width-three-sixths-tablet-pc,
    [class*="table"].width-three-sixths-tablet-pc {
      width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-three-sixths-pc,
    [class*="card"].width-three-sixths-pc,
    [class*="button"].width-three-sixths-pc,
    [class*="badge"].width-three-sixths-pc,
    [class*="pile"].width-three-sixths-pc,
    [class*="input"].width-three-sixths-pc,
    [class*="table"].width-three-sixths-pc {
      width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-three-sixths-ultrawide,
    [class*="card"].width-three-sixths-ultrawide,
    [class*="button"].width-three-sixths-ultrawide,
    [class*="badge"].width-three-sixths-ultrawide,
    [class*="pile"].width-three-sixths-ultrawide,
    [class*="input"].width-three-sixths-ultrawide,
    [class*="table"].width-three-sixths-ultrawide {
      width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-three-sixths-super-ultrawide,
    [class*="card"].width-three-sixths-super-ultrawide,
    [class*="button"].width-three-sixths-super-ultrawide,
    [class*="badge"].width-three-sixths-super-ultrawide,
    [class*="pile"].width-three-sixths-super-ultrawide,
    [class*="input"].width-three-sixths-super-ultrawide,
    [class*="table"].width-three-sixths-super-ultrawide {
      width: calc(((100% / 6) * 3) - (8px*2)); } }

[class*="bubble"].width-two-fifths,
[class*="card"].width-two-fifths,
[class*="button"].width-two-fifths,
[class*="badge"].width-two-fifths,
[class*="pile"].width-two-fifths,
[class*="input"].width-two-fifths,
[class*="table"].width-two-fifths {
  width: calc(40% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-two-fifths-tablet,
    [class*="card"].width-two-fifths-tablet,
    [class*="button"].width-two-fifths-tablet,
    [class*="badge"].width-two-fifths-tablet,
    [class*="pile"].width-two-fifths-tablet,
    [class*="input"].width-two-fifths-tablet,
    [class*="table"].width-two-fifths-tablet {
      width: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-two-fifths-tablet-pc,
    [class*="card"].width-two-fifths-tablet-pc,
    [class*="button"].width-two-fifths-tablet-pc,
    [class*="badge"].width-two-fifths-tablet-pc,
    [class*="pile"].width-two-fifths-tablet-pc,
    [class*="input"].width-two-fifths-tablet-pc,
    [class*="table"].width-two-fifths-tablet-pc {
      width: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-two-fifths-tablet-pc,
    [class*="card"].width-two-fifths-tablet-pc,
    [class*="button"].width-two-fifths-tablet-pc,
    [class*="badge"].width-two-fifths-tablet-pc,
    [class*="pile"].width-two-fifths-tablet-pc,
    [class*="input"].width-two-fifths-tablet-pc,
    [class*="table"].width-two-fifths-tablet-pc {
      width: calc(40% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-two-fifths-pc,
    [class*="card"].width-two-fifths-pc,
    [class*="button"].width-two-fifths-pc,
    [class*="badge"].width-two-fifths-pc,
    [class*="pile"].width-two-fifths-pc,
    [class*="input"].width-two-fifths-pc,
    [class*="table"].width-two-fifths-pc {
      width: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-two-fifths-ultrawide,
    [class*="card"].width-two-fifths-ultrawide,
    [class*="button"].width-two-fifths-ultrawide,
    [class*="badge"].width-two-fifths-ultrawide,
    [class*="pile"].width-two-fifths-ultrawide,
    [class*="input"].width-two-fifths-ultrawide,
    [class*="table"].width-two-fifths-ultrawide {
      width: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-two-fifths-super-ultrawide,
    [class*="card"].width-two-fifths-super-ultrawide,
    [class*="button"].width-two-fifths-super-ultrawide,
    [class*="badge"].width-two-fifths-super-ultrawide,
    [class*="pile"].width-two-fifths-super-ultrawide,
    [class*="input"].width-two-fifths-super-ultrawide,
    [class*="table"].width-two-fifths-super-ultrawide {
      width: calc(40% - (8px*2)); } }

[class*="bubble"].width-three-eighths,
[class*="card"].width-three-eighths,
[class*="button"].width-three-eighths,
[class*="badge"].width-three-eighths,
[class*="pile"].width-three-eighths,
[class*="input"].width-three-eighths,
[class*="table"].width-three-eighths {
  width: calc(37.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-three-eighths-tablet,
    [class*="card"].width-three-eighths-tablet,
    [class*="button"].width-three-eighths-tablet,
    [class*="badge"].width-three-eighths-tablet,
    [class*="pile"].width-three-eighths-tablet,
    [class*="input"].width-three-eighths-tablet,
    [class*="table"].width-three-eighths-tablet {
      width: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-three-eighths-tablet-pc,
    [class*="card"].width-three-eighths-tablet-pc,
    [class*="button"].width-three-eighths-tablet-pc,
    [class*="badge"].width-three-eighths-tablet-pc,
    [class*="pile"].width-three-eighths-tablet-pc,
    [class*="input"].width-three-eighths-tablet-pc,
    [class*="table"].width-three-eighths-tablet-pc {
      width: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-three-eighths-tablet-pc,
    [class*="card"].width-three-eighths-tablet-pc,
    [class*="button"].width-three-eighths-tablet-pc,
    [class*="badge"].width-three-eighths-tablet-pc,
    [class*="pile"].width-three-eighths-tablet-pc,
    [class*="input"].width-three-eighths-tablet-pc,
    [class*="table"].width-three-eighths-tablet-pc {
      width: calc(37.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-three-eighths-pc,
    [class*="card"].width-three-eighths-pc,
    [class*="button"].width-three-eighths-pc,
    [class*="badge"].width-three-eighths-pc,
    [class*="pile"].width-three-eighths-pc,
    [class*="input"].width-three-eighths-pc,
    [class*="table"].width-three-eighths-pc {
      width: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-three-eighths-ultrawide,
    [class*="card"].width-three-eighths-ultrawide,
    [class*="button"].width-three-eighths-ultrawide,
    [class*="badge"].width-three-eighths-ultrawide,
    [class*="pile"].width-three-eighths-ultrawide,
    [class*="input"].width-three-eighths-ultrawide,
    [class*="table"].width-three-eighths-ultrawide {
      width: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-three-eighths-super-ultrawide,
    [class*="card"].width-three-eighths-super-ultrawide,
    [class*="button"].width-three-eighths-super-ultrawide,
    [class*="badge"].width-three-eighths-super-ultrawide,
    [class*="pile"].width-three-eighths-super-ultrawide,
    [class*="input"].width-three-eighths-super-ultrawide,
    [class*="table"].width-three-eighths-super-ultrawide {
      width: calc(37.5% - (8px*2)); } }

[class*="bubble"].width-third,
[class*="card"].width-third,
[class*="button"].width-third,
[class*="badge"].width-third,
[class*="pile"].width-third,
[class*="input"].width-third,
[class*="table"].width-third {
  width: calc((100% / 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-third-tablet,
    [class*="card"].width-third-tablet,
    [class*="button"].width-third-tablet,
    [class*="badge"].width-third-tablet,
    [class*="pile"].width-third-tablet,
    [class*="input"].width-third-tablet,
    [class*="table"].width-third-tablet {
      width: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-third-tablet-pc,
    [class*="card"].width-third-tablet-pc,
    [class*="button"].width-third-tablet-pc,
    [class*="badge"].width-third-tablet-pc,
    [class*="pile"].width-third-tablet-pc,
    [class*="input"].width-third-tablet-pc,
    [class*="table"].width-third-tablet-pc {
      width: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-third-tablet-pc,
    [class*="card"].width-third-tablet-pc,
    [class*="button"].width-third-tablet-pc,
    [class*="badge"].width-third-tablet-pc,
    [class*="pile"].width-third-tablet-pc,
    [class*="input"].width-third-tablet-pc,
    [class*="table"].width-third-tablet-pc {
      width: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-third-pc,
    [class*="card"].width-third-pc,
    [class*="button"].width-third-pc,
    [class*="badge"].width-third-pc,
    [class*="pile"].width-third-pc,
    [class*="input"].width-third-pc,
    [class*="table"].width-third-pc {
      width: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-third-ultrawide,
    [class*="card"].width-third-ultrawide,
    [class*="button"].width-third-ultrawide,
    [class*="badge"].width-third-ultrawide,
    [class*="pile"].width-third-ultrawide,
    [class*="input"].width-third-ultrawide,
    [class*="table"].width-third-ultrawide {
      width: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-third-super-ultrawide,
    [class*="card"].width-third-super-ultrawide,
    [class*="button"].width-third-super-ultrawide,
    [class*="badge"].width-third-super-ultrawide,
    [class*="pile"].width-third-super-ultrawide,
    [class*="input"].width-third-super-ultrawide,
    [class*="table"].width-third-super-ultrawide {
      width: calc((100% / 3) - (8px*2)); } }

[class*="bubble"].width-quater,
[class*="card"].width-quater,
[class*="button"].width-quater,
[class*="badge"].width-quater,
[class*="pile"].width-quater,
[class*="input"].width-quater,
[class*="table"].width-quater {
  width: calc(25% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-quater-tablet,
    [class*="card"].width-quater-tablet,
    [class*="button"].width-quater-tablet,
    [class*="badge"].width-quater-tablet,
    [class*="pile"].width-quater-tablet,
    [class*="input"].width-quater-tablet,
    [class*="table"].width-quater-tablet {
      width: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-quater-tablet-pc,
    [class*="card"].width-quater-tablet-pc,
    [class*="button"].width-quater-tablet-pc,
    [class*="badge"].width-quater-tablet-pc,
    [class*="pile"].width-quater-tablet-pc,
    [class*="input"].width-quater-tablet-pc,
    [class*="table"].width-quater-tablet-pc {
      width: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-quater-tablet-pc,
    [class*="card"].width-quater-tablet-pc,
    [class*="button"].width-quater-tablet-pc,
    [class*="badge"].width-quater-tablet-pc,
    [class*="pile"].width-quater-tablet-pc,
    [class*="input"].width-quater-tablet-pc,
    [class*="table"].width-quater-tablet-pc {
      width: calc(25% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-quater-pc,
    [class*="card"].width-quater-pc,
    [class*="button"].width-quater-pc,
    [class*="badge"].width-quater-pc,
    [class*="pile"].width-quater-pc,
    [class*="input"].width-quater-pc,
    [class*="table"].width-quater-pc {
      width: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-quater-ultrawide,
    [class*="card"].width-quater-ultrawide,
    [class*="button"].width-quater-ultrawide,
    [class*="badge"].width-quater-ultrawide,
    [class*="pile"].width-quater-ultrawide,
    [class*="input"].width-quater-ultrawide,
    [class*="table"].width-quater-ultrawide {
      width: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-quater-super-ultrawide,
    [class*="card"].width-quater-super-ultrawide,
    [class*="button"].width-quater-super-ultrawide,
    [class*="badge"].width-quater-super-ultrawide,
    [class*="pile"].width-quater-super-ultrawide,
    [class*="input"].width-quater-super-ultrawide,
    [class*="table"].width-quater-super-ultrawide {
      width: calc(25% - (8px*2)); } }

[class*="bubble"].width-fifth,
[class*="card"].width-fifth,
[class*="button"].width-fifth,
[class*="badge"].width-fifth,
[class*="pile"].width-fifth,
[class*="input"].width-fifth,
[class*="table"].width-fifth {
  width: calc(20% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-fifth-tablet,
    [class*="card"].width-fifth-tablet,
    [class*="button"].width-fifth-tablet,
    [class*="badge"].width-fifth-tablet,
    [class*="pile"].width-fifth-tablet,
    [class*="input"].width-fifth-tablet,
    [class*="table"].width-fifth-tablet {
      width: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-fifth-tablet-pc,
    [class*="card"].width-fifth-tablet-pc,
    [class*="button"].width-fifth-tablet-pc,
    [class*="badge"].width-fifth-tablet-pc,
    [class*="pile"].width-fifth-tablet-pc,
    [class*="input"].width-fifth-tablet-pc,
    [class*="table"].width-fifth-tablet-pc {
      width: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-fifth-tablet-pc,
    [class*="card"].width-fifth-tablet-pc,
    [class*="button"].width-fifth-tablet-pc,
    [class*="badge"].width-fifth-tablet-pc,
    [class*="pile"].width-fifth-tablet-pc,
    [class*="input"].width-fifth-tablet-pc,
    [class*="table"].width-fifth-tablet-pc {
      width: calc(20% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-fifth-pc,
    [class*="card"].width-fifth-pc,
    [class*="button"].width-fifth-pc,
    [class*="badge"].width-fifth-pc,
    [class*="pile"].width-fifth-pc,
    [class*="input"].width-fifth-pc,
    [class*="table"].width-fifth-pc {
      width: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-fifth-ultrawide,
    [class*="card"].width-fifth-ultrawide,
    [class*="button"].width-fifth-ultrawide,
    [class*="badge"].width-fifth-ultrawide,
    [class*="pile"].width-fifth-ultrawide,
    [class*="input"].width-fifth-ultrawide,
    [class*="table"].width-fifth-ultrawide {
      width: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-fifth-super-ultrawide,
    [class*="card"].width-fifth-super-ultrawide,
    [class*="button"].width-fifth-super-ultrawide,
    [class*="badge"].width-fifth-super-ultrawide,
    [class*="pile"].width-fifth-super-ultrawide,
    [class*="input"].width-fifth-super-ultrawide,
    [class*="table"].width-fifth-super-ultrawide {
      width: calc(20% - (8px*2)); } }

[class*="bubble"].width-sixth,
[class*="card"].width-sixth,
[class*="button"].width-sixth,
[class*="badge"].width-sixth,
[class*="pile"].width-sixth,
[class*="input"].width-sixth,
[class*="table"].width-sixth {
  width: calc((100% / 6) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-sixth-tablet,
    [class*="card"].width-sixth-tablet,
    [class*="button"].width-sixth-tablet,
    [class*="badge"].width-sixth-tablet,
    [class*="pile"].width-sixth-tablet,
    [class*="input"].width-sixth-tablet,
    [class*="table"].width-sixth-tablet {
      width: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-sixth-tablet-pc,
    [class*="card"].width-sixth-tablet-pc,
    [class*="button"].width-sixth-tablet-pc,
    [class*="badge"].width-sixth-tablet-pc,
    [class*="pile"].width-sixth-tablet-pc,
    [class*="input"].width-sixth-tablet-pc,
    [class*="table"].width-sixth-tablet-pc {
      width: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-sixth-tablet-pc,
    [class*="card"].width-sixth-tablet-pc,
    [class*="button"].width-sixth-tablet-pc,
    [class*="badge"].width-sixth-tablet-pc,
    [class*="pile"].width-sixth-tablet-pc,
    [class*="input"].width-sixth-tablet-pc,
    [class*="table"].width-sixth-tablet-pc {
      width: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-sixth-pc,
    [class*="card"].width-sixth-pc,
    [class*="button"].width-sixth-pc,
    [class*="badge"].width-sixth-pc,
    [class*="pile"].width-sixth-pc,
    [class*="input"].width-sixth-pc,
    [class*="table"].width-sixth-pc {
      width: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-sixth-ultrawide,
    [class*="card"].width-sixth-ultrawide,
    [class*="button"].width-sixth-ultrawide,
    [class*="badge"].width-sixth-ultrawide,
    [class*="pile"].width-sixth-ultrawide,
    [class*="input"].width-sixth-ultrawide,
    [class*="table"].width-sixth-ultrawide {
      width: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-sixth-super-ultrawide,
    [class*="card"].width-sixth-super-ultrawide,
    [class*="button"].width-sixth-super-ultrawide,
    [class*="badge"].width-sixth-super-ultrawide,
    [class*="pile"].width-sixth-super-ultrawide,
    [class*="input"].width-sixth-super-ultrawide,
    [class*="table"].width-sixth-super-ultrawide {
      width: calc((100% / 6) - (8px*2)); } }

[class*="bubble"].width-eighth,
[class*="card"].width-eighth,
[class*="button"].width-eighth,
[class*="badge"].width-eighth,
[class*="pile"].width-eighth,
[class*="input"].width-eighth,
[class*="table"].width-eighth {
  width: calc(12.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].width-eighth-tablet,
    [class*="card"].width-eighth-tablet,
    [class*="button"].width-eighth-tablet,
    [class*="badge"].width-eighth-tablet,
    [class*="pile"].width-eighth-tablet,
    [class*="input"].width-eighth-tablet,
    [class*="table"].width-eighth-tablet {
      width: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].width-eighth-tablet-pc,
    [class*="card"].width-eighth-tablet-pc,
    [class*="button"].width-eighth-tablet-pc,
    [class*="badge"].width-eighth-tablet-pc,
    [class*="pile"].width-eighth-tablet-pc,
    [class*="input"].width-eighth-tablet-pc,
    [class*="table"].width-eighth-tablet-pc {
      width: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].width-eighth-tablet-pc,
    [class*="card"].width-eighth-tablet-pc,
    [class*="button"].width-eighth-tablet-pc,
    [class*="badge"].width-eighth-tablet-pc,
    [class*="pile"].width-eighth-tablet-pc,
    [class*="input"].width-eighth-tablet-pc,
    [class*="table"].width-eighth-tablet-pc {
      width: calc(12.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].width-eighth-pc,
    [class*="card"].width-eighth-pc,
    [class*="button"].width-eighth-pc,
    [class*="badge"].width-eighth-pc,
    [class*="pile"].width-eighth-pc,
    [class*="input"].width-eighth-pc,
    [class*="table"].width-eighth-pc {
      width: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-eighth-ultrawide,
    [class*="card"].width-eighth-ultrawide,
    [class*="button"].width-eighth-ultrawide,
    [class*="badge"].width-eighth-ultrawide,
    [class*="pile"].width-eighth-ultrawide,
    [class*="input"].width-eighth-ultrawide,
    [class*="table"].width-eighth-ultrawide {
      width: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].width-eighth-super-ultrawide,
    [class*="card"].width-eighth-super-ultrawide,
    [class*="button"].width-eighth-super-ultrawide,
    [class*="badge"].width-eighth-super-ultrawide,
    [class*="pile"].width-eighth-super-ultrawide,
    [class*="input"].width-eighth-super-ultrawide,
    [class*="table"].width-eighth-super-ultrawide {
      width: calc(12.5% - (8px*2)); } }

.max-width {
  max-width: 96px; }
  @media (min-width: 600px) {
    .max-width-tablet {
      max-width: 96px; } }
  @media (min-width: 1024px) {
    .max-width-tablet-pc {
      max-width: 96px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .max-width-tablet-pc {
      max-width: 96px; } }
  @media (min-width: 1440px) {
    .max-width-pc {
      max-width: 96px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .max-width-ultrawide {
      max-width: 96px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .max-width-super-ultrawide {
      max-width: 96px; } }
  .max-width-xxs {
    max-width: 32px; }
    @media (min-width: 600px) {
      .max-width-xxs-tablet {
        max-width: 32px; } }
    @media (min-width: 1024px) {
      .max-width-xxs-tablet-pc {
        max-width: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-xxs-tablet-pc {
        max-width: 32px; } }
    @media (min-width: 1440px) {
      .max-width-xxs-pc {
        max-width: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-xxs-ultrawide {
        max-width: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-xxs-super-ultrawide {
        max-width: 32px; } }
  .max-width-xs {
    max-width: 48px; }
    @media (min-width: 600px) {
      .max-width-xs-tablet {
        max-width: 48px; } }
    @media (min-width: 1024px) {
      .max-width-xs-tablet-pc {
        max-width: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-xs-tablet-pc {
        max-width: 48px; } }
    @media (min-width: 1440px) {
      .max-width-xs-pc {
        max-width: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-xs-ultrawide {
        max-width: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-xs-super-ultrawide {
        max-width: 48px; } }
  .max-width-sm {
    max-width: 64px; }
    @media (min-width: 600px) {
      .max-width-sm-tablet {
        max-width: 64px; } }
    @media (min-width: 1024px) {
      .max-width-sm-tablet-pc {
        max-width: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-sm-tablet-pc {
        max-width: 64px; } }
    @media (min-width: 1440px) {
      .max-width-sm-pc {
        max-width: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-sm-ultrawide {
        max-width: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-sm-super-ultrawide {
        max-width: 64px; } }
  .max-width-md {
    max-width: 96px; }
    @media (min-width: 600px) {
      .max-width-md-tablet {
        max-width: 96px; } }
    @media (min-width: 1024px) {
      .max-width-md-tablet-pc {
        max-width: 96px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-md-tablet-pc {
        max-width: 96px; } }
    @media (min-width: 1440px) {
      .max-width-md-pc {
        max-width: 96px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-md-ultrawide {
        max-width: 96px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-md-super-ultrawide {
        max-width: 96px; } }
  .max-width-lg {
    max-width: 128px; }
    @media (min-width: 600px) {
      .max-width-lg-tablet {
        max-width: 128px; } }
    @media (min-width: 1024px) {
      .max-width-lg-tablet-pc {
        max-width: 128px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-lg-tablet-pc {
        max-width: 128px; } }
    @media (min-width: 1440px) {
      .max-width-lg-pc {
        max-width: 128px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-lg-ultrawide {
        max-width: 128px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-lg-super-ultrawide {
        max-width: 128px; } }
  .max-width-xl {
    max-width: 192px; }
    @media (min-width: 600px) {
      .max-width-xl-tablet {
        max-width: 192px; } }
    @media (min-width: 1024px) {
      .max-width-xl-tablet-pc {
        max-width: 192px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-xl-tablet-pc {
        max-width: 192px; } }
    @media (min-width: 1440px) {
      .max-width-xl-pc {
        max-width: 192px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-xl-ultrawide {
        max-width: 192px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-xl-super-ultrawide {
        max-width: 192px; } }
  .max-width-xxl {
    max-width: 256px; }
    @media (min-width: 600px) {
      .max-width-xxl-tablet {
        max-width: 256px; } }
    @media (min-width: 1024px) {
      .max-width-xxl-tablet-pc {
        max-width: 256px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-xxl-tablet-pc {
        max-width: 256px; } }
    @media (min-width: 1440px) {
      .max-width-xxl-pc {
        max-width: 256px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-xxl-ultrawide {
        max-width: 256px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-xxl-super-ultrawide {
        max-width: 256px; } }
  .max-width-full {
    max-width: calc(100%); }
    @media (min-width: 600px) {
      .max-width-full-tablet {
        max-width: calc(100%); } }
    @media (min-width: 1024px) {
      .max-width-full-tablet-pc {
        max-width: calc(100%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-full-tablet-pc {
        max-width: calc(100%); } }
    @media (min-width: 1440px) {
      .max-width-full-pc {
        max-width: calc(100%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-full-ultrawide {
        max-width: calc(100%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-full-super-ultrawide {
        max-width: calc(100%); } }
  .max-width-seven-eighths {
    max-width: calc(87.5%); }
    @media (min-width: 600px) {
      .max-width-seven-eighths-tablet {
        max-width: calc(87.5%); } }
    @media (min-width: 1024px) {
      .max-width-seven-eighths-tablet-pc {
        max-width: calc(87.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-seven-eighths-tablet-pc {
        max-width: calc(87.5%); } }
    @media (min-width: 1440px) {
      .max-width-seven-eighths-pc {
        max-width: calc(87.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-seven-eighths-ultrawide {
        max-width: calc(87.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-seven-eighths-super-ultrawide {
        max-width: calc(87.5%); } }
  .max-width-five-sixths {
    max-width: calc(((100% / 6) * 5)); }
    @media (min-width: 600px) {
      .max-width-five-sixths-tablet {
        max-width: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) {
      .max-width-five-sixths-tablet-pc {
        max-width: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-five-sixths-tablet-pc {
        max-width: calc(((100% / 6) * 5)); } }
    @media (min-width: 1440px) {
      .max-width-five-sixths-pc {
        max-width: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-five-sixths-ultrawide {
        max-width: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-five-sixths-super-ultrawide {
        max-width: calc(((100% / 6) * 5)); } }
  .max-width-four-fifths {
    max-width: calc(80%); }
    @media (min-width: 600px) {
      .max-width-four-fifths-tablet {
        max-width: calc(80%); } }
    @media (min-width: 1024px) {
      .max-width-four-fifths-tablet-pc {
        max-width: calc(80%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-four-fifths-tablet-pc {
        max-width: calc(80%); } }
    @media (min-width: 1440px) {
      .max-width-four-fifths-pc {
        max-width: calc(80%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-four-fifths-ultrawide {
        max-width: calc(80%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-four-fifths-super-ultrawide {
        max-width: calc(80%); } }
  .max-width-three-quaters {
    max-width: calc(75%); }
    @media (min-width: 600px) {
      .max-width-three-quaters-tablet {
        max-width: calc(75%); } }
    @media (min-width: 1024px) {
      .max-width-three-quaters-tablet-pc {
        max-width: calc(75%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-three-quaters-tablet-pc {
        max-width: calc(75%); } }
    @media (min-width: 1440px) {
      .max-width-three-quaters-pc {
        max-width: calc(75%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-three-quaters-ultrawide {
        max-width: calc(75%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-three-quaters-super-ultrawide {
        max-width: calc(75%); } }
  .max-width-two-thirds {
    max-width: calc(66%); }
    @media (min-width: 600px) {
      .max-width-two-thirds-tablet {
        max-width: calc(66%); } }
    @media (min-width: 1024px) {
      .max-width-two-thirds-tablet-pc {
        max-width: calc(66%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-two-thirds-tablet-pc {
        max-width: calc(66%); } }
    @media (min-width: 1440px) {
      .max-width-two-thirds-pc {
        max-width: calc(66%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-two-thirds-ultrawide {
        max-width: calc(66%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-two-thirds-super-ultrawide {
        max-width: calc(66%); } }
  .max-width-five-eighths {
    max-width: calc(62.5%); }
    @media (min-width: 600px) {
      .max-width-five-eighths-tablet {
        max-width: calc(62.5%); } }
    @media (min-width: 1024px) {
      .max-width-five-eighths-tablet-pc {
        max-width: calc(62.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-five-eighths-tablet-pc {
        max-width: calc(62.5%); } }
    @media (min-width: 1440px) {
      .max-width-five-eighths-pc {
        max-width: calc(62.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-five-eighths-ultrawide {
        max-width: calc(62.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-five-eighths-super-ultrawide {
        max-width: calc(62.5%); } }
  .max-width-three-fifths {
    max-width: calc(60%); }
    @media (min-width: 600px) {
      .max-width-three-fifths-tablet {
        max-width: calc(60%); } }
    @media (min-width: 1024px) {
      .max-width-three-fifths-tablet-pc {
        max-width: calc(60%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-three-fifths-tablet-pc {
        max-width: calc(60%); } }
    @media (min-width: 1440px) {
      .max-width-three-fifths-pc {
        max-width: calc(60%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-three-fifths-ultrawide {
        max-width: calc(60%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-three-fifths-super-ultrawide {
        max-width: calc(60%); } }
  .max-width-half {
    max-width: calc(50%); }
    @media (min-width: 600px) {
      .max-width-half-tablet {
        max-width: calc(50%); } }
    @media (min-width: 1024px) {
      .max-width-half-tablet-pc {
        max-width: calc(50%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-half-tablet-pc {
        max-width: calc(50%); } }
    @media (min-width: 1440px) {
      .max-width-half-pc {
        max-width: calc(50%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-half-ultrawide {
        max-width: calc(50%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-half-super-ultrawide {
        max-width: calc(50%); } }
  .max-width-three-sixths {
    max-width: calc(((100% / 6) * 3)); }
    @media (min-width: 600px) {
      .max-width-three-sixths-tablet {
        max-width: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) {
      .max-width-three-sixths-tablet-pc {
        max-width: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-three-sixths-tablet-pc {
        max-width: calc(((100% / 6) * 3)); } }
    @media (min-width: 1440px) {
      .max-width-three-sixths-pc {
        max-width: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-three-sixths-ultrawide {
        max-width: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-three-sixths-super-ultrawide {
        max-width: calc(((100% / 6) * 3)); } }
  .max-width-two-fifths {
    max-width: calc(40%); }
    @media (min-width: 600px) {
      .max-width-two-fifths-tablet {
        max-width: calc(40%); } }
    @media (min-width: 1024px) {
      .max-width-two-fifths-tablet-pc {
        max-width: calc(40%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-two-fifths-tablet-pc {
        max-width: calc(40%); } }
    @media (min-width: 1440px) {
      .max-width-two-fifths-pc {
        max-width: calc(40%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-two-fifths-ultrawide {
        max-width: calc(40%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-two-fifths-super-ultrawide {
        max-width: calc(40%); } }
  .max-width-three-eighths {
    max-width: calc(37.5%); }
    @media (min-width: 600px) {
      .max-width-three-eighths-tablet {
        max-width: calc(37.5%); } }
    @media (min-width: 1024px) {
      .max-width-three-eighths-tablet-pc {
        max-width: calc(37.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-three-eighths-tablet-pc {
        max-width: calc(37.5%); } }
    @media (min-width: 1440px) {
      .max-width-three-eighths-pc {
        max-width: calc(37.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-three-eighths-ultrawide {
        max-width: calc(37.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-three-eighths-super-ultrawide {
        max-width: calc(37.5%); } }
  .max-width-third {
    max-width: calc((100% / 3)); }
    @media (min-width: 600px) {
      .max-width-third-tablet {
        max-width: calc((100% / 3)); } }
    @media (min-width: 1024px) {
      .max-width-third-tablet-pc {
        max-width: calc((100% / 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-third-tablet-pc {
        max-width: calc((100% / 3)); } }
    @media (min-width: 1440px) {
      .max-width-third-pc {
        max-width: calc((100% / 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-third-ultrawide {
        max-width: calc((100% / 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-third-super-ultrawide {
        max-width: calc((100% / 3)); } }
  .max-width-quater {
    max-width: calc(25%); }
    @media (min-width: 600px) {
      .max-width-quater-tablet {
        max-width: calc(25%); } }
    @media (min-width: 1024px) {
      .max-width-quater-tablet-pc {
        max-width: calc(25%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-quater-tablet-pc {
        max-width: calc(25%); } }
    @media (min-width: 1440px) {
      .max-width-quater-pc {
        max-width: calc(25%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-quater-ultrawide {
        max-width: calc(25%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-quater-super-ultrawide {
        max-width: calc(25%); } }
  .max-width-fifth {
    max-width: calc(20%); }
    @media (min-width: 600px) {
      .max-width-fifth-tablet {
        max-width: calc(20%); } }
    @media (min-width: 1024px) {
      .max-width-fifth-tablet-pc {
        max-width: calc(20%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-fifth-tablet-pc {
        max-width: calc(20%); } }
    @media (min-width: 1440px) {
      .max-width-fifth-pc {
        max-width: calc(20%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-fifth-ultrawide {
        max-width: calc(20%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-fifth-super-ultrawide {
        max-width: calc(20%); } }
  .max-width-sixth {
    max-width: calc((100% / 6)); }
    @media (min-width: 600px) {
      .max-width-sixth-tablet {
        max-width: calc((100% / 6)); } }
    @media (min-width: 1024px) {
      .max-width-sixth-tablet-pc {
        max-width: calc((100% / 6)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-sixth-tablet-pc {
        max-width: calc((100% / 6)); } }
    @media (min-width: 1440px) {
      .max-width-sixth-pc {
        max-width: calc((100% / 6)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-sixth-ultrawide {
        max-width: calc((100% / 6)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-sixth-super-ultrawide {
        max-width: calc((100% / 6)); } }
  .max-width-eighth {
    max-width: calc(12.5%); }
    @media (min-width: 600px) {
      .max-width-eighth-tablet {
        max-width: calc(12.5%); } }
    @media (min-width: 1024px) {
      .max-width-eighth-tablet-pc {
        max-width: calc(12.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-width-eighth-tablet-pc {
        max-width: calc(12.5%); } }
    @media (min-width: 1440px) {
      .max-width-eighth-pc {
        max-width: calc(12.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-width-eighth-ultrawide {
        max-width: calc(12.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-width-eighth-super-ultrawide {
        max-width: calc(12.5%); } }

[class*="bubble"].max-width-full,
[class*="card"].max-width-full,
[class*="button"].max-width-full,
[class*="badge"].max-width-full,
[class*="pile"].max-width-full,
[class*="input"].max-width-full,
[class*="table"].max-width-full {
  max-width: calc(100% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-full-tablet,
    [class*="card"].max-width-full-tablet,
    [class*="button"].max-width-full-tablet,
    [class*="badge"].max-width-full-tablet,
    [class*="pile"].max-width-full-tablet,
    [class*="input"].max-width-full-tablet,
    [class*="table"].max-width-full-tablet {
      max-width: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-full-tablet-pc,
    [class*="card"].max-width-full-tablet-pc,
    [class*="button"].max-width-full-tablet-pc,
    [class*="badge"].max-width-full-tablet-pc,
    [class*="pile"].max-width-full-tablet-pc,
    [class*="input"].max-width-full-tablet-pc,
    [class*="table"].max-width-full-tablet-pc {
      max-width: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-full-tablet-pc,
    [class*="card"].max-width-full-tablet-pc,
    [class*="button"].max-width-full-tablet-pc,
    [class*="badge"].max-width-full-tablet-pc,
    [class*="pile"].max-width-full-tablet-pc,
    [class*="input"].max-width-full-tablet-pc,
    [class*="table"].max-width-full-tablet-pc {
      max-width: calc(100% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-full-pc,
    [class*="card"].max-width-full-pc,
    [class*="button"].max-width-full-pc,
    [class*="badge"].max-width-full-pc,
    [class*="pile"].max-width-full-pc,
    [class*="input"].max-width-full-pc,
    [class*="table"].max-width-full-pc {
      max-width: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-full-ultrawide,
    [class*="card"].max-width-full-ultrawide,
    [class*="button"].max-width-full-ultrawide,
    [class*="badge"].max-width-full-ultrawide,
    [class*="pile"].max-width-full-ultrawide,
    [class*="input"].max-width-full-ultrawide,
    [class*="table"].max-width-full-ultrawide {
      max-width: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-full-super-ultrawide,
    [class*="card"].max-width-full-super-ultrawide,
    [class*="button"].max-width-full-super-ultrawide,
    [class*="badge"].max-width-full-super-ultrawide,
    [class*="pile"].max-width-full-super-ultrawide,
    [class*="input"].max-width-full-super-ultrawide,
    [class*="table"].max-width-full-super-ultrawide {
      max-width: calc(100% - (8px*2)); } }

[class*="bubble"].max-width-seven-eighths,
[class*="card"].max-width-seven-eighths,
[class*="button"].max-width-seven-eighths,
[class*="badge"].max-width-seven-eighths,
[class*="pile"].max-width-seven-eighths,
[class*="input"].max-width-seven-eighths,
[class*="table"].max-width-seven-eighths {
  max-width: calc(87.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-seven-eighths-tablet,
    [class*="card"].max-width-seven-eighths-tablet,
    [class*="button"].max-width-seven-eighths-tablet,
    [class*="badge"].max-width-seven-eighths-tablet,
    [class*="pile"].max-width-seven-eighths-tablet,
    [class*="input"].max-width-seven-eighths-tablet,
    [class*="table"].max-width-seven-eighths-tablet {
      max-width: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-seven-eighths-tablet-pc,
    [class*="card"].max-width-seven-eighths-tablet-pc,
    [class*="button"].max-width-seven-eighths-tablet-pc,
    [class*="badge"].max-width-seven-eighths-tablet-pc,
    [class*="pile"].max-width-seven-eighths-tablet-pc,
    [class*="input"].max-width-seven-eighths-tablet-pc,
    [class*="table"].max-width-seven-eighths-tablet-pc {
      max-width: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-seven-eighths-tablet-pc,
    [class*="card"].max-width-seven-eighths-tablet-pc,
    [class*="button"].max-width-seven-eighths-tablet-pc,
    [class*="badge"].max-width-seven-eighths-tablet-pc,
    [class*="pile"].max-width-seven-eighths-tablet-pc,
    [class*="input"].max-width-seven-eighths-tablet-pc,
    [class*="table"].max-width-seven-eighths-tablet-pc {
      max-width: calc(87.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-seven-eighths-pc,
    [class*="card"].max-width-seven-eighths-pc,
    [class*="button"].max-width-seven-eighths-pc,
    [class*="badge"].max-width-seven-eighths-pc,
    [class*="pile"].max-width-seven-eighths-pc,
    [class*="input"].max-width-seven-eighths-pc,
    [class*="table"].max-width-seven-eighths-pc {
      max-width: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-seven-eighths-ultrawide,
    [class*="card"].max-width-seven-eighths-ultrawide,
    [class*="button"].max-width-seven-eighths-ultrawide,
    [class*="badge"].max-width-seven-eighths-ultrawide,
    [class*="pile"].max-width-seven-eighths-ultrawide,
    [class*="input"].max-width-seven-eighths-ultrawide,
    [class*="table"].max-width-seven-eighths-ultrawide {
      max-width: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-seven-eighths-super-ultrawide,
    [class*="card"].max-width-seven-eighths-super-ultrawide,
    [class*="button"].max-width-seven-eighths-super-ultrawide,
    [class*="badge"].max-width-seven-eighths-super-ultrawide,
    [class*="pile"].max-width-seven-eighths-super-ultrawide,
    [class*="input"].max-width-seven-eighths-super-ultrawide,
    [class*="table"].max-width-seven-eighths-super-ultrawide {
      max-width: calc(87.5% - (8px*2)); } }

[class*="bubble"].max-width-five-sixths,
[class*="card"].max-width-five-sixths,
[class*="button"].max-width-five-sixths,
[class*="badge"].max-width-five-sixths,
[class*="pile"].max-width-five-sixths,
[class*="input"].max-width-five-sixths,
[class*="table"].max-width-five-sixths {
  max-width: calc(((100% / 6) * 5) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-five-sixths-tablet,
    [class*="card"].max-width-five-sixths-tablet,
    [class*="button"].max-width-five-sixths-tablet,
    [class*="badge"].max-width-five-sixths-tablet,
    [class*="pile"].max-width-five-sixths-tablet,
    [class*="input"].max-width-five-sixths-tablet,
    [class*="table"].max-width-five-sixths-tablet {
      max-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-five-sixths-tablet-pc,
    [class*="card"].max-width-five-sixths-tablet-pc,
    [class*="button"].max-width-five-sixths-tablet-pc,
    [class*="badge"].max-width-five-sixths-tablet-pc,
    [class*="pile"].max-width-five-sixths-tablet-pc,
    [class*="input"].max-width-five-sixths-tablet-pc,
    [class*="table"].max-width-five-sixths-tablet-pc {
      max-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-five-sixths-tablet-pc,
    [class*="card"].max-width-five-sixths-tablet-pc,
    [class*="button"].max-width-five-sixths-tablet-pc,
    [class*="badge"].max-width-five-sixths-tablet-pc,
    [class*="pile"].max-width-five-sixths-tablet-pc,
    [class*="input"].max-width-five-sixths-tablet-pc,
    [class*="table"].max-width-five-sixths-tablet-pc {
      max-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-five-sixths-pc,
    [class*="card"].max-width-five-sixths-pc,
    [class*="button"].max-width-five-sixths-pc,
    [class*="badge"].max-width-five-sixths-pc,
    [class*="pile"].max-width-five-sixths-pc,
    [class*="input"].max-width-five-sixths-pc,
    [class*="table"].max-width-five-sixths-pc {
      max-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-five-sixths-ultrawide,
    [class*="card"].max-width-five-sixths-ultrawide,
    [class*="button"].max-width-five-sixths-ultrawide,
    [class*="badge"].max-width-five-sixths-ultrawide,
    [class*="pile"].max-width-five-sixths-ultrawide,
    [class*="input"].max-width-five-sixths-ultrawide,
    [class*="table"].max-width-five-sixths-ultrawide {
      max-width: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-five-sixths-super-ultrawide,
    [class*="card"].max-width-five-sixths-super-ultrawide,
    [class*="button"].max-width-five-sixths-super-ultrawide,
    [class*="badge"].max-width-five-sixths-super-ultrawide,
    [class*="pile"].max-width-five-sixths-super-ultrawide,
    [class*="input"].max-width-five-sixths-super-ultrawide,
    [class*="table"].max-width-five-sixths-super-ultrawide {
      max-width: calc(((100% / 6) * 5) - (8px*2)); } }

[class*="bubble"].max-width-four-fifths,
[class*="card"].max-width-four-fifths,
[class*="button"].max-width-four-fifths,
[class*="badge"].max-width-four-fifths,
[class*="pile"].max-width-four-fifths,
[class*="input"].max-width-four-fifths,
[class*="table"].max-width-four-fifths {
  max-width: calc(80% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-four-fifths-tablet,
    [class*="card"].max-width-four-fifths-tablet,
    [class*="button"].max-width-four-fifths-tablet,
    [class*="badge"].max-width-four-fifths-tablet,
    [class*="pile"].max-width-four-fifths-tablet,
    [class*="input"].max-width-four-fifths-tablet,
    [class*="table"].max-width-four-fifths-tablet {
      max-width: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-four-fifths-tablet-pc,
    [class*="card"].max-width-four-fifths-tablet-pc,
    [class*="button"].max-width-four-fifths-tablet-pc,
    [class*="badge"].max-width-four-fifths-tablet-pc,
    [class*="pile"].max-width-four-fifths-tablet-pc,
    [class*="input"].max-width-four-fifths-tablet-pc,
    [class*="table"].max-width-four-fifths-tablet-pc {
      max-width: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-four-fifths-tablet-pc,
    [class*="card"].max-width-four-fifths-tablet-pc,
    [class*="button"].max-width-four-fifths-tablet-pc,
    [class*="badge"].max-width-four-fifths-tablet-pc,
    [class*="pile"].max-width-four-fifths-tablet-pc,
    [class*="input"].max-width-four-fifths-tablet-pc,
    [class*="table"].max-width-four-fifths-tablet-pc {
      max-width: calc(80% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-four-fifths-pc,
    [class*="card"].max-width-four-fifths-pc,
    [class*="button"].max-width-four-fifths-pc,
    [class*="badge"].max-width-four-fifths-pc,
    [class*="pile"].max-width-four-fifths-pc,
    [class*="input"].max-width-four-fifths-pc,
    [class*="table"].max-width-four-fifths-pc {
      max-width: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-four-fifths-ultrawide,
    [class*="card"].max-width-four-fifths-ultrawide,
    [class*="button"].max-width-four-fifths-ultrawide,
    [class*="badge"].max-width-four-fifths-ultrawide,
    [class*="pile"].max-width-four-fifths-ultrawide,
    [class*="input"].max-width-four-fifths-ultrawide,
    [class*="table"].max-width-four-fifths-ultrawide {
      max-width: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-four-fifths-super-ultrawide,
    [class*="card"].max-width-four-fifths-super-ultrawide,
    [class*="button"].max-width-four-fifths-super-ultrawide,
    [class*="badge"].max-width-four-fifths-super-ultrawide,
    [class*="pile"].max-width-four-fifths-super-ultrawide,
    [class*="input"].max-width-four-fifths-super-ultrawide,
    [class*="table"].max-width-four-fifths-super-ultrawide {
      max-width: calc(80% - (8px*2)); } }

[class*="bubble"].max-width-three-quaters,
[class*="card"].max-width-three-quaters,
[class*="button"].max-width-three-quaters,
[class*="badge"].max-width-three-quaters,
[class*="pile"].max-width-three-quaters,
[class*="input"].max-width-three-quaters,
[class*="table"].max-width-three-quaters {
  max-width: calc(75% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-three-quaters-tablet,
    [class*="card"].max-width-three-quaters-tablet,
    [class*="button"].max-width-three-quaters-tablet,
    [class*="badge"].max-width-three-quaters-tablet,
    [class*="pile"].max-width-three-quaters-tablet,
    [class*="input"].max-width-three-quaters-tablet,
    [class*="table"].max-width-three-quaters-tablet {
      max-width: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-three-quaters-tablet-pc,
    [class*="card"].max-width-three-quaters-tablet-pc,
    [class*="button"].max-width-three-quaters-tablet-pc,
    [class*="badge"].max-width-three-quaters-tablet-pc,
    [class*="pile"].max-width-three-quaters-tablet-pc,
    [class*="input"].max-width-three-quaters-tablet-pc,
    [class*="table"].max-width-three-quaters-tablet-pc {
      max-width: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-three-quaters-tablet-pc,
    [class*="card"].max-width-three-quaters-tablet-pc,
    [class*="button"].max-width-three-quaters-tablet-pc,
    [class*="badge"].max-width-three-quaters-tablet-pc,
    [class*="pile"].max-width-three-quaters-tablet-pc,
    [class*="input"].max-width-three-quaters-tablet-pc,
    [class*="table"].max-width-three-quaters-tablet-pc {
      max-width: calc(75% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-three-quaters-pc,
    [class*="card"].max-width-three-quaters-pc,
    [class*="button"].max-width-three-quaters-pc,
    [class*="badge"].max-width-three-quaters-pc,
    [class*="pile"].max-width-three-quaters-pc,
    [class*="input"].max-width-three-quaters-pc,
    [class*="table"].max-width-three-quaters-pc {
      max-width: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-three-quaters-ultrawide,
    [class*="card"].max-width-three-quaters-ultrawide,
    [class*="button"].max-width-three-quaters-ultrawide,
    [class*="badge"].max-width-three-quaters-ultrawide,
    [class*="pile"].max-width-three-quaters-ultrawide,
    [class*="input"].max-width-three-quaters-ultrawide,
    [class*="table"].max-width-three-quaters-ultrawide {
      max-width: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-three-quaters-super-ultrawide,
    [class*="card"].max-width-three-quaters-super-ultrawide,
    [class*="button"].max-width-three-quaters-super-ultrawide,
    [class*="badge"].max-width-three-quaters-super-ultrawide,
    [class*="pile"].max-width-three-quaters-super-ultrawide,
    [class*="input"].max-width-three-quaters-super-ultrawide,
    [class*="table"].max-width-three-quaters-super-ultrawide {
      max-width: calc(75% - (8px*2)); } }

[class*="bubble"].max-width-two-thirds,
[class*="card"].max-width-two-thirds,
[class*="button"].max-width-two-thirds,
[class*="badge"].max-width-two-thirds,
[class*="pile"].max-width-two-thirds,
[class*="input"].max-width-two-thirds,
[class*="table"].max-width-two-thirds {
  max-width: calc(66% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-two-thirds-tablet,
    [class*="card"].max-width-two-thirds-tablet,
    [class*="button"].max-width-two-thirds-tablet,
    [class*="badge"].max-width-two-thirds-tablet,
    [class*="pile"].max-width-two-thirds-tablet,
    [class*="input"].max-width-two-thirds-tablet,
    [class*="table"].max-width-two-thirds-tablet {
      max-width: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-two-thirds-tablet-pc,
    [class*="card"].max-width-two-thirds-tablet-pc,
    [class*="button"].max-width-two-thirds-tablet-pc,
    [class*="badge"].max-width-two-thirds-tablet-pc,
    [class*="pile"].max-width-two-thirds-tablet-pc,
    [class*="input"].max-width-two-thirds-tablet-pc,
    [class*="table"].max-width-two-thirds-tablet-pc {
      max-width: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-two-thirds-tablet-pc,
    [class*="card"].max-width-two-thirds-tablet-pc,
    [class*="button"].max-width-two-thirds-tablet-pc,
    [class*="badge"].max-width-two-thirds-tablet-pc,
    [class*="pile"].max-width-two-thirds-tablet-pc,
    [class*="input"].max-width-two-thirds-tablet-pc,
    [class*="table"].max-width-two-thirds-tablet-pc {
      max-width: calc(66% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-two-thirds-pc,
    [class*="card"].max-width-two-thirds-pc,
    [class*="button"].max-width-two-thirds-pc,
    [class*="badge"].max-width-two-thirds-pc,
    [class*="pile"].max-width-two-thirds-pc,
    [class*="input"].max-width-two-thirds-pc,
    [class*="table"].max-width-two-thirds-pc {
      max-width: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-two-thirds-ultrawide,
    [class*="card"].max-width-two-thirds-ultrawide,
    [class*="button"].max-width-two-thirds-ultrawide,
    [class*="badge"].max-width-two-thirds-ultrawide,
    [class*="pile"].max-width-two-thirds-ultrawide,
    [class*="input"].max-width-two-thirds-ultrawide,
    [class*="table"].max-width-two-thirds-ultrawide {
      max-width: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-two-thirds-super-ultrawide,
    [class*="card"].max-width-two-thirds-super-ultrawide,
    [class*="button"].max-width-two-thirds-super-ultrawide,
    [class*="badge"].max-width-two-thirds-super-ultrawide,
    [class*="pile"].max-width-two-thirds-super-ultrawide,
    [class*="input"].max-width-two-thirds-super-ultrawide,
    [class*="table"].max-width-two-thirds-super-ultrawide {
      max-width: calc(66% - (8px*2)); } }

[class*="bubble"].max-width-five-eighths,
[class*="card"].max-width-five-eighths,
[class*="button"].max-width-five-eighths,
[class*="badge"].max-width-five-eighths,
[class*="pile"].max-width-five-eighths,
[class*="input"].max-width-five-eighths,
[class*="table"].max-width-five-eighths {
  max-width: calc(62.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-five-eighths-tablet,
    [class*="card"].max-width-five-eighths-tablet,
    [class*="button"].max-width-five-eighths-tablet,
    [class*="badge"].max-width-five-eighths-tablet,
    [class*="pile"].max-width-five-eighths-tablet,
    [class*="input"].max-width-five-eighths-tablet,
    [class*="table"].max-width-five-eighths-tablet {
      max-width: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-five-eighths-tablet-pc,
    [class*="card"].max-width-five-eighths-tablet-pc,
    [class*="button"].max-width-five-eighths-tablet-pc,
    [class*="badge"].max-width-five-eighths-tablet-pc,
    [class*="pile"].max-width-five-eighths-tablet-pc,
    [class*="input"].max-width-five-eighths-tablet-pc,
    [class*="table"].max-width-five-eighths-tablet-pc {
      max-width: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-five-eighths-tablet-pc,
    [class*="card"].max-width-five-eighths-tablet-pc,
    [class*="button"].max-width-five-eighths-tablet-pc,
    [class*="badge"].max-width-five-eighths-tablet-pc,
    [class*="pile"].max-width-five-eighths-tablet-pc,
    [class*="input"].max-width-five-eighths-tablet-pc,
    [class*="table"].max-width-five-eighths-tablet-pc {
      max-width: calc(62.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-five-eighths-pc,
    [class*="card"].max-width-five-eighths-pc,
    [class*="button"].max-width-five-eighths-pc,
    [class*="badge"].max-width-five-eighths-pc,
    [class*="pile"].max-width-five-eighths-pc,
    [class*="input"].max-width-five-eighths-pc,
    [class*="table"].max-width-five-eighths-pc {
      max-width: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-five-eighths-ultrawide,
    [class*="card"].max-width-five-eighths-ultrawide,
    [class*="button"].max-width-five-eighths-ultrawide,
    [class*="badge"].max-width-five-eighths-ultrawide,
    [class*="pile"].max-width-five-eighths-ultrawide,
    [class*="input"].max-width-five-eighths-ultrawide,
    [class*="table"].max-width-five-eighths-ultrawide {
      max-width: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-five-eighths-super-ultrawide,
    [class*="card"].max-width-five-eighths-super-ultrawide,
    [class*="button"].max-width-five-eighths-super-ultrawide,
    [class*="badge"].max-width-five-eighths-super-ultrawide,
    [class*="pile"].max-width-five-eighths-super-ultrawide,
    [class*="input"].max-width-five-eighths-super-ultrawide,
    [class*="table"].max-width-five-eighths-super-ultrawide {
      max-width: calc(62.5% - (8px*2)); } }

[class*="bubble"].max-width-three-fifths,
[class*="card"].max-width-three-fifths,
[class*="button"].max-width-three-fifths,
[class*="badge"].max-width-three-fifths,
[class*="pile"].max-width-three-fifths,
[class*="input"].max-width-three-fifths,
[class*="table"].max-width-three-fifths {
  max-width: calc(60% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-three-fifths-tablet,
    [class*="card"].max-width-three-fifths-tablet,
    [class*="button"].max-width-three-fifths-tablet,
    [class*="badge"].max-width-three-fifths-tablet,
    [class*="pile"].max-width-three-fifths-tablet,
    [class*="input"].max-width-three-fifths-tablet,
    [class*="table"].max-width-three-fifths-tablet {
      max-width: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-three-fifths-tablet-pc,
    [class*="card"].max-width-three-fifths-tablet-pc,
    [class*="button"].max-width-three-fifths-tablet-pc,
    [class*="badge"].max-width-three-fifths-tablet-pc,
    [class*="pile"].max-width-three-fifths-tablet-pc,
    [class*="input"].max-width-three-fifths-tablet-pc,
    [class*="table"].max-width-three-fifths-tablet-pc {
      max-width: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-three-fifths-tablet-pc,
    [class*="card"].max-width-three-fifths-tablet-pc,
    [class*="button"].max-width-three-fifths-tablet-pc,
    [class*="badge"].max-width-three-fifths-tablet-pc,
    [class*="pile"].max-width-three-fifths-tablet-pc,
    [class*="input"].max-width-three-fifths-tablet-pc,
    [class*="table"].max-width-three-fifths-tablet-pc {
      max-width: calc(60% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-three-fifths-pc,
    [class*="card"].max-width-three-fifths-pc,
    [class*="button"].max-width-three-fifths-pc,
    [class*="badge"].max-width-three-fifths-pc,
    [class*="pile"].max-width-three-fifths-pc,
    [class*="input"].max-width-three-fifths-pc,
    [class*="table"].max-width-three-fifths-pc {
      max-width: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-three-fifths-ultrawide,
    [class*="card"].max-width-three-fifths-ultrawide,
    [class*="button"].max-width-three-fifths-ultrawide,
    [class*="badge"].max-width-three-fifths-ultrawide,
    [class*="pile"].max-width-three-fifths-ultrawide,
    [class*="input"].max-width-three-fifths-ultrawide,
    [class*="table"].max-width-three-fifths-ultrawide {
      max-width: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-three-fifths-super-ultrawide,
    [class*="card"].max-width-three-fifths-super-ultrawide,
    [class*="button"].max-width-three-fifths-super-ultrawide,
    [class*="badge"].max-width-three-fifths-super-ultrawide,
    [class*="pile"].max-width-three-fifths-super-ultrawide,
    [class*="input"].max-width-three-fifths-super-ultrawide,
    [class*="table"].max-width-three-fifths-super-ultrawide {
      max-width: calc(60% - (8px*2)); } }

[class*="bubble"].max-width-half,
[class*="card"].max-width-half,
[class*="button"].max-width-half,
[class*="badge"].max-width-half,
[class*="pile"].max-width-half,
[class*="input"].max-width-half,
[class*="table"].max-width-half {
  max-width: calc(50% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-half-tablet,
    [class*="card"].max-width-half-tablet,
    [class*="button"].max-width-half-tablet,
    [class*="badge"].max-width-half-tablet,
    [class*="pile"].max-width-half-tablet,
    [class*="input"].max-width-half-tablet,
    [class*="table"].max-width-half-tablet {
      max-width: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-half-tablet-pc,
    [class*="card"].max-width-half-tablet-pc,
    [class*="button"].max-width-half-tablet-pc,
    [class*="badge"].max-width-half-tablet-pc,
    [class*="pile"].max-width-half-tablet-pc,
    [class*="input"].max-width-half-tablet-pc,
    [class*="table"].max-width-half-tablet-pc {
      max-width: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-half-tablet-pc,
    [class*="card"].max-width-half-tablet-pc,
    [class*="button"].max-width-half-tablet-pc,
    [class*="badge"].max-width-half-tablet-pc,
    [class*="pile"].max-width-half-tablet-pc,
    [class*="input"].max-width-half-tablet-pc,
    [class*="table"].max-width-half-tablet-pc {
      max-width: calc(50% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-half-pc,
    [class*="card"].max-width-half-pc,
    [class*="button"].max-width-half-pc,
    [class*="badge"].max-width-half-pc,
    [class*="pile"].max-width-half-pc,
    [class*="input"].max-width-half-pc,
    [class*="table"].max-width-half-pc {
      max-width: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-half-ultrawide,
    [class*="card"].max-width-half-ultrawide,
    [class*="button"].max-width-half-ultrawide,
    [class*="badge"].max-width-half-ultrawide,
    [class*="pile"].max-width-half-ultrawide,
    [class*="input"].max-width-half-ultrawide,
    [class*="table"].max-width-half-ultrawide {
      max-width: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-half-super-ultrawide,
    [class*="card"].max-width-half-super-ultrawide,
    [class*="button"].max-width-half-super-ultrawide,
    [class*="badge"].max-width-half-super-ultrawide,
    [class*="pile"].max-width-half-super-ultrawide,
    [class*="input"].max-width-half-super-ultrawide,
    [class*="table"].max-width-half-super-ultrawide {
      max-width: calc(50% - (8px*2)); } }

[class*="bubble"].max-width-three-sixths,
[class*="card"].max-width-three-sixths,
[class*="button"].max-width-three-sixths,
[class*="badge"].max-width-three-sixths,
[class*="pile"].max-width-three-sixths,
[class*="input"].max-width-three-sixths,
[class*="table"].max-width-three-sixths {
  max-width: calc(((100% / 6) * 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-three-sixths-tablet,
    [class*="card"].max-width-three-sixths-tablet,
    [class*="button"].max-width-three-sixths-tablet,
    [class*="badge"].max-width-three-sixths-tablet,
    [class*="pile"].max-width-three-sixths-tablet,
    [class*="input"].max-width-three-sixths-tablet,
    [class*="table"].max-width-three-sixths-tablet {
      max-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-three-sixths-tablet-pc,
    [class*="card"].max-width-three-sixths-tablet-pc,
    [class*="button"].max-width-three-sixths-tablet-pc,
    [class*="badge"].max-width-three-sixths-tablet-pc,
    [class*="pile"].max-width-three-sixths-tablet-pc,
    [class*="input"].max-width-three-sixths-tablet-pc,
    [class*="table"].max-width-three-sixths-tablet-pc {
      max-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-three-sixths-tablet-pc,
    [class*="card"].max-width-three-sixths-tablet-pc,
    [class*="button"].max-width-three-sixths-tablet-pc,
    [class*="badge"].max-width-three-sixths-tablet-pc,
    [class*="pile"].max-width-three-sixths-tablet-pc,
    [class*="input"].max-width-three-sixths-tablet-pc,
    [class*="table"].max-width-three-sixths-tablet-pc {
      max-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-three-sixths-pc,
    [class*="card"].max-width-three-sixths-pc,
    [class*="button"].max-width-three-sixths-pc,
    [class*="badge"].max-width-three-sixths-pc,
    [class*="pile"].max-width-three-sixths-pc,
    [class*="input"].max-width-three-sixths-pc,
    [class*="table"].max-width-three-sixths-pc {
      max-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-three-sixths-ultrawide,
    [class*="card"].max-width-three-sixths-ultrawide,
    [class*="button"].max-width-three-sixths-ultrawide,
    [class*="badge"].max-width-three-sixths-ultrawide,
    [class*="pile"].max-width-three-sixths-ultrawide,
    [class*="input"].max-width-three-sixths-ultrawide,
    [class*="table"].max-width-three-sixths-ultrawide {
      max-width: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-three-sixths-super-ultrawide,
    [class*="card"].max-width-three-sixths-super-ultrawide,
    [class*="button"].max-width-three-sixths-super-ultrawide,
    [class*="badge"].max-width-three-sixths-super-ultrawide,
    [class*="pile"].max-width-three-sixths-super-ultrawide,
    [class*="input"].max-width-three-sixths-super-ultrawide,
    [class*="table"].max-width-three-sixths-super-ultrawide {
      max-width: calc(((100% / 6) * 3) - (8px*2)); } }

[class*="bubble"].max-width-two-fifths,
[class*="card"].max-width-two-fifths,
[class*="button"].max-width-two-fifths,
[class*="badge"].max-width-two-fifths,
[class*="pile"].max-width-two-fifths,
[class*="input"].max-width-two-fifths,
[class*="table"].max-width-two-fifths {
  max-width: calc(40% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-two-fifths-tablet,
    [class*="card"].max-width-two-fifths-tablet,
    [class*="button"].max-width-two-fifths-tablet,
    [class*="badge"].max-width-two-fifths-tablet,
    [class*="pile"].max-width-two-fifths-tablet,
    [class*="input"].max-width-two-fifths-tablet,
    [class*="table"].max-width-two-fifths-tablet {
      max-width: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-two-fifths-tablet-pc,
    [class*="card"].max-width-two-fifths-tablet-pc,
    [class*="button"].max-width-two-fifths-tablet-pc,
    [class*="badge"].max-width-two-fifths-tablet-pc,
    [class*="pile"].max-width-two-fifths-tablet-pc,
    [class*="input"].max-width-two-fifths-tablet-pc,
    [class*="table"].max-width-two-fifths-tablet-pc {
      max-width: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-two-fifths-tablet-pc,
    [class*="card"].max-width-two-fifths-tablet-pc,
    [class*="button"].max-width-two-fifths-tablet-pc,
    [class*="badge"].max-width-two-fifths-tablet-pc,
    [class*="pile"].max-width-two-fifths-tablet-pc,
    [class*="input"].max-width-two-fifths-tablet-pc,
    [class*="table"].max-width-two-fifths-tablet-pc {
      max-width: calc(40% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-two-fifths-pc,
    [class*="card"].max-width-two-fifths-pc,
    [class*="button"].max-width-two-fifths-pc,
    [class*="badge"].max-width-two-fifths-pc,
    [class*="pile"].max-width-two-fifths-pc,
    [class*="input"].max-width-two-fifths-pc,
    [class*="table"].max-width-two-fifths-pc {
      max-width: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-two-fifths-ultrawide,
    [class*="card"].max-width-two-fifths-ultrawide,
    [class*="button"].max-width-two-fifths-ultrawide,
    [class*="badge"].max-width-two-fifths-ultrawide,
    [class*="pile"].max-width-two-fifths-ultrawide,
    [class*="input"].max-width-two-fifths-ultrawide,
    [class*="table"].max-width-two-fifths-ultrawide {
      max-width: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-two-fifths-super-ultrawide,
    [class*="card"].max-width-two-fifths-super-ultrawide,
    [class*="button"].max-width-two-fifths-super-ultrawide,
    [class*="badge"].max-width-two-fifths-super-ultrawide,
    [class*="pile"].max-width-two-fifths-super-ultrawide,
    [class*="input"].max-width-two-fifths-super-ultrawide,
    [class*="table"].max-width-two-fifths-super-ultrawide {
      max-width: calc(40% - (8px*2)); } }

[class*="bubble"].max-width-three-eighths,
[class*="card"].max-width-three-eighths,
[class*="button"].max-width-three-eighths,
[class*="badge"].max-width-three-eighths,
[class*="pile"].max-width-three-eighths,
[class*="input"].max-width-three-eighths,
[class*="table"].max-width-three-eighths {
  max-width: calc(37.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-three-eighths-tablet,
    [class*="card"].max-width-three-eighths-tablet,
    [class*="button"].max-width-three-eighths-tablet,
    [class*="badge"].max-width-three-eighths-tablet,
    [class*="pile"].max-width-three-eighths-tablet,
    [class*="input"].max-width-three-eighths-tablet,
    [class*="table"].max-width-three-eighths-tablet {
      max-width: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-three-eighths-tablet-pc,
    [class*="card"].max-width-three-eighths-tablet-pc,
    [class*="button"].max-width-three-eighths-tablet-pc,
    [class*="badge"].max-width-three-eighths-tablet-pc,
    [class*="pile"].max-width-three-eighths-tablet-pc,
    [class*="input"].max-width-three-eighths-tablet-pc,
    [class*="table"].max-width-three-eighths-tablet-pc {
      max-width: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-three-eighths-tablet-pc,
    [class*="card"].max-width-three-eighths-tablet-pc,
    [class*="button"].max-width-three-eighths-tablet-pc,
    [class*="badge"].max-width-three-eighths-tablet-pc,
    [class*="pile"].max-width-three-eighths-tablet-pc,
    [class*="input"].max-width-three-eighths-tablet-pc,
    [class*="table"].max-width-three-eighths-tablet-pc {
      max-width: calc(37.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-three-eighths-pc,
    [class*="card"].max-width-three-eighths-pc,
    [class*="button"].max-width-three-eighths-pc,
    [class*="badge"].max-width-three-eighths-pc,
    [class*="pile"].max-width-three-eighths-pc,
    [class*="input"].max-width-three-eighths-pc,
    [class*="table"].max-width-three-eighths-pc {
      max-width: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-three-eighths-ultrawide,
    [class*="card"].max-width-three-eighths-ultrawide,
    [class*="button"].max-width-three-eighths-ultrawide,
    [class*="badge"].max-width-three-eighths-ultrawide,
    [class*="pile"].max-width-three-eighths-ultrawide,
    [class*="input"].max-width-three-eighths-ultrawide,
    [class*="table"].max-width-three-eighths-ultrawide {
      max-width: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-three-eighths-super-ultrawide,
    [class*="card"].max-width-three-eighths-super-ultrawide,
    [class*="button"].max-width-three-eighths-super-ultrawide,
    [class*="badge"].max-width-three-eighths-super-ultrawide,
    [class*="pile"].max-width-three-eighths-super-ultrawide,
    [class*="input"].max-width-three-eighths-super-ultrawide,
    [class*="table"].max-width-three-eighths-super-ultrawide {
      max-width: calc(37.5% - (8px*2)); } }

[class*="bubble"].max-width-third,
[class*="card"].max-width-third,
[class*="button"].max-width-third,
[class*="badge"].max-width-third,
[class*="pile"].max-width-third,
[class*="input"].max-width-third,
[class*="table"].max-width-third {
  max-width: calc((100% / 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-third-tablet,
    [class*="card"].max-width-third-tablet,
    [class*="button"].max-width-third-tablet,
    [class*="badge"].max-width-third-tablet,
    [class*="pile"].max-width-third-tablet,
    [class*="input"].max-width-third-tablet,
    [class*="table"].max-width-third-tablet {
      max-width: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-third-tablet-pc,
    [class*="card"].max-width-third-tablet-pc,
    [class*="button"].max-width-third-tablet-pc,
    [class*="badge"].max-width-third-tablet-pc,
    [class*="pile"].max-width-third-tablet-pc,
    [class*="input"].max-width-third-tablet-pc,
    [class*="table"].max-width-third-tablet-pc {
      max-width: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-third-tablet-pc,
    [class*="card"].max-width-third-tablet-pc,
    [class*="button"].max-width-third-tablet-pc,
    [class*="badge"].max-width-third-tablet-pc,
    [class*="pile"].max-width-third-tablet-pc,
    [class*="input"].max-width-third-tablet-pc,
    [class*="table"].max-width-third-tablet-pc {
      max-width: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-third-pc,
    [class*="card"].max-width-third-pc,
    [class*="button"].max-width-third-pc,
    [class*="badge"].max-width-third-pc,
    [class*="pile"].max-width-third-pc,
    [class*="input"].max-width-third-pc,
    [class*="table"].max-width-third-pc {
      max-width: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-third-ultrawide,
    [class*="card"].max-width-third-ultrawide,
    [class*="button"].max-width-third-ultrawide,
    [class*="badge"].max-width-third-ultrawide,
    [class*="pile"].max-width-third-ultrawide,
    [class*="input"].max-width-third-ultrawide,
    [class*="table"].max-width-third-ultrawide {
      max-width: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-third-super-ultrawide,
    [class*="card"].max-width-third-super-ultrawide,
    [class*="button"].max-width-third-super-ultrawide,
    [class*="badge"].max-width-third-super-ultrawide,
    [class*="pile"].max-width-third-super-ultrawide,
    [class*="input"].max-width-third-super-ultrawide,
    [class*="table"].max-width-third-super-ultrawide {
      max-width: calc((100% / 3) - (8px*2)); } }

[class*="bubble"].max-width-quater,
[class*="card"].max-width-quater,
[class*="button"].max-width-quater,
[class*="badge"].max-width-quater,
[class*="pile"].max-width-quater,
[class*="input"].max-width-quater,
[class*="table"].max-width-quater {
  max-width: calc(25% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-quater-tablet,
    [class*="card"].max-width-quater-tablet,
    [class*="button"].max-width-quater-tablet,
    [class*="badge"].max-width-quater-tablet,
    [class*="pile"].max-width-quater-tablet,
    [class*="input"].max-width-quater-tablet,
    [class*="table"].max-width-quater-tablet {
      max-width: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-quater-tablet-pc,
    [class*="card"].max-width-quater-tablet-pc,
    [class*="button"].max-width-quater-tablet-pc,
    [class*="badge"].max-width-quater-tablet-pc,
    [class*="pile"].max-width-quater-tablet-pc,
    [class*="input"].max-width-quater-tablet-pc,
    [class*="table"].max-width-quater-tablet-pc {
      max-width: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-quater-tablet-pc,
    [class*="card"].max-width-quater-tablet-pc,
    [class*="button"].max-width-quater-tablet-pc,
    [class*="badge"].max-width-quater-tablet-pc,
    [class*="pile"].max-width-quater-tablet-pc,
    [class*="input"].max-width-quater-tablet-pc,
    [class*="table"].max-width-quater-tablet-pc {
      max-width: calc(25% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-quater-pc,
    [class*="card"].max-width-quater-pc,
    [class*="button"].max-width-quater-pc,
    [class*="badge"].max-width-quater-pc,
    [class*="pile"].max-width-quater-pc,
    [class*="input"].max-width-quater-pc,
    [class*="table"].max-width-quater-pc {
      max-width: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-quater-ultrawide,
    [class*="card"].max-width-quater-ultrawide,
    [class*="button"].max-width-quater-ultrawide,
    [class*="badge"].max-width-quater-ultrawide,
    [class*="pile"].max-width-quater-ultrawide,
    [class*="input"].max-width-quater-ultrawide,
    [class*="table"].max-width-quater-ultrawide {
      max-width: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-quater-super-ultrawide,
    [class*="card"].max-width-quater-super-ultrawide,
    [class*="button"].max-width-quater-super-ultrawide,
    [class*="badge"].max-width-quater-super-ultrawide,
    [class*="pile"].max-width-quater-super-ultrawide,
    [class*="input"].max-width-quater-super-ultrawide,
    [class*="table"].max-width-quater-super-ultrawide {
      max-width: calc(25% - (8px*2)); } }

[class*="bubble"].max-width-fifth,
[class*="card"].max-width-fifth,
[class*="button"].max-width-fifth,
[class*="badge"].max-width-fifth,
[class*="pile"].max-width-fifth,
[class*="input"].max-width-fifth,
[class*="table"].max-width-fifth {
  max-width: calc(20% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-fifth-tablet,
    [class*="card"].max-width-fifth-tablet,
    [class*="button"].max-width-fifth-tablet,
    [class*="badge"].max-width-fifth-tablet,
    [class*="pile"].max-width-fifth-tablet,
    [class*="input"].max-width-fifth-tablet,
    [class*="table"].max-width-fifth-tablet {
      max-width: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-fifth-tablet-pc,
    [class*="card"].max-width-fifth-tablet-pc,
    [class*="button"].max-width-fifth-tablet-pc,
    [class*="badge"].max-width-fifth-tablet-pc,
    [class*="pile"].max-width-fifth-tablet-pc,
    [class*="input"].max-width-fifth-tablet-pc,
    [class*="table"].max-width-fifth-tablet-pc {
      max-width: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-fifth-tablet-pc,
    [class*="card"].max-width-fifth-tablet-pc,
    [class*="button"].max-width-fifth-tablet-pc,
    [class*="badge"].max-width-fifth-tablet-pc,
    [class*="pile"].max-width-fifth-tablet-pc,
    [class*="input"].max-width-fifth-tablet-pc,
    [class*="table"].max-width-fifth-tablet-pc {
      max-width: calc(20% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-fifth-pc,
    [class*="card"].max-width-fifth-pc,
    [class*="button"].max-width-fifth-pc,
    [class*="badge"].max-width-fifth-pc,
    [class*="pile"].max-width-fifth-pc,
    [class*="input"].max-width-fifth-pc,
    [class*="table"].max-width-fifth-pc {
      max-width: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-fifth-ultrawide,
    [class*="card"].max-width-fifth-ultrawide,
    [class*="button"].max-width-fifth-ultrawide,
    [class*="badge"].max-width-fifth-ultrawide,
    [class*="pile"].max-width-fifth-ultrawide,
    [class*="input"].max-width-fifth-ultrawide,
    [class*="table"].max-width-fifth-ultrawide {
      max-width: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-fifth-super-ultrawide,
    [class*="card"].max-width-fifth-super-ultrawide,
    [class*="button"].max-width-fifth-super-ultrawide,
    [class*="badge"].max-width-fifth-super-ultrawide,
    [class*="pile"].max-width-fifth-super-ultrawide,
    [class*="input"].max-width-fifth-super-ultrawide,
    [class*="table"].max-width-fifth-super-ultrawide {
      max-width: calc(20% - (8px*2)); } }

[class*="bubble"].max-width-sixth,
[class*="card"].max-width-sixth,
[class*="button"].max-width-sixth,
[class*="badge"].max-width-sixth,
[class*="pile"].max-width-sixth,
[class*="input"].max-width-sixth,
[class*="table"].max-width-sixth {
  max-width: calc((100% / 6) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-sixth-tablet,
    [class*="card"].max-width-sixth-tablet,
    [class*="button"].max-width-sixth-tablet,
    [class*="badge"].max-width-sixth-tablet,
    [class*="pile"].max-width-sixth-tablet,
    [class*="input"].max-width-sixth-tablet,
    [class*="table"].max-width-sixth-tablet {
      max-width: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-sixth-tablet-pc,
    [class*="card"].max-width-sixth-tablet-pc,
    [class*="button"].max-width-sixth-tablet-pc,
    [class*="badge"].max-width-sixth-tablet-pc,
    [class*="pile"].max-width-sixth-tablet-pc,
    [class*="input"].max-width-sixth-tablet-pc,
    [class*="table"].max-width-sixth-tablet-pc {
      max-width: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-sixth-tablet-pc,
    [class*="card"].max-width-sixth-tablet-pc,
    [class*="button"].max-width-sixth-tablet-pc,
    [class*="badge"].max-width-sixth-tablet-pc,
    [class*="pile"].max-width-sixth-tablet-pc,
    [class*="input"].max-width-sixth-tablet-pc,
    [class*="table"].max-width-sixth-tablet-pc {
      max-width: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-sixth-pc,
    [class*="card"].max-width-sixth-pc,
    [class*="button"].max-width-sixth-pc,
    [class*="badge"].max-width-sixth-pc,
    [class*="pile"].max-width-sixth-pc,
    [class*="input"].max-width-sixth-pc,
    [class*="table"].max-width-sixth-pc {
      max-width: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-sixth-ultrawide,
    [class*="card"].max-width-sixth-ultrawide,
    [class*="button"].max-width-sixth-ultrawide,
    [class*="badge"].max-width-sixth-ultrawide,
    [class*="pile"].max-width-sixth-ultrawide,
    [class*="input"].max-width-sixth-ultrawide,
    [class*="table"].max-width-sixth-ultrawide {
      max-width: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-sixth-super-ultrawide,
    [class*="card"].max-width-sixth-super-ultrawide,
    [class*="button"].max-width-sixth-super-ultrawide,
    [class*="badge"].max-width-sixth-super-ultrawide,
    [class*="pile"].max-width-sixth-super-ultrawide,
    [class*="input"].max-width-sixth-super-ultrawide,
    [class*="table"].max-width-sixth-super-ultrawide {
      max-width: calc((100% / 6) - (8px*2)); } }

[class*="bubble"].max-width-eighth,
[class*="card"].max-width-eighth,
[class*="button"].max-width-eighth,
[class*="badge"].max-width-eighth,
[class*="pile"].max-width-eighth,
[class*="input"].max-width-eighth,
[class*="table"].max-width-eighth {
  max-width: calc(12.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-width-eighth-tablet,
    [class*="card"].max-width-eighth-tablet,
    [class*="button"].max-width-eighth-tablet,
    [class*="badge"].max-width-eighth-tablet,
    [class*="pile"].max-width-eighth-tablet,
    [class*="input"].max-width-eighth-tablet,
    [class*="table"].max-width-eighth-tablet {
      max-width: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-width-eighth-tablet-pc,
    [class*="card"].max-width-eighth-tablet-pc,
    [class*="button"].max-width-eighth-tablet-pc,
    [class*="badge"].max-width-eighth-tablet-pc,
    [class*="pile"].max-width-eighth-tablet-pc,
    [class*="input"].max-width-eighth-tablet-pc,
    [class*="table"].max-width-eighth-tablet-pc {
      max-width: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-width-eighth-tablet-pc,
    [class*="card"].max-width-eighth-tablet-pc,
    [class*="button"].max-width-eighth-tablet-pc,
    [class*="badge"].max-width-eighth-tablet-pc,
    [class*="pile"].max-width-eighth-tablet-pc,
    [class*="input"].max-width-eighth-tablet-pc,
    [class*="table"].max-width-eighth-tablet-pc {
      max-width: calc(12.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-width-eighth-pc,
    [class*="card"].max-width-eighth-pc,
    [class*="button"].max-width-eighth-pc,
    [class*="badge"].max-width-eighth-pc,
    [class*="pile"].max-width-eighth-pc,
    [class*="input"].max-width-eighth-pc,
    [class*="table"].max-width-eighth-pc {
      max-width: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-eighth-ultrawide,
    [class*="card"].max-width-eighth-ultrawide,
    [class*="button"].max-width-eighth-ultrawide,
    [class*="badge"].max-width-eighth-ultrawide,
    [class*="pile"].max-width-eighth-ultrawide,
    [class*="input"].max-width-eighth-ultrawide,
    [class*="table"].max-width-eighth-ultrawide {
      max-width: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-width-eighth-super-ultrawide,
    [class*="card"].max-width-eighth-super-ultrawide,
    [class*="button"].max-width-eighth-super-ultrawide,
    [class*="badge"].max-width-eighth-super-ultrawide,
    [class*="pile"].max-width-eighth-super-ultrawide,
    [class*="input"].max-width-eighth-super-ultrawide,
    [class*="table"].max-width-eighth-super-ultrawide {
      max-width: calc(12.5% - (8px*2)); } }

.min-height {
  min-height: 96px; }
  @media (min-width: 600px) {
    .min-height-tablet {
      min-height: 96px; } }
  @media (min-width: 1024px) {
    .min-height-tablet-pc {
      min-height: 96px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .min-height-tablet-pc {
      min-height: 96px; } }
  @media (min-width: 1440px) {
    .min-height-pc {
      min-height: 96px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .min-height-ultrawide {
      min-height: 96px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .min-height-super-ultrawide {
      min-height: 96px; } }
  .min-height-xxs {
    min-height: 32px; }
    @media (min-width: 600px) {
      .min-height-xxs-tablet {
        min-height: 32px; } }
    @media (min-width: 1024px) {
      .min-height-xxs-tablet-pc {
        min-height: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-xxs-tablet-pc {
        min-height: 32px; } }
    @media (min-width: 1440px) {
      .min-height-xxs-pc {
        min-height: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-xxs-ultrawide {
        min-height: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-xxs-super-ultrawide {
        min-height: 32px; } }
  .min-height-xs {
    min-height: 48px; }
    @media (min-width: 600px) {
      .min-height-xs-tablet {
        min-height: 48px; } }
    @media (min-width: 1024px) {
      .min-height-xs-tablet-pc {
        min-height: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-xs-tablet-pc {
        min-height: 48px; } }
    @media (min-width: 1440px) {
      .min-height-xs-pc {
        min-height: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-xs-ultrawide {
        min-height: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-xs-super-ultrawide {
        min-height: 48px; } }
  .min-height-sm {
    min-height: 64px; }
    @media (min-width: 600px) {
      .min-height-sm-tablet {
        min-height: 64px; } }
    @media (min-width: 1024px) {
      .min-height-sm-tablet-pc {
        min-height: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-sm-tablet-pc {
        min-height: 64px; } }
    @media (min-width: 1440px) {
      .min-height-sm-pc {
        min-height: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-sm-ultrawide {
        min-height: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-sm-super-ultrawide {
        min-height: 64px; } }
  .min-height-md {
    min-height: 96px; }
    @media (min-width: 600px) {
      .min-height-md-tablet {
        min-height: 96px; } }
    @media (min-width: 1024px) {
      .min-height-md-tablet-pc {
        min-height: 96px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-md-tablet-pc {
        min-height: 96px; } }
    @media (min-width: 1440px) {
      .min-height-md-pc {
        min-height: 96px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-md-ultrawide {
        min-height: 96px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-md-super-ultrawide {
        min-height: 96px; } }
  .min-height-lg {
    min-height: 128px; }
    @media (min-width: 600px) {
      .min-height-lg-tablet {
        min-height: 128px; } }
    @media (min-width: 1024px) {
      .min-height-lg-tablet-pc {
        min-height: 128px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-lg-tablet-pc {
        min-height: 128px; } }
    @media (min-width: 1440px) {
      .min-height-lg-pc {
        min-height: 128px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-lg-ultrawide {
        min-height: 128px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-lg-super-ultrawide {
        min-height: 128px; } }
  .min-height-xl {
    min-height: 192px; }
    @media (min-width: 600px) {
      .min-height-xl-tablet {
        min-height: 192px; } }
    @media (min-width: 1024px) {
      .min-height-xl-tablet-pc {
        min-height: 192px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-xl-tablet-pc {
        min-height: 192px; } }
    @media (min-width: 1440px) {
      .min-height-xl-pc {
        min-height: 192px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-xl-ultrawide {
        min-height: 192px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-xl-super-ultrawide {
        min-height: 192px; } }
  .min-height-xxl {
    min-height: 256px; }
    @media (min-width: 600px) {
      .min-height-xxl-tablet {
        min-height: 256px; } }
    @media (min-width: 1024px) {
      .min-height-xxl-tablet-pc {
        min-height: 256px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-xxl-tablet-pc {
        min-height: 256px; } }
    @media (min-width: 1440px) {
      .min-height-xxl-pc {
        min-height: 256px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-xxl-ultrawide {
        min-height: 256px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-xxl-super-ultrawide {
        min-height: 256px; } }
  .min-height-full {
    min-height: calc(100%); }
    @media (min-width: 600px) {
      .min-height-full-tablet {
        min-height: calc(100%); } }
    @media (min-width: 1024px) {
      .min-height-full-tablet-pc {
        min-height: calc(100%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-full-tablet-pc {
        min-height: calc(100%); } }
    @media (min-width: 1440px) {
      .min-height-full-pc {
        min-height: calc(100%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-full-ultrawide {
        min-height: calc(100%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-full-super-ultrawide {
        min-height: calc(100%); } }
  .min-height-seven-eighths {
    min-height: calc(87.5%); }
    @media (min-width: 600px) {
      .min-height-seven-eighths-tablet {
        min-height: calc(87.5%); } }
    @media (min-width: 1024px) {
      .min-height-seven-eighths-tablet-pc {
        min-height: calc(87.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-seven-eighths-tablet-pc {
        min-height: calc(87.5%); } }
    @media (min-width: 1440px) {
      .min-height-seven-eighths-pc {
        min-height: calc(87.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-seven-eighths-ultrawide {
        min-height: calc(87.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-seven-eighths-super-ultrawide {
        min-height: calc(87.5%); } }
  .min-height-five-sixths {
    min-height: calc(((100% / 6) * 5)); }
    @media (min-width: 600px) {
      .min-height-five-sixths-tablet {
        min-height: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) {
      .min-height-five-sixths-tablet-pc {
        min-height: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-five-sixths-tablet-pc {
        min-height: calc(((100% / 6) * 5)); } }
    @media (min-width: 1440px) {
      .min-height-five-sixths-pc {
        min-height: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-five-sixths-ultrawide {
        min-height: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-five-sixths-super-ultrawide {
        min-height: calc(((100% / 6) * 5)); } }
  .min-height-four-fifths {
    min-height: calc(80%); }
    @media (min-width: 600px) {
      .min-height-four-fifths-tablet {
        min-height: calc(80%); } }
    @media (min-width: 1024px) {
      .min-height-four-fifths-tablet-pc {
        min-height: calc(80%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-four-fifths-tablet-pc {
        min-height: calc(80%); } }
    @media (min-width: 1440px) {
      .min-height-four-fifths-pc {
        min-height: calc(80%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-four-fifths-ultrawide {
        min-height: calc(80%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-four-fifths-super-ultrawide {
        min-height: calc(80%); } }
  .min-height-three-quaters {
    min-height: calc(75%); }
    @media (min-width: 600px) {
      .min-height-three-quaters-tablet {
        min-height: calc(75%); } }
    @media (min-width: 1024px) {
      .min-height-three-quaters-tablet-pc {
        min-height: calc(75%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-three-quaters-tablet-pc {
        min-height: calc(75%); } }
    @media (min-width: 1440px) {
      .min-height-three-quaters-pc {
        min-height: calc(75%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-three-quaters-ultrawide {
        min-height: calc(75%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-three-quaters-super-ultrawide {
        min-height: calc(75%); } }
  .min-height-two-thirds {
    min-height: calc(66%); }
    @media (min-width: 600px) {
      .min-height-two-thirds-tablet {
        min-height: calc(66%); } }
    @media (min-width: 1024px) {
      .min-height-two-thirds-tablet-pc {
        min-height: calc(66%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-two-thirds-tablet-pc {
        min-height: calc(66%); } }
    @media (min-width: 1440px) {
      .min-height-two-thirds-pc {
        min-height: calc(66%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-two-thirds-ultrawide {
        min-height: calc(66%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-two-thirds-super-ultrawide {
        min-height: calc(66%); } }
  .min-height-five-eighths {
    min-height: calc(62.5%); }
    @media (min-width: 600px) {
      .min-height-five-eighths-tablet {
        min-height: calc(62.5%); } }
    @media (min-width: 1024px) {
      .min-height-five-eighths-tablet-pc {
        min-height: calc(62.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-five-eighths-tablet-pc {
        min-height: calc(62.5%); } }
    @media (min-width: 1440px) {
      .min-height-five-eighths-pc {
        min-height: calc(62.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-five-eighths-ultrawide {
        min-height: calc(62.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-five-eighths-super-ultrawide {
        min-height: calc(62.5%); } }
  .min-height-three-fifths {
    min-height: calc(60%); }
    @media (min-width: 600px) {
      .min-height-three-fifths-tablet {
        min-height: calc(60%); } }
    @media (min-width: 1024px) {
      .min-height-three-fifths-tablet-pc {
        min-height: calc(60%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-three-fifths-tablet-pc {
        min-height: calc(60%); } }
    @media (min-width: 1440px) {
      .min-height-three-fifths-pc {
        min-height: calc(60%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-three-fifths-ultrawide {
        min-height: calc(60%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-three-fifths-super-ultrawide {
        min-height: calc(60%); } }
  .min-height-half {
    min-height: calc(50%); }
    @media (min-width: 600px) {
      .min-height-half-tablet {
        min-height: calc(50%); } }
    @media (min-width: 1024px) {
      .min-height-half-tablet-pc {
        min-height: calc(50%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-half-tablet-pc {
        min-height: calc(50%); } }
    @media (min-width: 1440px) {
      .min-height-half-pc {
        min-height: calc(50%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-half-ultrawide {
        min-height: calc(50%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-half-super-ultrawide {
        min-height: calc(50%); } }
  .min-height-three-sixths {
    min-height: calc(((100% / 6) * 3)); }
    @media (min-width: 600px) {
      .min-height-three-sixths-tablet {
        min-height: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) {
      .min-height-three-sixths-tablet-pc {
        min-height: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-three-sixths-tablet-pc {
        min-height: calc(((100% / 6) * 3)); } }
    @media (min-width: 1440px) {
      .min-height-three-sixths-pc {
        min-height: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-three-sixths-ultrawide {
        min-height: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-three-sixths-super-ultrawide {
        min-height: calc(((100% / 6) * 3)); } }
  .min-height-two-fifths {
    min-height: calc(40%); }
    @media (min-width: 600px) {
      .min-height-two-fifths-tablet {
        min-height: calc(40%); } }
    @media (min-width: 1024px) {
      .min-height-two-fifths-tablet-pc {
        min-height: calc(40%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-two-fifths-tablet-pc {
        min-height: calc(40%); } }
    @media (min-width: 1440px) {
      .min-height-two-fifths-pc {
        min-height: calc(40%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-two-fifths-ultrawide {
        min-height: calc(40%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-two-fifths-super-ultrawide {
        min-height: calc(40%); } }
  .min-height-three-eighths {
    min-height: calc(37.5%); }
    @media (min-width: 600px) {
      .min-height-three-eighths-tablet {
        min-height: calc(37.5%); } }
    @media (min-width: 1024px) {
      .min-height-three-eighths-tablet-pc {
        min-height: calc(37.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-three-eighths-tablet-pc {
        min-height: calc(37.5%); } }
    @media (min-width: 1440px) {
      .min-height-three-eighths-pc {
        min-height: calc(37.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-three-eighths-ultrawide {
        min-height: calc(37.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-three-eighths-super-ultrawide {
        min-height: calc(37.5%); } }
  .min-height-third {
    min-height: calc((100% / 3)); }
    @media (min-width: 600px) {
      .min-height-third-tablet {
        min-height: calc((100% / 3)); } }
    @media (min-width: 1024px) {
      .min-height-third-tablet-pc {
        min-height: calc((100% / 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-third-tablet-pc {
        min-height: calc((100% / 3)); } }
    @media (min-width: 1440px) {
      .min-height-third-pc {
        min-height: calc((100% / 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-third-ultrawide {
        min-height: calc((100% / 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-third-super-ultrawide {
        min-height: calc((100% / 3)); } }
  .min-height-quater {
    min-height: calc(25%); }
    @media (min-width: 600px) {
      .min-height-quater-tablet {
        min-height: calc(25%); } }
    @media (min-width: 1024px) {
      .min-height-quater-tablet-pc {
        min-height: calc(25%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-quater-tablet-pc {
        min-height: calc(25%); } }
    @media (min-width: 1440px) {
      .min-height-quater-pc {
        min-height: calc(25%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-quater-ultrawide {
        min-height: calc(25%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-quater-super-ultrawide {
        min-height: calc(25%); } }
  .min-height-fifth {
    min-height: calc(20%); }
    @media (min-width: 600px) {
      .min-height-fifth-tablet {
        min-height: calc(20%); } }
    @media (min-width: 1024px) {
      .min-height-fifth-tablet-pc {
        min-height: calc(20%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-fifth-tablet-pc {
        min-height: calc(20%); } }
    @media (min-width: 1440px) {
      .min-height-fifth-pc {
        min-height: calc(20%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-fifth-ultrawide {
        min-height: calc(20%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-fifth-super-ultrawide {
        min-height: calc(20%); } }
  .min-height-sixth {
    min-height: calc((100% / 6)); }
    @media (min-width: 600px) {
      .min-height-sixth-tablet {
        min-height: calc((100% / 6)); } }
    @media (min-width: 1024px) {
      .min-height-sixth-tablet-pc {
        min-height: calc((100% / 6)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-sixth-tablet-pc {
        min-height: calc((100% / 6)); } }
    @media (min-width: 1440px) {
      .min-height-sixth-pc {
        min-height: calc((100% / 6)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-sixth-ultrawide {
        min-height: calc((100% / 6)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-sixth-super-ultrawide {
        min-height: calc((100% / 6)); } }
  .min-height-eighth {
    min-height: calc(12.5%); }
    @media (min-width: 600px) {
      .min-height-eighth-tablet {
        min-height: calc(12.5%); } }
    @media (min-width: 1024px) {
      .min-height-eighth-tablet-pc {
        min-height: calc(12.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .min-height-eighth-tablet-pc {
        min-height: calc(12.5%); } }
    @media (min-width: 1440px) {
      .min-height-eighth-pc {
        min-height: calc(12.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .min-height-eighth-ultrawide {
        min-height: calc(12.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .min-height-eighth-super-ultrawide {
        min-height: calc(12.5%); } }

[class*="bubble"].min-height-full,
[class*="card"].min-height-full,
[class*="button"].min-height-full,
[class*="badge"].min-height-full,
[class*="pile"].min-height-full,
[class*="input"].min-height-full,
[class*="table"].min-height-full {
  min-height: calc(100% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-full-tablet,
    [class*="card"].min-height-full-tablet,
    [class*="button"].min-height-full-tablet,
    [class*="badge"].min-height-full-tablet,
    [class*="pile"].min-height-full-tablet,
    [class*="input"].min-height-full-tablet,
    [class*="table"].min-height-full-tablet {
      min-height: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-full-tablet-pc,
    [class*="card"].min-height-full-tablet-pc,
    [class*="button"].min-height-full-tablet-pc,
    [class*="badge"].min-height-full-tablet-pc,
    [class*="pile"].min-height-full-tablet-pc,
    [class*="input"].min-height-full-tablet-pc,
    [class*="table"].min-height-full-tablet-pc {
      min-height: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-full-tablet-pc,
    [class*="card"].min-height-full-tablet-pc,
    [class*="button"].min-height-full-tablet-pc,
    [class*="badge"].min-height-full-tablet-pc,
    [class*="pile"].min-height-full-tablet-pc,
    [class*="input"].min-height-full-tablet-pc,
    [class*="table"].min-height-full-tablet-pc {
      min-height: calc(100% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-full-pc,
    [class*="card"].min-height-full-pc,
    [class*="button"].min-height-full-pc,
    [class*="badge"].min-height-full-pc,
    [class*="pile"].min-height-full-pc,
    [class*="input"].min-height-full-pc,
    [class*="table"].min-height-full-pc {
      min-height: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-full-ultrawide,
    [class*="card"].min-height-full-ultrawide,
    [class*="button"].min-height-full-ultrawide,
    [class*="badge"].min-height-full-ultrawide,
    [class*="pile"].min-height-full-ultrawide,
    [class*="input"].min-height-full-ultrawide,
    [class*="table"].min-height-full-ultrawide {
      min-height: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-full-super-ultrawide,
    [class*="card"].min-height-full-super-ultrawide,
    [class*="button"].min-height-full-super-ultrawide,
    [class*="badge"].min-height-full-super-ultrawide,
    [class*="pile"].min-height-full-super-ultrawide,
    [class*="input"].min-height-full-super-ultrawide,
    [class*="table"].min-height-full-super-ultrawide {
      min-height: calc(100% - (8px*2)); } }

[class*="bubble"].min-height-seven-eighths,
[class*="card"].min-height-seven-eighths,
[class*="button"].min-height-seven-eighths,
[class*="badge"].min-height-seven-eighths,
[class*="pile"].min-height-seven-eighths,
[class*="input"].min-height-seven-eighths,
[class*="table"].min-height-seven-eighths {
  min-height: calc(87.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-seven-eighths-tablet,
    [class*="card"].min-height-seven-eighths-tablet,
    [class*="button"].min-height-seven-eighths-tablet,
    [class*="badge"].min-height-seven-eighths-tablet,
    [class*="pile"].min-height-seven-eighths-tablet,
    [class*="input"].min-height-seven-eighths-tablet,
    [class*="table"].min-height-seven-eighths-tablet {
      min-height: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-seven-eighths-tablet-pc,
    [class*="card"].min-height-seven-eighths-tablet-pc,
    [class*="button"].min-height-seven-eighths-tablet-pc,
    [class*="badge"].min-height-seven-eighths-tablet-pc,
    [class*="pile"].min-height-seven-eighths-tablet-pc,
    [class*="input"].min-height-seven-eighths-tablet-pc,
    [class*="table"].min-height-seven-eighths-tablet-pc {
      min-height: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-seven-eighths-tablet-pc,
    [class*="card"].min-height-seven-eighths-tablet-pc,
    [class*="button"].min-height-seven-eighths-tablet-pc,
    [class*="badge"].min-height-seven-eighths-tablet-pc,
    [class*="pile"].min-height-seven-eighths-tablet-pc,
    [class*="input"].min-height-seven-eighths-tablet-pc,
    [class*="table"].min-height-seven-eighths-tablet-pc {
      min-height: calc(87.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-seven-eighths-pc,
    [class*="card"].min-height-seven-eighths-pc,
    [class*="button"].min-height-seven-eighths-pc,
    [class*="badge"].min-height-seven-eighths-pc,
    [class*="pile"].min-height-seven-eighths-pc,
    [class*="input"].min-height-seven-eighths-pc,
    [class*="table"].min-height-seven-eighths-pc {
      min-height: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-seven-eighths-ultrawide,
    [class*="card"].min-height-seven-eighths-ultrawide,
    [class*="button"].min-height-seven-eighths-ultrawide,
    [class*="badge"].min-height-seven-eighths-ultrawide,
    [class*="pile"].min-height-seven-eighths-ultrawide,
    [class*="input"].min-height-seven-eighths-ultrawide,
    [class*="table"].min-height-seven-eighths-ultrawide {
      min-height: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-seven-eighths-super-ultrawide,
    [class*="card"].min-height-seven-eighths-super-ultrawide,
    [class*="button"].min-height-seven-eighths-super-ultrawide,
    [class*="badge"].min-height-seven-eighths-super-ultrawide,
    [class*="pile"].min-height-seven-eighths-super-ultrawide,
    [class*="input"].min-height-seven-eighths-super-ultrawide,
    [class*="table"].min-height-seven-eighths-super-ultrawide {
      min-height: calc(87.5% - (8px*2)); } }

[class*="bubble"].min-height-five-sixths,
[class*="card"].min-height-five-sixths,
[class*="button"].min-height-five-sixths,
[class*="badge"].min-height-five-sixths,
[class*="pile"].min-height-five-sixths,
[class*="input"].min-height-five-sixths,
[class*="table"].min-height-five-sixths {
  min-height: calc(((100% / 6) * 5) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-five-sixths-tablet,
    [class*="card"].min-height-five-sixths-tablet,
    [class*="button"].min-height-five-sixths-tablet,
    [class*="badge"].min-height-five-sixths-tablet,
    [class*="pile"].min-height-five-sixths-tablet,
    [class*="input"].min-height-five-sixths-tablet,
    [class*="table"].min-height-five-sixths-tablet {
      min-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-five-sixths-tablet-pc,
    [class*="card"].min-height-five-sixths-tablet-pc,
    [class*="button"].min-height-five-sixths-tablet-pc,
    [class*="badge"].min-height-five-sixths-tablet-pc,
    [class*="pile"].min-height-five-sixths-tablet-pc,
    [class*="input"].min-height-five-sixths-tablet-pc,
    [class*="table"].min-height-five-sixths-tablet-pc {
      min-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-five-sixths-tablet-pc,
    [class*="card"].min-height-five-sixths-tablet-pc,
    [class*="button"].min-height-five-sixths-tablet-pc,
    [class*="badge"].min-height-five-sixths-tablet-pc,
    [class*="pile"].min-height-five-sixths-tablet-pc,
    [class*="input"].min-height-five-sixths-tablet-pc,
    [class*="table"].min-height-five-sixths-tablet-pc {
      min-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-five-sixths-pc,
    [class*="card"].min-height-five-sixths-pc,
    [class*="button"].min-height-five-sixths-pc,
    [class*="badge"].min-height-five-sixths-pc,
    [class*="pile"].min-height-five-sixths-pc,
    [class*="input"].min-height-five-sixths-pc,
    [class*="table"].min-height-five-sixths-pc {
      min-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-five-sixths-ultrawide,
    [class*="card"].min-height-five-sixths-ultrawide,
    [class*="button"].min-height-five-sixths-ultrawide,
    [class*="badge"].min-height-five-sixths-ultrawide,
    [class*="pile"].min-height-five-sixths-ultrawide,
    [class*="input"].min-height-five-sixths-ultrawide,
    [class*="table"].min-height-five-sixths-ultrawide {
      min-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-five-sixths-super-ultrawide,
    [class*="card"].min-height-five-sixths-super-ultrawide,
    [class*="button"].min-height-five-sixths-super-ultrawide,
    [class*="badge"].min-height-five-sixths-super-ultrawide,
    [class*="pile"].min-height-five-sixths-super-ultrawide,
    [class*="input"].min-height-five-sixths-super-ultrawide,
    [class*="table"].min-height-five-sixths-super-ultrawide {
      min-height: calc(((100% / 6) * 5) - (8px*2)); } }

[class*="bubble"].min-height-four-fifths,
[class*="card"].min-height-four-fifths,
[class*="button"].min-height-four-fifths,
[class*="badge"].min-height-four-fifths,
[class*="pile"].min-height-four-fifths,
[class*="input"].min-height-four-fifths,
[class*="table"].min-height-four-fifths {
  min-height: calc(80% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-four-fifths-tablet,
    [class*="card"].min-height-four-fifths-tablet,
    [class*="button"].min-height-four-fifths-tablet,
    [class*="badge"].min-height-four-fifths-tablet,
    [class*="pile"].min-height-four-fifths-tablet,
    [class*="input"].min-height-four-fifths-tablet,
    [class*="table"].min-height-four-fifths-tablet {
      min-height: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-four-fifths-tablet-pc,
    [class*="card"].min-height-four-fifths-tablet-pc,
    [class*="button"].min-height-four-fifths-tablet-pc,
    [class*="badge"].min-height-four-fifths-tablet-pc,
    [class*="pile"].min-height-four-fifths-tablet-pc,
    [class*="input"].min-height-four-fifths-tablet-pc,
    [class*="table"].min-height-four-fifths-tablet-pc {
      min-height: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-four-fifths-tablet-pc,
    [class*="card"].min-height-four-fifths-tablet-pc,
    [class*="button"].min-height-four-fifths-tablet-pc,
    [class*="badge"].min-height-four-fifths-tablet-pc,
    [class*="pile"].min-height-four-fifths-tablet-pc,
    [class*="input"].min-height-four-fifths-tablet-pc,
    [class*="table"].min-height-four-fifths-tablet-pc {
      min-height: calc(80% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-four-fifths-pc,
    [class*="card"].min-height-four-fifths-pc,
    [class*="button"].min-height-four-fifths-pc,
    [class*="badge"].min-height-four-fifths-pc,
    [class*="pile"].min-height-four-fifths-pc,
    [class*="input"].min-height-four-fifths-pc,
    [class*="table"].min-height-four-fifths-pc {
      min-height: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-four-fifths-ultrawide,
    [class*="card"].min-height-four-fifths-ultrawide,
    [class*="button"].min-height-four-fifths-ultrawide,
    [class*="badge"].min-height-four-fifths-ultrawide,
    [class*="pile"].min-height-four-fifths-ultrawide,
    [class*="input"].min-height-four-fifths-ultrawide,
    [class*="table"].min-height-four-fifths-ultrawide {
      min-height: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-four-fifths-super-ultrawide,
    [class*="card"].min-height-four-fifths-super-ultrawide,
    [class*="button"].min-height-four-fifths-super-ultrawide,
    [class*="badge"].min-height-four-fifths-super-ultrawide,
    [class*="pile"].min-height-four-fifths-super-ultrawide,
    [class*="input"].min-height-four-fifths-super-ultrawide,
    [class*="table"].min-height-four-fifths-super-ultrawide {
      min-height: calc(80% - (8px*2)); } }

[class*="bubble"].min-height-three-quaters,
[class*="card"].min-height-three-quaters,
[class*="button"].min-height-three-quaters,
[class*="badge"].min-height-three-quaters,
[class*="pile"].min-height-three-quaters,
[class*="input"].min-height-three-quaters,
[class*="table"].min-height-three-quaters {
  min-height: calc(75% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-three-quaters-tablet,
    [class*="card"].min-height-three-quaters-tablet,
    [class*="button"].min-height-three-quaters-tablet,
    [class*="badge"].min-height-three-quaters-tablet,
    [class*="pile"].min-height-three-quaters-tablet,
    [class*="input"].min-height-three-quaters-tablet,
    [class*="table"].min-height-three-quaters-tablet {
      min-height: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-three-quaters-tablet-pc,
    [class*="card"].min-height-three-quaters-tablet-pc,
    [class*="button"].min-height-three-quaters-tablet-pc,
    [class*="badge"].min-height-three-quaters-tablet-pc,
    [class*="pile"].min-height-three-quaters-tablet-pc,
    [class*="input"].min-height-three-quaters-tablet-pc,
    [class*="table"].min-height-three-quaters-tablet-pc {
      min-height: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-three-quaters-tablet-pc,
    [class*="card"].min-height-three-quaters-tablet-pc,
    [class*="button"].min-height-three-quaters-tablet-pc,
    [class*="badge"].min-height-three-quaters-tablet-pc,
    [class*="pile"].min-height-three-quaters-tablet-pc,
    [class*="input"].min-height-three-quaters-tablet-pc,
    [class*="table"].min-height-three-quaters-tablet-pc {
      min-height: calc(75% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-three-quaters-pc,
    [class*="card"].min-height-three-quaters-pc,
    [class*="button"].min-height-three-quaters-pc,
    [class*="badge"].min-height-three-quaters-pc,
    [class*="pile"].min-height-three-quaters-pc,
    [class*="input"].min-height-three-quaters-pc,
    [class*="table"].min-height-three-quaters-pc {
      min-height: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-three-quaters-ultrawide,
    [class*="card"].min-height-three-quaters-ultrawide,
    [class*="button"].min-height-three-quaters-ultrawide,
    [class*="badge"].min-height-three-quaters-ultrawide,
    [class*="pile"].min-height-three-quaters-ultrawide,
    [class*="input"].min-height-three-quaters-ultrawide,
    [class*="table"].min-height-three-quaters-ultrawide {
      min-height: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-three-quaters-super-ultrawide,
    [class*="card"].min-height-three-quaters-super-ultrawide,
    [class*="button"].min-height-three-quaters-super-ultrawide,
    [class*="badge"].min-height-three-quaters-super-ultrawide,
    [class*="pile"].min-height-three-quaters-super-ultrawide,
    [class*="input"].min-height-three-quaters-super-ultrawide,
    [class*="table"].min-height-three-quaters-super-ultrawide {
      min-height: calc(75% - (8px*2)); } }

[class*="bubble"].min-height-two-thirds,
[class*="card"].min-height-two-thirds,
[class*="button"].min-height-two-thirds,
[class*="badge"].min-height-two-thirds,
[class*="pile"].min-height-two-thirds,
[class*="input"].min-height-two-thirds,
[class*="table"].min-height-two-thirds {
  min-height: calc(66% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-two-thirds-tablet,
    [class*="card"].min-height-two-thirds-tablet,
    [class*="button"].min-height-two-thirds-tablet,
    [class*="badge"].min-height-two-thirds-tablet,
    [class*="pile"].min-height-two-thirds-tablet,
    [class*="input"].min-height-two-thirds-tablet,
    [class*="table"].min-height-two-thirds-tablet {
      min-height: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-two-thirds-tablet-pc,
    [class*="card"].min-height-two-thirds-tablet-pc,
    [class*="button"].min-height-two-thirds-tablet-pc,
    [class*="badge"].min-height-two-thirds-tablet-pc,
    [class*="pile"].min-height-two-thirds-tablet-pc,
    [class*="input"].min-height-two-thirds-tablet-pc,
    [class*="table"].min-height-two-thirds-tablet-pc {
      min-height: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-two-thirds-tablet-pc,
    [class*="card"].min-height-two-thirds-tablet-pc,
    [class*="button"].min-height-two-thirds-tablet-pc,
    [class*="badge"].min-height-two-thirds-tablet-pc,
    [class*="pile"].min-height-two-thirds-tablet-pc,
    [class*="input"].min-height-two-thirds-tablet-pc,
    [class*="table"].min-height-two-thirds-tablet-pc {
      min-height: calc(66% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-two-thirds-pc,
    [class*="card"].min-height-two-thirds-pc,
    [class*="button"].min-height-two-thirds-pc,
    [class*="badge"].min-height-two-thirds-pc,
    [class*="pile"].min-height-two-thirds-pc,
    [class*="input"].min-height-two-thirds-pc,
    [class*="table"].min-height-two-thirds-pc {
      min-height: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-two-thirds-ultrawide,
    [class*="card"].min-height-two-thirds-ultrawide,
    [class*="button"].min-height-two-thirds-ultrawide,
    [class*="badge"].min-height-two-thirds-ultrawide,
    [class*="pile"].min-height-two-thirds-ultrawide,
    [class*="input"].min-height-two-thirds-ultrawide,
    [class*="table"].min-height-two-thirds-ultrawide {
      min-height: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-two-thirds-super-ultrawide,
    [class*="card"].min-height-two-thirds-super-ultrawide,
    [class*="button"].min-height-two-thirds-super-ultrawide,
    [class*="badge"].min-height-two-thirds-super-ultrawide,
    [class*="pile"].min-height-two-thirds-super-ultrawide,
    [class*="input"].min-height-two-thirds-super-ultrawide,
    [class*="table"].min-height-two-thirds-super-ultrawide {
      min-height: calc(66% - (8px*2)); } }

[class*="bubble"].min-height-five-eighths,
[class*="card"].min-height-five-eighths,
[class*="button"].min-height-five-eighths,
[class*="badge"].min-height-five-eighths,
[class*="pile"].min-height-five-eighths,
[class*="input"].min-height-five-eighths,
[class*="table"].min-height-five-eighths {
  min-height: calc(62.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-five-eighths-tablet,
    [class*="card"].min-height-five-eighths-tablet,
    [class*="button"].min-height-five-eighths-tablet,
    [class*="badge"].min-height-five-eighths-tablet,
    [class*="pile"].min-height-five-eighths-tablet,
    [class*="input"].min-height-five-eighths-tablet,
    [class*="table"].min-height-five-eighths-tablet {
      min-height: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-five-eighths-tablet-pc,
    [class*="card"].min-height-five-eighths-tablet-pc,
    [class*="button"].min-height-five-eighths-tablet-pc,
    [class*="badge"].min-height-five-eighths-tablet-pc,
    [class*="pile"].min-height-five-eighths-tablet-pc,
    [class*="input"].min-height-five-eighths-tablet-pc,
    [class*="table"].min-height-five-eighths-tablet-pc {
      min-height: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-five-eighths-tablet-pc,
    [class*="card"].min-height-five-eighths-tablet-pc,
    [class*="button"].min-height-five-eighths-tablet-pc,
    [class*="badge"].min-height-five-eighths-tablet-pc,
    [class*="pile"].min-height-five-eighths-tablet-pc,
    [class*="input"].min-height-five-eighths-tablet-pc,
    [class*="table"].min-height-five-eighths-tablet-pc {
      min-height: calc(62.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-five-eighths-pc,
    [class*="card"].min-height-five-eighths-pc,
    [class*="button"].min-height-five-eighths-pc,
    [class*="badge"].min-height-five-eighths-pc,
    [class*="pile"].min-height-five-eighths-pc,
    [class*="input"].min-height-five-eighths-pc,
    [class*="table"].min-height-five-eighths-pc {
      min-height: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-five-eighths-ultrawide,
    [class*="card"].min-height-five-eighths-ultrawide,
    [class*="button"].min-height-five-eighths-ultrawide,
    [class*="badge"].min-height-five-eighths-ultrawide,
    [class*="pile"].min-height-five-eighths-ultrawide,
    [class*="input"].min-height-five-eighths-ultrawide,
    [class*="table"].min-height-five-eighths-ultrawide {
      min-height: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-five-eighths-super-ultrawide,
    [class*="card"].min-height-five-eighths-super-ultrawide,
    [class*="button"].min-height-five-eighths-super-ultrawide,
    [class*="badge"].min-height-five-eighths-super-ultrawide,
    [class*="pile"].min-height-five-eighths-super-ultrawide,
    [class*="input"].min-height-five-eighths-super-ultrawide,
    [class*="table"].min-height-five-eighths-super-ultrawide {
      min-height: calc(62.5% - (8px*2)); } }

[class*="bubble"].min-height-three-fifths,
[class*="card"].min-height-three-fifths,
[class*="button"].min-height-three-fifths,
[class*="badge"].min-height-three-fifths,
[class*="pile"].min-height-three-fifths,
[class*="input"].min-height-three-fifths,
[class*="table"].min-height-three-fifths {
  min-height: calc(60% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-three-fifths-tablet,
    [class*="card"].min-height-three-fifths-tablet,
    [class*="button"].min-height-three-fifths-tablet,
    [class*="badge"].min-height-three-fifths-tablet,
    [class*="pile"].min-height-three-fifths-tablet,
    [class*="input"].min-height-three-fifths-tablet,
    [class*="table"].min-height-three-fifths-tablet {
      min-height: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-three-fifths-tablet-pc,
    [class*="card"].min-height-three-fifths-tablet-pc,
    [class*="button"].min-height-three-fifths-tablet-pc,
    [class*="badge"].min-height-three-fifths-tablet-pc,
    [class*="pile"].min-height-three-fifths-tablet-pc,
    [class*="input"].min-height-three-fifths-tablet-pc,
    [class*="table"].min-height-three-fifths-tablet-pc {
      min-height: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-three-fifths-tablet-pc,
    [class*="card"].min-height-three-fifths-tablet-pc,
    [class*="button"].min-height-three-fifths-tablet-pc,
    [class*="badge"].min-height-three-fifths-tablet-pc,
    [class*="pile"].min-height-three-fifths-tablet-pc,
    [class*="input"].min-height-three-fifths-tablet-pc,
    [class*="table"].min-height-three-fifths-tablet-pc {
      min-height: calc(60% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-three-fifths-pc,
    [class*="card"].min-height-three-fifths-pc,
    [class*="button"].min-height-three-fifths-pc,
    [class*="badge"].min-height-three-fifths-pc,
    [class*="pile"].min-height-three-fifths-pc,
    [class*="input"].min-height-three-fifths-pc,
    [class*="table"].min-height-three-fifths-pc {
      min-height: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-three-fifths-ultrawide,
    [class*="card"].min-height-three-fifths-ultrawide,
    [class*="button"].min-height-three-fifths-ultrawide,
    [class*="badge"].min-height-three-fifths-ultrawide,
    [class*="pile"].min-height-three-fifths-ultrawide,
    [class*="input"].min-height-three-fifths-ultrawide,
    [class*="table"].min-height-three-fifths-ultrawide {
      min-height: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-three-fifths-super-ultrawide,
    [class*="card"].min-height-three-fifths-super-ultrawide,
    [class*="button"].min-height-three-fifths-super-ultrawide,
    [class*="badge"].min-height-three-fifths-super-ultrawide,
    [class*="pile"].min-height-three-fifths-super-ultrawide,
    [class*="input"].min-height-three-fifths-super-ultrawide,
    [class*="table"].min-height-three-fifths-super-ultrawide {
      min-height: calc(60% - (8px*2)); } }

[class*="bubble"].min-height-half,
[class*="card"].min-height-half,
[class*="button"].min-height-half,
[class*="badge"].min-height-half,
[class*="pile"].min-height-half,
[class*="input"].min-height-half,
[class*="table"].min-height-half {
  min-height: calc(50% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-half-tablet,
    [class*="card"].min-height-half-tablet,
    [class*="button"].min-height-half-tablet,
    [class*="badge"].min-height-half-tablet,
    [class*="pile"].min-height-half-tablet,
    [class*="input"].min-height-half-tablet,
    [class*="table"].min-height-half-tablet {
      min-height: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-half-tablet-pc,
    [class*="card"].min-height-half-tablet-pc,
    [class*="button"].min-height-half-tablet-pc,
    [class*="badge"].min-height-half-tablet-pc,
    [class*="pile"].min-height-half-tablet-pc,
    [class*="input"].min-height-half-tablet-pc,
    [class*="table"].min-height-half-tablet-pc {
      min-height: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-half-tablet-pc,
    [class*="card"].min-height-half-tablet-pc,
    [class*="button"].min-height-half-tablet-pc,
    [class*="badge"].min-height-half-tablet-pc,
    [class*="pile"].min-height-half-tablet-pc,
    [class*="input"].min-height-half-tablet-pc,
    [class*="table"].min-height-half-tablet-pc {
      min-height: calc(50% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-half-pc,
    [class*="card"].min-height-half-pc,
    [class*="button"].min-height-half-pc,
    [class*="badge"].min-height-half-pc,
    [class*="pile"].min-height-half-pc,
    [class*="input"].min-height-half-pc,
    [class*="table"].min-height-half-pc {
      min-height: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-half-ultrawide,
    [class*="card"].min-height-half-ultrawide,
    [class*="button"].min-height-half-ultrawide,
    [class*="badge"].min-height-half-ultrawide,
    [class*="pile"].min-height-half-ultrawide,
    [class*="input"].min-height-half-ultrawide,
    [class*="table"].min-height-half-ultrawide {
      min-height: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-half-super-ultrawide,
    [class*="card"].min-height-half-super-ultrawide,
    [class*="button"].min-height-half-super-ultrawide,
    [class*="badge"].min-height-half-super-ultrawide,
    [class*="pile"].min-height-half-super-ultrawide,
    [class*="input"].min-height-half-super-ultrawide,
    [class*="table"].min-height-half-super-ultrawide {
      min-height: calc(50% - (8px*2)); } }

[class*="bubble"].min-height-three-sixths,
[class*="card"].min-height-three-sixths,
[class*="button"].min-height-three-sixths,
[class*="badge"].min-height-three-sixths,
[class*="pile"].min-height-three-sixths,
[class*="input"].min-height-three-sixths,
[class*="table"].min-height-three-sixths {
  min-height: calc(((100% / 6) * 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-three-sixths-tablet,
    [class*="card"].min-height-three-sixths-tablet,
    [class*="button"].min-height-three-sixths-tablet,
    [class*="badge"].min-height-three-sixths-tablet,
    [class*="pile"].min-height-three-sixths-tablet,
    [class*="input"].min-height-three-sixths-tablet,
    [class*="table"].min-height-three-sixths-tablet {
      min-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-three-sixths-tablet-pc,
    [class*="card"].min-height-three-sixths-tablet-pc,
    [class*="button"].min-height-three-sixths-tablet-pc,
    [class*="badge"].min-height-three-sixths-tablet-pc,
    [class*="pile"].min-height-three-sixths-tablet-pc,
    [class*="input"].min-height-three-sixths-tablet-pc,
    [class*="table"].min-height-three-sixths-tablet-pc {
      min-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-three-sixths-tablet-pc,
    [class*="card"].min-height-three-sixths-tablet-pc,
    [class*="button"].min-height-three-sixths-tablet-pc,
    [class*="badge"].min-height-three-sixths-tablet-pc,
    [class*="pile"].min-height-three-sixths-tablet-pc,
    [class*="input"].min-height-three-sixths-tablet-pc,
    [class*="table"].min-height-three-sixths-tablet-pc {
      min-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-three-sixths-pc,
    [class*="card"].min-height-three-sixths-pc,
    [class*="button"].min-height-three-sixths-pc,
    [class*="badge"].min-height-three-sixths-pc,
    [class*="pile"].min-height-three-sixths-pc,
    [class*="input"].min-height-three-sixths-pc,
    [class*="table"].min-height-three-sixths-pc {
      min-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-three-sixths-ultrawide,
    [class*="card"].min-height-three-sixths-ultrawide,
    [class*="button"].min-height-three-sixths-ultrawide,
    [class*="badge"].min-height-three-sixths-ultrawide,
    [class*="pile"].min-height-three-sixths-ultrawide,
    [class*="input"].min-height-three-sixths-ultrawide,
    [class*="table"].min-height-three-sixths-ultrawide {
      min-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-three-sixths-super-ultrawide,
    [class*="card"].min-height-three-sixths-super-ultrawide,
    [class*="button"].min-height-three-sixths-super-ultrawide,
    [class*="badge"].min-height-three-sixths-super-ultrawide,
    [class*="pile"].min-height-three-sixths-super-ultrawide,
    [class*="input"].min-height-three-sixths-super-ultrawide,
    [class*="table"].min-height-three-sixths-super-ultrawide {
      min-height: calc(((100% / 6) * 3) - (8px*2)); } }

[class*="bubble"].min-height-two-fifths,
[class*="card"].min-height-two-fifths,
[class*="button"].min-height-two-fifths,
[class*="badge"].min-height-two-fifths,
[class*="pile"].min-height-two-fifths,
[class*="input"].min-height-two-fifths,
[class*="table"].min-height-two-fifths {
  min-height: calc(40% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-two-fifths-tablet,
    [class*="card"].min-height-two-fifths-tablet,
    [class*="button"].min-height-two-fifths-tablet,
    [class*="badge"].min-height-two-fifths-tablet,
    [class*="pile"].min-height-two-fifths-tablet,
    [class*="input"].min-height-two-fifths-tablet,
    [class*="table"].min-height-two-fifths-tablet {
      min-height: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-two-fifths-tablet-pc,
    [class*="card"].min-height-two-fifths-tablet-pc,
    [class*="button"].min-height-two-fifths-tablet-pc,
    [class*="badge"].min-height-two-fifths-tablet-pc,
    [class*="pile"].min-height-two-fifths-tablet-pc,
    [class*="input"].min-height-two-fifths-tablet-pc,
    [class*="table"].min-height-two-fifths-tablet-pc {
      min-height: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-two-fifths-tablet-pc,
    [class*="card"].min-height-two-fifths-tablet-pc,
    [class*="button"].min-height-two-fifths-tablet-pc,
    [class*="badge"].min-height-two-fifths-tablet-pc,
    [class*="pile"].min-height-two-fifths-tablet-pc,
    [class*="input"].min-height-two-fifths-tablet-pc,
    [class*="table"].min-height-two-fifths-tablet-pc {
      min-height: calc(40% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-two-fifths-pc,
    [class*="card"].min-height-two-fifths-pc,
    [class*="button"].min-height-two-fifths-pc,
    [class*="badge"].min-height-two-fifths-pc,
    [class*="pile"].min-height-two-fifths-pc,
    [class*="input"].min-height-two-fifths-pc,
    [class*="table"].min-height-two-fifths-pc {
      min-height: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-two-fifths-ultrawide,
    [class*="card"].min-height-two-fifths-ultrawide,
    [class*="button"].min-height-two-fifths-ultrawide,
    [class*="badge"].min-height-two-fifths-ultrawide,
    [class*="pile"].min-height-two-fifths-ultrawide,
    [class*="input"].min-height-two-fifths-ultrawide,
    [class*="table"].min-height-two-fifths-ultrawide {
      min-height: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-two-fifths-super-ultrawide,
    [class*="card"].min-height-two-fifths-super-ultrawide,
    [class*="button"].min-height-two-fifths-super-ultrawide,
    [class*="badge"].min-height-two-fifths-super-ultrawide,
    [class*="pile"].min-height-two-fifths-super-ultrawide,
    [class*="input"].min-height-two-fifths-super-ultrawide,
    [class*="table"].min-height-two-fifths-super-ultrawide {
      min-height: calc(40% - (8px*2)); } }

[class*="bubble"].min-height-three-eighths,
[class*="card"].min-height-three-eighths,
[class*="button"].min-height-three-eighths,
[class*="badge"].min-height-three-eighths,
[class*="pile"].min-height-three-eighths,
[class*="input"].min-height-three-eighths,
[class*="table"].min-height-three-eighths {
  min-height: calc(37.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-three-eighths-tablet,
    [class*="card"].min-height-three-eighths-tablet,
    [class*="button"].min-height-three-eighths-tablet,
    [class*="badge"].min-height-three-eighths-tablet,
    [class*="pile"].min-height-three-eighths-tablet,
    [class*="input"].min-height-three-eighths-tablet,
    [class*="table"].min-height-three-eighths-tablet {
      min-height: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-three-eighths-tablet-pc,
    [class*="card"].min-height-three-eighths-tablet-pc,
    [class*="button"].min-height-three-eighths-tablet-pc,
    [class*="badge"].min-height-three-eighths-tablet-pc,
    [class*="pile"].min-height-three-eighths-tablet-pc,
    [class*="input"].min-height-three-eighths-tablet-pc,
    [class*="table"].min-height-three-eighths-tablet-pc {
      min-height: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-three-eighths-tablet-pc,
    [class*="card"].min-height-three-eighths-tablet-pc,
    [class*="button"].min-height-three-eighths-tablet-pc,
    [class*="badge"].min-height-three-eighths-tablet-pc,
    [class*="pile"].min-height-three-eighths-tablet-pc,
    [class*="input"].min-height-three-eighths-tablet-pc,
    [class*="table"].min-height-three-eighths-tablet-pc {
      min-height: calc(37.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-three-eighths-pc,
    [class*="card"].min-height-three-eighths-pc,
    [class*="button"].min-height-three-eighths-pc,
    [class*="badge"].min-height-three-eighths-pc,
    [class*="pile"].min-height-three-eighths-pc,
    [class*="input"].min-height-three-eighths-pc,
    [class*="table"].min-height-three-eighths-pc {
      min-height: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-three-eighths-ultrawide,
    [class*="card"].min-height-three-eighths-ultrawide,
    [class*="button"].min-height-three-eighths-ultrawide,
    [class*="badge"].min-height-three-eighths-ultrawide,
    [class*="pile"].min-height-three-eighths-ultrawide,
    [class*="input"].min-height-three-eighths-ultrawide,
    [class*="table"].min-height-three-eighths-ultrawide {
      min-height: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-three-eighths-super-ultrawide,
    [class*="card"].min-height-three-eighths-super-ultrawide,
    [class*="button"].min-height-three-eighths-super-ultrawide,
    [class*="badge"].min-height-three-eighths-super-ultrawide,
    [class*="pile"].min-height-three-eighths-super-ultrawide,
    [class*="input"].min-height-three-eighths-super-ultrawide,
    [class*="table"].min-height-three-eighths-super-ultrawide {
      min-height: calc(37.5% - (8px*2)); } }

[class*="bubble"].min-height-third,
[class*="card"].min-height-third,
[class*="button"].min-height-third,
[class*="badge"].min-height-third,
[class*="pile"].min-height-third,
[class*="input"].min-height-third,
[class*="table"].min-height-third {
  min-height: calc((100% / 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-third-tablet,
    [class*="card"].min-height-third-tablet,
    [class*="button"].min-height-third-tablet,
    [class*="badge"].min-height-third-tablet,
    [class*="pile"].min-height-third-tablet,
    [class*="input"].min-height-third-tablet,
    [class*="table"].min-height-third-tablet {
      min-height: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-third-tablet-pc,
    [class*="card"].min-height-third-tablet-pc,
    [class*="button"].min-height-third-tablet-pc,
    [class*="badge"].min-height-third-tablet-pc,
    [class*="pile"].min-height-third-tablet-pc,
    [class*="input"].min-height-third-tablet-pc,
    [class*="table"].min-height-third-tablet-pc {
      min-height: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-third-tablet-pc,
    [class*="card"].min-height-third-tablet-pc,
    [class*="button"].min-height-third-tablet-pc,
    [class*="badge"].min-height-third-tablet-pc,
    [class*="pile"].min-height-third-tablet-pc,
    [class*="input"].min-height-third-tablet-pc,
    [class*="table"].min-height-third-tablet-pc {
      min-height: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-third-pc,
    [class*="card"].min-height-third-pc,
    [class*="button"].min-height-third-pc,
    [class*="badge"].min-height-third-pc,
    [class*="pile"].min-height-third-pc,
    [class*="input"].min-height-third-pc,
    [class*="table"].min-height-third-pc {
      min-height: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-third-ultrawide,
    [class*="card"].min-height-third-ultrawide,
    [class*="button"].min-height-third-ultrawide,
    [class*="badge"].min-height-third-ultrawide,
    [class*="pile"].min-height-third-ultrawide,
    [class*="input"].min-height-third-ultrawide,
    [class*="table"].min-height-third-ultrawide {
      min-height: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-third-super-ultrawide,
    [class*="card"].min-height-third-super-ultrawide,
    [class*="button"].min-height-third-super-ultrawide,
    [class*="badge"].min-height-third-super-ultrawide,
    [class*="pile"].min-height-third-super-ultrawide,
    [class*="input"].min-height-third-super-ultrawide,
    [class*="table"].min-height-third-super-ultrawide {
      min-height: calc((100% / 3) - (8px*2)); } }

[class*="bubble"].min-height-quater,
[class*="card"].min-height-quater,
[class*="button"].min-height-quater,
[class*="badge"].min-height-quater,
[class*="pile"].min-height-quater,
[class*="input"].min-height-quater,
[class*="table"].min-height-quater {
  min-height: calc(25% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-quater-tablet,
    [class*="card"].min-height-quater-tablet,
    [class*="button"].min-height-quater-tablet,
    [class*="badge"].min-height-quater-tablet,
    [class*="pile"].min-height-quater-tablet,
    [class*="input"].min-height-quater-tablet,
    [class*="table"].min-height-quater-tablet {
      min-height: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-quater-tablet-pc,
    [class*="card"].min-height-quater-tablet-pc,
    [class*="button"].min-height-quater-tablet-pc,
    [class*="badge"].min-height-quater-tablet-pc,
    [class*="pile"].min-height-quater-tablet-pc,
    [class*="input"].min-height-quater-tablet-pc,
    [class*="table"].min-height-quater-tablet-pc {
      min-height: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-quater-tablet-pc,
    [class*="card"].min-height-quater-tablet-pc,
    [class*="button"].min-height-quater-tablet-pc,
    [class*="badge"].min-height-quater-tablet-pc,
    [class*="pile"].min-height-quater-tablet-pc,
    [class*="input"].min-height-quater-tablet-pc,
    [class*="table"].min-height-quater-tablet-pc {
      min-height: calc(25% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-quater-pc,
    [class*="card"].min-height-quater-pc,
    [class*="button"].min-height-quater-pc,
    [class*="badge"].min-height-quater-pc,
    [class*="pile"].min-height-quater-pc,
    [class*="input"].min-height-quater-pc,
    [class*="table"].min-height-quater-pc {
      min-height: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-quater-ultrawide,
    [class*="card"].min-height-quater-ultrawide,
    [class*="button"].min-height-quater-ultrawide,
    [class*="badge"].min-height-quater-ultrawide,
    [class*="pile"].min-height-quater-ultrawide,
    [class*="input"].min-height-quater-ultrawide,
    [class*="table"].min-height-quater-ultrawide {
      min-height: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-quater-super-ultrawide,
    [class*="card"].min-height-quater-super-ultrawide,
    [class*="button"].min-height-quater-super-ultrawide,
    [class*="badge"].min-height-quater-super-ultrawide,
    [class*="pile"].min-height-quater-super-ultrawide,
    [class*="input"].min-height-quater-super-ultrawide,
    [class*="table"].min-height-quater-super-ultrawide {
      min-height: calc(25% - (8px*2)); } }

[class*="bubble"].min-height-fifth,
[class*="card"].min-height-fifth,
[class*="button"].min-height-fifth,
[class*="badge"].min-height-fifth,
[class*="pile"].min-height-fifth,
[class*="input"].min-height-fifth,
[class*="table"].min-height-fifth {
  min-height: calc(20% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-fifth-tablet,
    [class*="card"].min-height-fifth-tablet,
    [class*="button"].min-height-fifth-tablet,
    [class*="badge"].min-height-fifth-tablet,
    [class*="pile"].min-height-fifth-tablet,
    [class*="input"].min-height-fifth-tablet,
    [class*="table"].min-height-fifth-tablet {
      min-height: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-fifth-tablet-pc,
    [class*="card"].min-height-fifth-tablet-pc,
    [class*="button"].min-height-fifth-tablet-pc,
    [class*="badge"].min-height-fifth-tablet-pc,
    [class*="pile"].min-height-fifth-tablet-pc,
    [class*="input"].min-height-fifth-tablet-pc,
    [class*="table"].min-height-fifth-tablet-pc {
      min-height: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-fifth-tablet-pc,
    [class*="card"].min-height-fifth-tablet-pc,
    [class*="button"].min-height-fifth-tablet-pc,
    [class*="badge"].min-height-fifth-tablet-pc,
    [class*="pile"].min-height-fifth-tablet-pc,
    [class*="input"].min-height-fifth-tablet-pc,
    [class*="table"].min-height-fifth-tablet-pc {
      min-height: calc(20% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-fifth-pc,
    [class*="card"].min-height-fifth-pc,
    [class*="button"].min-height-fifth-pc,
    [class*="badge"].min-height-fifth-pc,
    [class*="pile"].min-height-fifth-pc,
    [class*="input"].min-height-fifth-pc,
    [class*="table"].min-height-fifth-pc {
      min-height: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-fifth-ultrawide,
    [class*="card"].min-height-fifth-ultrawide,
    [class*="button"].min-height-fifth-ultrawide,
    [class*="badge"].min-height-fifth-ultrawide,
    [class*="pile"].min-height-fifth-ultrawide,
    [class*="input"].min-height-fifth-ultrawide,
    [class*="table"].min-height-fifth-ultrawide {
      min-height: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-fifth-super-ultrawide,
    [class*="card"].min-height-fifth-super-ultrawide,
    [class*="button"].min-height-fifth-super-ultrawide,
    [class*="badge"].min-height-fifth-super-ultrawide,
    [class*="pile"].min-height-fifth-super-ultrawide,
    [class*="input"].min-height-fifth-super-ultrawide,
    [class*="table"].min-height-fifth-super-ultrawide {
      min-height: calc(20% - (8px*2)); } }

[class*="bubble"].min-height-sixth,
[class*="card"].min-height-sixth,
[class*="button"].min-height-sixth,
[class*="badge"].min-height-sixth,
[class*="pile"].min-height-sixth,
[class*="input"].min-height-sixth,
[class*="table"].min-height-sixth {
  min-height: calc((100% / 6) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-sixth-tablet,
    [class*="card"].min-height-sixth-tablet,
    [class*="button"].min-height-sixth-tablet,
    [class*="badge"].min-height-sixth-tablet,
    [class*="pile"].min-height-sixth-tablet,
    [class*="input"].min-height-sixth-tablet,
    [class*="table"].min-height-sixth-tablet {
      min-height: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-sixth-tablet-pc,
    [class*="card"].min-height-sixth-tablet-pc,
    [class*="button"].min-height-sixth-tablet-pc,
    [class*="badge"].min-height-sixth-tablet-pc,
    [class*="pile"].min-height-sixth-tablet-pc,
    [class*="input"].min-height-sixth-tablet-pc,
    [class*="table"].min-height-sixth-tablet-pc {
      min-height: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-sixth-tablet-pc,
    [class*="card"].min-height-sixth-tablet-pc,
    [class*="button"].min-height-sixth-tablet-pc,
    [class*="badge"].min-height-sixth-tablet-pc,
    [class*="pile"].min-height-sixth-tablet-pc,
    [class*="input"].min-height-sixth-tablet-pc,
    [class*="table"].min-height-sixth-tablet-pc {
      min-height: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-sixth-pc,
    [class*="card"].min-height-sixth-pc,
    [class*="button"].min-height-sixth-pc,
    [class*="badge"].min-height-sixth-pc,
    [class*="pile"].min-height-sixth-pc,
    [class*="input"].min-height-sixth-pc,
    [class*="table"].min-height-sixth-pc {
      min-height: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-sixth-ultrawide,
    [class*="card"].min-height-sixth-ultrawide,
    [class*="button"].min-height-sixth-ultrawide,
    [class*="badge"].min-height-sixth-ultrawide,
    [class*="pile"].min-height-sixth-ultrawide,
    [class*="input"].min-height-sixth-ultrawide,
    [class*="table"].min-height-sixth-ultrawide {
      min-height: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-sixth-super-ultrawide,
    [class*="card"].min-height-sixth-super-ultrawide,
    [class*="button"].min-height-sixth-super-ultrawide,
    [class*="badge"].min-height-sixth-super-ultrawide,
    [class*="pile"].min-height-sixth-super-ultrawide,
    [class*="input"].min-height-sixth-super-ultrawide,
    [class*="table"].min-height-sixth-super-ultrawide {
      min-height: calc((100% / 6) - (8px*2)); } }

[class*="bubble"].min-height-eighth,
[class*="card"].min-height-eighth,
[class*="button"].min-height-eighth,
[class*="badge"].min-height-eighth,
[class*="pile"].min-height-eighth,
[class*="input"].min-height-eighth,
[class*="table"].min-height-eighth {
  min-height: calc(12.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].min-height-eighth-tablet,
    [class*="card"].min-height-eighth-tablet,
    [class*="button"].min-height-eighth-tablet,
    [class*="badge"].min-height-eighth-tablet,
    [class*="pile"].min-height-eighth-tablet,
    [class*="input"].min-height-eighth-tablet,
    [class*="table"].min-height-eighth-tablet {
      min-height: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].min-height-eighth-tablet-pc,
    [class*="card"].min-height-eighth-tablet-pc,
    [class*="button"].min-height-eighth-tablet-pc,
    [class*="badge"].min-height-eighth-tablet-pc,
    [class*="pile"].min-height-eighth-tablet-pc,
    [class*="input"].min-height-eighth-tablet-pc,
    [class*="table"].min-height-eighth-tablet-pc {
      min-height: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].min-height-eighth-tablet-pc,
    [class*="card"].min-height-eighth-tablet-pc,
    [class*="button"].min-height-eighth-tablet-pc,
    [class*="badge"].min-height-eighth-tablet-pc,
    [class*="pile"].min-height-eighth-tablet-pc,
    [class*="input"].min-height-eighth-tablet-pc,
    [class*="table"].min-height-eighth-tablet-pc {
      min-height: calc(12.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].min-height-eighth-pc,
    [class*="card"].min-height-eighth-pc,
    [class*="button"].min-height-eighth-pc,
    [class*="badge"].min-height-eighth-pc,
    [class*="pile"].min-height-eighth-pc,
    [class*="input"].min-height-eighth-pc,
    [class*="table"].min-height-eighth-pc {
      min-height: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-eighth-ultrawide,
    [class*="card"].min-height-eighth-ultrawide,
    [class*="button"].min-height-eighth-ultrawide,
    [class*="badge"].min-height-eighth-ultrawide,
    [class*="pile"].min-height-eighth-ultrawide,
    [class*="input"].min-height-eighth-ultrawide,
    [class*="table"].min-height-eighth-ultrawide {
      min-height: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].min-height-eighth-super-ultrawide,
    [class*="card"].min-height-eighth-super-ultrawide,
    [class*="button"].min-height-eighth-super-ultrawide,
    [class*="badge"].min-height-eighth-super-ultrawide,
    [class*="pile"].min-height-eighth-super-ultrawide,
    [class*="input"].min-height-eighth-super-ultrawide,
    [class*="table"].min-height-eighth-super-ultrawide {
      min-height: calc(12.5% - (8px*2)); } }

.height {
  height: 96px; }
  @media (min-width: 600px) {
    .height-tablet {
      height: 96px; } }
  @media (min-width: 1024px) {
    .height-tablet-pc {
      height: 96px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .height-tablet-pc {
      height: 96px; } }
  @media (min-width: 1440px) {
    .height-pc {
      height: 96px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .height-ultrawide {
      height: 96px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .height-super-ultrawide {
      height: 96px; } }
  .height-xxs {
    height: 32px; }
    @media (min-width: 600px) {
      .height-xxs-tablet {
        height: 32px; } }
    @media (min-width: 1024px) {
      .height-xxs-tablet-pc {
        height: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-xxs-tablet-pc {
        height: 32px; } }
    @media (min-width: 1440px) {
      .height-xxs-pc {
        height: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-xxs-ultrawide {
        height: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-xxs-super-ultrawide {
        height: 32px; } }
  .height-xs {
    height: 48px; }
    @media (min-width: 600px) {
      .height-xs-tablet {
        height: 48px; } }
    @media (min-width: 1024px) {
      .height-xs-tablet-pc {
        height: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-xs-tablet-pc {
        height: 48px; } }
    @media (min-width: 1440px) {
      .height-xs-pc {
        height: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-xs-ultrawide {
        height: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-xs-super-ultrawide {
        height: 48px; } }
  .height-sm {
    height: 64px; }
    @media (min-width: 600px) {
      .height-sm-tablet {
        height: 64px; } }
    @media (min-width: 1024px) {
      .height-sm-tablet-pc {
        height: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-sm-tablet-pc {
        height: 64px; } }
    @media (min-width: 1440px) {
      .height-sm-pc {
        height: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-sm-ultrawide {
        height: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-sm-super-ultrawide {
        height: 64px; } }
  .height-md {
    height: 96px; }
    @media (min-width: 600px) {
      .height-md-tablet {
        height: 96px; } }
    @media (min-width: 1024px) {
      .height-md-tablet-pc {
        height: 96px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-md-tablet-pc {
        height: 96px; } }
    @media (min-width: 1440px) {
      .height-md-pc {
        height: 96px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-md-ultrawide {
        height: 96px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-md-super-ultrawide {
        height: 96px; } }
  .height-lg {
    height: 128px; }
    @media (min-width: 600px) {
      .height-lg-tablet {
        height: 128px; } }
    @media (min-width: 1024px) {
      .height-lg-tablet-pc {
        height: 128px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-lg-tablet-pc {
        height: 128px; } }
    @media (min-width: 1440px) {
      .height-lg-pc {
        height: 128px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-lg-ultrawide {
        height: 128px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-lg-super-ultrawide {
        height: 128px; } }
  .height-xl {
    height: 192px; }
    @media (min-width: 600px) {
      .height-xl-tablet {
        height: 192px; } }
    @media (min-width: 1024px) {
      .height-xl-tablet-pc {
        height: 192px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-xl-tablet-pc {
        height: 192px; } }
    @media (min-width: 1440px) {
      .height-xl-pc {
        height: 192px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-xl-ultrawide {
        height: 192px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-xl-super-ultrawide {
        height: 192px; } }
  .height-xxl {
    height: 256px; }
    @media (min-width: 600px) {
      .height-xxl-tablet {
        height: 256px; } }
    @media (min-width: 1024px) {
      .height-xxl-tablet-pc {
        height: 256px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-xxl-tablet-pc {
        height: 256px; } }
    @media (min-width: 1440px) {
      .height-xxl-pc {
        height: 256px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-xxl-ultrawide {
        height: 256px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-xxl-super-ultrawide {
        height: 256px; } }
  .height-full {
    height: calc(100%); }
    @media (min-width: 600px) {
      .height-full-tablet {
        height: calc(100%); } }
    @media (min-width: 1024px) {
      .height-full-tablet-pc {
        height: calc(100%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-full-tablet-pc {
        height: calc(100%); } }
    @media (min-width: 1440px) {
      .height-full-pc {
        height: calc(100%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-full-ultrawide {
        height: calc(100%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-full-super-ultrawide {
        height: calc(100%); } }
  .height-seven-eighths {
    height: calc(87.5%); }
    @media (min-width: 600px) {
      .height-seven-eighths-tablet {
        height: calc(87.5%); } }
    @media (min-width: 1024px) {
      .height-seven-eighths-tablet-pc {
        height: calc(87.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-seven-eighths-tablet-pc {
        height: calc(87.5%); } }
    @media (min-width: 1440px) {
      .height-seven-eighths-pc {
        height: calc(87.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-seven-eighths-ultrawide {
        height: calc(87.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-seven-eighths-super-ultrawide {
        height: calc(87.5%); } }
  .height-five-sixths {
    height: calc(((100% / 6) * 5)); }
    @media (min-width: 600px) {
      .height-five-sixths-tablet {
        height: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) {
      .height-five-sixths-tablet-pc {
        height: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-five-sixths-tablet-pc {
        height: calc(((100% / 6) * 5)); } }
    @media (min-width: 1440px) {
      .height-five-sixths-pc {
        height: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-five-sixths-ultrawide {
        height: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-five-sixths-super-ultrawide {
        height: calc(((100% / 6) * 5)); } }
  .height-four-fifths {
    height: calc(80%); }
    @media (min-width: 600px) {
      .height-four-fifths-tablet {
        height: calc(80%); } }
    @media (min-width: 1024px) {
      .height-four-fifths-tablet-pc {
        height: calc(80%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-four-fifths-tablet-pc {
        height: calc(80%); } }
    @media (min-width: 1440px) {
      .height-four-fifths-pc {
        height: calc(80%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-four-fifths-ultrawide {
        height: calc(80%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-four-fifths-super-ultrawide {
        height: calc(80%); } }
  .height-three-quaters {
    height: calc(75%); }
    @media (min-width: 600px) {
      .height-three-quaters-tablet {
        height: calc(75%); } }
    @media (min-width: 1024px) {
      .height-three-quaters-tablet-pc {
        height: calc(75%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-three-quaters-tablet-pc {
        height: calc(75%); } }
    @media (min-width: 1440px) {
      .height-three-quaters-pc {
        height: calc(75%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-three-quaters-ultrawide {
        height: calc(75%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-three-quaters-super-ultrawide {
        height: calc(75%); } }
  .height-two-thirds {
    height: calc(66%); }
    @media (min-width: 600px) {
      .height-two-thirds-tablet {
        height: calc(66%); } }
    @media (min-width: 1024px) {
      .height-two-thirds-tablet-pc {
        height: calc(66%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-two-thirds-tablet-pc {
        height: calc(66%); } }
    @media (min-width: 1440px) {
      .height-two-thirds-pc {
        height: calc(66%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-two-thirds-ultrawide {
        height: calc(66%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-two-thirds-super-ultrawide {
        height: calc(66%); } }
  .height-five-eighths {
    height: calc(62.5%); }
    @media (min-width: 600px) {
      .height-five-eighths-tablet {
        height: calc(62.5%); } }
    @media (min-width: 1024px) {
      .height-five-eighths-tablet-pc {
        height: calc(62.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-five-eighths-tablet-pc {
        height: calc(62.5%); } }
    @media (min-width: 1440px) {
      .height-five-eighths-pc {
        height: calc(62.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-five-eighths-ultrawide {
        height: calc(62.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-five-eighths-super-ultrawide {
        height: calc(62.5%); } }
  .height-three-fifths {
    height: calc(60%); }
    @media (min-width: 600px) {
      .height-three-fifths-tablet {
        height: calc(60%); } }
    @media (min-width: 1024px) {
      .height-three-fifths-tablet-pc {
        height: calc(60%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-three-fifths-tablet-pc {
        height: calc(60%); } }
    @media (min-width: 1440px) {
      .height-three-fifths-pc {
        height: calc(60%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-three-fifths-ultrawide {
        height: calc(60%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-three-fifths-super-ultrawide {
        height: calc(60%); } }
  .height-half {
    height: calc(50%); }
    @media (min-width: 600px) {
      .height-half-tablet {
        height: calc(50%); } }
    @media (min-width: 1024px) {
      .height-half-tablet-pc {
        height: calc(50%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-half-tablet-pc {
        height: calc(50%); } }
    @media (min-width: 1440px) {
      .height-half-pc {
        height: calc(50%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-half-ultrawide {
        height: calc(50%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-half-super-ultrawide {
        height: calc(50%); } }
  .height-three-sixths {
    height: calc(((100% / 6) * 3)); }
    @media (min-width: 600px) {
      .height-three-sixths-tablet {
        height: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) {
      .height-three-sixths-tablet-pc {
        height: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-three-sixths-tablet-pc {
        height: calc(((100% / 6) * 3)); } }
    @media (min-width: 1440px) {
      .height-three-sixths-pc {
        height: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-three-sixths-ultrawide {
        height: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-three-sixths-super-ultrawide {
        height: calc(((100% / 6) * 3)); } }
  .height-two-fifths {
    height: calc(40%); }
    @media (min-width: 600px) {
      .height-two-fifths-tablet {
        height: calc(40%); } }
    @media (min-width: 1024px) {
      .height-two-fifths-tablet-pc {
        height: calc(40%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-two-fifths-tablet-pc {
        height: calc(40%); } }
    @media (min-width: 1440px) {
      .height-two-fifths-pc {
        height: calc(40%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-two-fifths-ultrawide {
        height: calc(40%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-two-fifths-super-ultrawide {
        height: calc(40%); } }
  .height-three-eighths {
    height: calc(37.5%); }
    @media (min-width: 600px) {
      .height-three-eighths-tablet {
        height: calc(37.5%); } }
    @media (min-width: 1024px) {
      .height-three-eighths-tablet-pc {
        height: calc(37.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-three-eighths-tablet-pc {
        height: calc(37.5%); } }
    @media (min-width: 1440px) {
      .height-three-eighths-pc {
        height: calc(37.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-three-eighths-ultrawide {
        height: calc(37.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-three-eighths-super-ultrawide {
        height: calc(37.5%); } }
  .height-third {
    height: calc((100% / 3)); }
    @media (min-width: 600px) {
      .height-third-tablet {
        height: calc((100% / 3)); } }
    @media (min-width: 1024px) {
      .height-third-tablet-pc {
        height: calc((100% / 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-third-tablet-pc {
        height: calc((100% / 3)); } }
    @media (min-width: 1440px) {
      .height-third-pc {
        height: calc((100% / 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-third-ultrawide {
        height: calc((100% / 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-third-super-ultrawide {
        height: calc((100% / 3)); } }
  .height-quater {
    height: calc(25%); }
    @media (min-width: 600px) {
      .height-quater-tablet {
        height: calc(25%); } }
    @media (min-width: 1024px) {
      .height-quater-tablet-pc {
        height: calc(25%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-quater-tablet-pc {
        height: calc(25%); } }
    @media (min-width: 1440px) {
      .height-quater-pc {
        height: calc(25%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-quater-ultrawide {
        height: calc(25%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-quater-super-ultrawide {
        height: calc(25%); } }
  .height-fifth {
    height: calc(20%); }
    @media (min-width: 600px) {
      .height-fifth-tablet {
        height: calc(20%); } }
    @media (min-width: 1024px) {
      .height-fifth-tablet-pc {
        height: calc(20%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-fifth-tablet-pc {
        height: calc(20%); } }
    @media (min-width: 1440px) {
      .height-fifth-pc {
        height: calc(20%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-fifth-ultrawide {
        height: calc(20%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-fifth-super-ultrawide {
        height: calc(20%); } }
  .height-sixth {
    height: calc((100% / 6)); }
    @media (min-width: 600px) {
      .height-sixth-tablet {
        height: calc((100% / 6)); } }
    @media (min-width: 1024px) {
      .height-sixth-tablet-pc {
        height: calc((100% / 6)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-sixth-tablet-pc {
        height: calc((100% / 6)); } }
    @media (min-width: 1440px) {
      .height-sixth-pc {
        height: calc((100% / 6)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-sixth-ultrawide {
        height: calc((100% / 6)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-sixth-super-ultrawide {
        height: calc((100% / 6)); } }
  .height-eighth {
    height: calc(12.5%); }
    @media (min-width: 600px) {
      .height-eighth-tablet {
        height: calc(12.5%); } }
    @media (min-width: 1024px) {
      .height-eighth-tablet-pc {
        height: calc(12.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .height-eighth-tablet-pc {
        height: calc(12.5%); } }
    @media (min-width: 1440px) {
      .height-eighth-pc {
        height: calc(12.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .height-eighth-ultrawide {
        height: calc(12.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .height-eighth-super-ultrawide {
        height: calc(12.5%); } }

[class*="bubble"].height-full,
[class*="card"].height-full,
[class*="button"].height-full,
[class*="badge"].height-full,
[class*="pile"].height-full,
[class*="input"].height-full,
[class*="table"].height-full {
  height: calc(100% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-full-tablet,
    [class*="card"].height-full-tablet,
    [class*="button"].height-full-tablet,
    [class*="badge"].height-full-tablet,
    [class*="pile"].height-full-tablet,
    [class*="input"].height-full-tablet,
    [class*="table"].height-full-tablet {
      height: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-full-tablet-pc,
    [class*="card"].height-full-tablet-pc,
    [class*="button"].height-full-tablet-pc,
    [class*="badge"].height-full-tablet-pc,
    [class*="pile"].height-full-tablet-pc,
    [class*="input"].height-full-tablet-pc,
    [class*="table"].height-full-tablet-pc {
      height: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-full-tablet-pc,
    [class*="card"].height-full-tablet-pc,
    [class*="button"].height-full-tablet-pc,
    [class*="badge"].height-full-tablet-pc,
    [class*="pile"].height-full-tablet-pc,
    [class*="input"].height-full-tablet-pc,
    [class*="table"].height-full-tablet-pc {
      height: calc(100% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-full-pc,
    [class*="card"].height-full-pc,
    [class*="button"].height-full-pc,
    [class*="badge"].height-full-pc,
    [class*="pile"].height-full-pc,
    [class*="input"].height-full-pc,
    [class*="table"].height-full-pc {
      height: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-full-ultrawide,
    [class*="card"].height-full-ultrawide,
    [class*="button"].height-full-ultrawide,
    [class*="badge"].height-full-ultrawide,
    [class*="pile"].height-full-ultrawide,
    [class*="input"].height-full-ultrawide,
    [class*="table"].height-full-ultrawide {
      height: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-full-super-ultrawide,
    [class*="card"].height-full-super-ultrawide,
    [class*="button"].height-full-super-ultrawide,
    [class*="badge"].height-full-super-ultrawide,
    [class*="pile"].height-full-super-ultrawide,
    [class*="input"].height-full-super-ultrawide,
    [class*="table"].height-full-super-ultrawide {
      height: calc(100% - (8px*2)); } }

[class*="bubble"].height-seven-eighths,
[class*="card"].height-seven-eighths,
[class*="button"].height-seven-eighths,
[class*="badge"].height-seven-eighths,
[class*="pile"].height-seven-eighths,
[class*="input"].height-seven-eighths,
[class*="table"].height-seven-eighths {
  height: calc(87.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-seven-eighths-tablet,
    [class*="card"].height-seven-eighths-tablet,
    [class*="button"].height-seven-eighths-tablet,
    [class*="badge"].height-seven-eighths-tablet,
    [class*="pile"].height-seven-eighths-tablet,
    [class*="input"].height-seven-eighths-tablet,
    [class*="table"].height-seven-eighths-tablet {
      height: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-seven-eighths-tablet-pc,
    [class*="card"].height-seven-eighths-tablet-pc,
    [class*="button"].height-seven-eighths-tablet-pc,
    [class*="badge"].height-seven-eighths-tablet-pc,
    [class*="pile"].height-seven-eighths-tablet-pc,
    [class*="input"].height-seven-eighths-tablet-pc,
    [class*="table"].height-seven-eighths-tablet-pc {
      height: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-seven-eighths-tablet-pc,
    [class*="card"].height-seven-eighths-tablet-pc,
    [class*="button"].height-seven-eighths-tablet-pc,
    [class*="badge"].height-seven-eighths-tablet-pc,
    [class*="pile"].height-seven-eighths-tablet-pc,
    [class*="input"].height-seven-eighths-tablet-pc,
    [class*="table"].height-seven-eighths-tablet-pc {
      height: calc(87.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-seven-eighths-pc,
    [class*="card"].height-seven-eighths-pc,
    [class*="button"].height-seven-eighths-pc,
    [class*="badge"].height-seven-eighths-pc,
    [class*="pile"].height-seven-eighths-pc,
    [class*="input"].height-seven-eighths-pc,
    [class*="table"].height-seven-eighths-pc {
      height: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-seven-eighths-ultrawide,
    [class*="card"].height-seven-eighths-ultrawide,
    [class*="button"].height-seven-eighths-ultrawide,
    [class*="badge"].height-seven-eighths-ultrawide,
    [class*="pile"].height-seven-eighths-ultrawide,
    [class*="input"].height-seven-eighths-ultrawide,
    [class*="table"].height-seven-eighths-ultrawide {
      height: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-seven-eighths-super-ultrawide,
    [class*="card"].height-seven-eighths-super-ultrawide,
    [class*="button"].height-seven-eighths-super-ultrawide,
    [class*="badge"].height-seven-eighths-super-ultrawide,
    [class*="pile"].height-seven-eighths-super-ultrawide,
    [class*="input"].height-seven-eighths-super-ultrawide,
    [class*="table"].height-seven-eighths-super-ultrawide {
      height: calc(87.5% - (8px*2)); } }

[class*="bubble"].height-five-sixths,
[class*="card"].height-five-sixths,
[class*="button"].height-five-sixths,
[class*="badge"].height-five-sixths,
[class*="pile"].height-five-sixths,
[class*="input"].height-five-sixths,
[class*="table"].height-five-sixths {
  height: calc(((100% / 6) * 5) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-five-sixths-tablet,
    [class*="card"].height-five-sixths-tablet,
    [class*="button"].height-five-sixths-tablet,
    [class*="badge"].height-five-sixths-tablet,
    [class*="pile"].height-five-sixths-tablet,
    [class*="input"].height-five-sixths-tablet,
    [class*="table"].height-five-sixths-tablet {
      height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-five-sixths-tablet-pc,
    [class*="card"].height-five-sixths-tablet-pc,
    [class*="button"].height-five-sixths-tablet-pc,
    [class*="badge"].height-five-sixths-tablet-pc,
    [class*="pile"].height-five-sixths-tablet-pc,
    [class*="input"].height-five-sixths-tablet-pc,
    [class*="table"].height-five-sixths-tablet-pc {
      height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-five-sixths-tablet-pc,
    [class*="card"].height-five-sixths-tablet-pc,
    [class*="button"].height-five-sixths-tablet-pc,
    [class*="badge"].height-five-sixths-tablet-pc,
    [class*="pile"].height-five-sixths-tablet-pc,
    [class*="input"].height-five-sixths-tablet-pc,
    [class*="table"].height-five-sixths-tablet-pc {
      height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-five-sixths-pc,
    [class*="card"].height-five-sixths-pc,
    [class*="button"].height-five-sixths-pc,
    [class*="badge"].height-five-sixths-pc,
    [class*="pile"].height-five-sixths-pc,
    [class*="input"].height-five-sixths-pc,
    [class*="table"].height-five-sixths-pc {
      height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-five-sixths-ultrawide,
    [class*="card"].height-five-sixths-ultrawide,
    [class*="button"].height-five-sixths-ultrawide,
    [class*="badge"].height-five-sixths-ultrawide,
    [class*="pile"].height-five-sixths-ultrawide,
    [class*="input"].height-five-sixths-ultrawide,
    [class*="table"].height-five-sixths-ultrawide {
      height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-five-sixths-super-ultrawide,
    [class*="card"].height-five-sixths-super-ultrawide,
    [class*="button"].height-five-sixths-super-ultrawide,
    [class*="badge"].height-five-sixths-super-ultrawide,
    [class*="pile"].height-five-sixths-super-ultrawide,
    [class*="input"].height-five-sixths-super-ultrawide,
    [class*="table"].height-five-sixths-super-ultrawide {
      height: calc(((100% / 6) * 5) - (8px*2)); } }

[class*="bubble"].height-four-fifths,
[class*="card"].height-four-fifths,
[class*="button"].height-four-fifths,
[class*="badge"].height-four-fifths,
[class*="pile"].height-four-fifths,
[class*="input"].height-four-fifths,
[class*="table"].height-four-fifths {
  height: calc(80% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-four-fifths-tablet,
    [class*="card"].height-four-fifths-tablet,
    [class*="button"].height-four-fifths-tablet,
    [class*="badge"].height-four-fifths-tablet,
    [class*="pile"].height-four-fifths-tablet,
    [class*="input"].height-four-fifths-tablet,
    [class*="table"].height-four-fifths-tablet {
      height: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-four-fifths-tablet-pc,
    [class*="card"].height-four-fifths-tablet-pc,
    [class*="button"].height-four-fifths-tablet-pc,
    [class*="badge"].height-four-fifths-tablet-pc,
    [class*="pile"].height-four-fifths-tablet-pc,
    [class*="input"].height-four-fifths-tablet-pc,
    [class*="table"].height-four-fifths-tablet-pc {
      height: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-four-fifths-tablet-pc,
    [class*="card"].height-four-fifths-tablet-pc,
    [class*="button"].height-four-fifths-tablet-pc,
    [class*="badge"].height-four-fifths-tablet-pc,
    [class*="pile"].height-four-fifths-tablet-pc,
    [class*="input"].height-four-fifths-tablet-pc,
    [class*="table"].height-four-fifths-tablet-pc {
      height: calc(80% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-four-fifths-pc,
    [class*="card"].height-four-fifths-pc,
    [class*="button"].height-four-fifths-pc,
    [class*="badge"].height-four-fifths-pc,
    [class*="pile"].height-four-fifths-pc,
    [class*="input"].height-four-fifths-pc,
    [class*="table"].height-four-fifths-pc {
      height: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-four-fifths-ultrawide,
    [class*="card"].height-four-fifths-ultrawide,
    [class*="button"].height-four-fifths-ultrawide,
    [class*="badge"].height-four-fifths-ultrawide,
    [class*="pile"].height-four-fifths-ultrawide,
    [class*="input"].height-four-fifths-ultrawide,
    [class*="table"].height-four-fifths-ultrawide {
      height: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-four-fifths-super-ultrawide,
    [class*="card"].height-four-fifths-super-ultrawide,
    [class*="button"].height-four-fifths-super-ultrawide,
    [class*="badge"].height-four-fifths-super-ultrawide,
    [class*="pile"].height-four-fifths-super-ultrawide,
    [class*="input"].height-four-fifths-super-ultrawide,
    [class*="table"].height-four-fifths-super-ultrawide {
      height: calc(80% - (8px*2)); } }

[class*="bubble"].height-three-quaters,
[class*="card"].height-three-quaters,
[class*="button"].height-three-quaters,
[class*="badge"].height-three-quaters,
[class*="pile"].height-three-quaters,
[class*="input"].height-three-quaters,
[class*="table"].height-three-quaters {
  height: calc(75% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-three-quaters-tablet,
    [class*="card"].height-three-quaters-tablet,
    [class*="button"].height-three-quaters-tablet,
    [class*="badge"].height-three-quaters-tablet,
    [class*="pile"].height-three-quaters-tablet,
    [class*="input"].height-three-quaters-tablet,
    [class*="table"].height-three-quaters-tablet {
      height: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-three-quaters-tablet-pc,
    [class*="card"].height-three-quaters-tablet-pc,
    [class*="button"].height-three-quaters-tablet-pc,
    [class*="badge"].height-three-quaters-tablet-pc,
    [class*="pile"].height-three-quaters-tablet-pc,
    [class*="input"].height-three-quaters-tablet-pc,
    [class*="table"].height-three-quaters-tablet-pc {
      height: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-three-quaters-tablet-pc,
    [class*="card"].height-three-quaters-tablet-pc,
    [class*="button"].height-three-quaters-tablet-pc,
    [class*="badge"].height-three-quaters-tablet-pc,
    [class*="pile"].height-three-quaters-tablet-pc,
    [class*="input"].height-three-quaters-tablet-pc,
    [class*="table"].height-three-quaters-tablet-pc {
      height: calc(75% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-three-quaters-pc,
    [class*="card"].height-three-quaters-pc,
    [class*="button"].height-three-quaters-pc,
    [class*="badge"].height-three-quaters-pc,
    [class*="pile"].height-three-quaters-pc,
    [class*="input"].height-three-quaters-pc,
    [class*="table"].height-three-quaters-pc {
      height: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-three-quaters-ultrawide,
    [class*="card"].height-three-quaters-ultrawide,
    [class*="button"].height-three-quaters-ultrawide,
    [class*="badge"].height-three-quaters-ultrawide,
    [class*="pile"].height-three-quaters-ultrawide,
    [class*="input"].height-three-quaters-ultrawide,
    [class*="table"].height-three-quaters-ultrawide {
      height: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-three-quaters-super-ultrawide,
    [class*="card"].height-three-quaters-super-ultrawide,
    [class*="button"].height-three-quaters-super-ultrawide,
    [class*="badge"].height-three-quaters-super-ultrawide,
    [class*="pile"].height-three-quaters-super-ultrawide,
    [class*="input"].height-three-quaters-super-ultrawide,
    [class*="table"].height-three-quaters-super-ultrawide {
      height: calc(75% - (8px*2)); } }

[class*="bubble"].height-two-thirds,
[class*="card"].height-two-thirds,
[class*="button"].height-two-thirds,
[class*="badge"].height-two-thirds,
[class*="pile"].height-two-thirds,
[class*="input"].height-two-thirds,
[class*="table"].height-two-thirds {
  height: calc(66% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-two-thirds-tablet,
    [class*="card"].height-two-thirds-tablet,
    [class*="button"].height-two-thirds-tablet,
    [class*="badge"].height-two-thirds-tablet,
    [class*="pile"].height-two-thirds-tablet,
    [class*="input"].height-two-thirds-tablet,
    [class*="table"].height-two-thirds-tablet {
      height: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-two-thirds-tablet-pc,
    [class*="card"].height-two-thirds-tablet-pc,
    [class*="button"].height-two-thirds-tablet-pc,
    [class*="badge"].height-two-thirds-tablet-pc,
    [class*="pile"].height-two-thirds-tablet-pc,
    [class*="input"].height-two-thirds-tablet-pc,
    [class*="table"].height-two-thirds-tablet-pc {
      height: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-two-thirds-tablet-pc,
    [class*="card"].height-two-thirds-tablet-pc,
    [class*="button"].height-two-thirds-tablet-pc,
    [class*="badge"].height-two-thirds-tablet-pc,
    [class*="pile"].height-two-thirds-tablet-pc,
    [class*="input"].height-two-thirds-tablet-pc,
    [class*="table"].height-two-thirds-tablet-pc {
      height: calc(66% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-two-thirds-pc,
    [class*="card"].height-two-thirds-pc,
    [class*="button"].height-two-thirds-pc,
    [class*="badge"].height-two-thirds-pc,
    [class*="pile"].height-two-thirds-pc,
    [class*="input"].height-two-thirds-pc,
    [class*="table"].height-two-thirds-pc {
      height: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-two-thirds-ultrawide,
    [class*="card"].height-two-thirds-ultrawide,
    [class*="button"].height-two-thirds-ultrawide,
    [class*="badge"].height-two-thirds-ultrawide,
    [class*="pile"].height-two-thirds-ultrawide,
    [class*="input"].height-two-thirds-ultrawide,
    [class*="table"].height-two-thirds-ultrawide {
      height: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-two-thirds-super-ultrawide,
    [class*="card"].height-two-thirds-super-ultrawide,
    [class*="button"].height-two-thirds-super-ultrawide,
    [class*="badge"].height-two-thirds-super-ultrawide,
    [class*="pile"].height-two-thirds-super-ultrawide,
    [class*="input"].height-two-thirds-super-ultrawide,
    [class*="table"].height-two-thirds-super-ultrawide {
      height: calc(66% - (8px*2)); } }

[class*="bubble"].height-five-eighths,
[class*="card"].height-five-eighths,
[class*="button"].height-five-eighths,
[class*="badge"].height-five-eighths,
[class*="pile"].height-five-eighths,
[class*="input"].height-five-eighths,
[class*="table"].height-five-eighths {
  height: calc(62.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-five-eighths-tablet,
    [class*="card"].height-five-eighths-tablet,
    [class*="button"].height-five-eighths-tablet,
    [class*="badge"].height-five-eighths-tablet,
    [class*="pile"].height-five-eighths-tablet,
    [class*="input"].height-five-eighths-tablet,
    [class*="table"].height-five-eighths-tablet {
      height: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-five-eighths-tablet-pc,
    [class*="card"].height-five-eighths-tablet-pc,
    [class*="button"].height-five-eighths-tablet-pc,
    [class*="badge"].height-five-eighths-tablet-pc,
    [class*="pile"].height-five-eighths-tablet-pc,
    [class*="input"].height-five-eighths-tablet-pc,
    [class*="table"].height-five-eighths-tablet-pc {
      height: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-five-eighths-tablet-pc,
    [class*="card"].height-five-eighths-tablet-pc,
    [class*="button"].height-five-eighths-tablet-pc,
    [class*="badge"].height-five-eighths-tablet-pc,
    [class*="pile"].height-five-eighths-tablet-pc,
    [class*="input"].height-five-eighths-tablet-pc,
    [class*="table"].height-five-eighths-tablet-pc {
      height: calc(62.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-five-eighths-pc,
    [class*="card"].height-five-eighths-pc,
    [class*="button"].height-five-eighths-pc,
    [class*="badge"].height-five-eighths-pc,
    [class*="pile"].height-five-eighths-pc,
    [class*="input"].height-five-eighths-pc,
    [class*="table"].height-five-eighths-pc {
      height: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-five-eighths-ultrawide,
    [class*="card"].height-five-eighths-ultrawide,
    [class*="button"].height-five-eighths-ultrawide,
    [class*="badge"].height-five-eighths-ultrawide,
    [class*="pile"].height-five-eighths-ultrawide,
    [class*="input"].height-five-eighths-ultrawide,
    [class*="table"].height-five-eighths-ultrawide {
      height: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-five-eighths-super-ultrawide,
    [class*="card"].height-five-eighths-super-ultrawide,
    [class*="button"].height-five-eighths-super-ultrawide,
    [class*="badge"].height-five-eighths-super-ultrawide,
    [class*="pile"].height-five-eighths-super-ultrawide,
    [class*="input"].height-five-eighths-super-ultrawide,
    [class*="table"].height-five-eighths-super-ultrawide {
      height: calc(62.5% - (8px*2)); } }

[class*="bubble"].height-three-fifths,
[class*="card"].height-three-fifths,
[class*="button"].height-three-fifths,
[class*="badge"].height-three-fifths,
[class*="pile"].height-three-fifths,
[class*="input"].height-three-fifths,
[class*="table"].height-three-fifths {
  height: calc(60% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-three-fifths-tablet,
    [class*="card"].height-three-fifths-tablet,
    [class*="button"].height-three-fifths-tablet,
    [class*="badge"].height-three-fifths-tablet,
    [class*="pile"].height-three-fifths-tablet,
    [class*="input"].height-three-fifths-tablet,
    [class*="table"].height-three-fifths-tablet {
      height: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-three-fifths-tablet-pc,
    [class*="card"].height-three-fifths-tablet-pc,
    [class*="button"].height-three-fifths-tablet-pc,
    [class*="badge"].height-three-fifths-tablet-pc,
    [class*="pile"].height-three-fifths-tablet-pc,
    [class*="input"].height-three-fifths-tablet-pc,
    [class*="table"].height-three-fifths-tablet-pc {
      height: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-three-fifths-tablet-pc,
    [class*="card"].height-three-fifths-tablet-pc,
    [class*="button"].height-three-fifths-tablet-pc,
    [class*="badge"].height-three-fifths-tablet-pc,
    [class*="pile"].height-three-fifths-tablet-pc,
    [class*="input"].height-three-fifths-tablet-pc,
    [class*="table"].height-three-fifths-tablet-pc {
      height: calc(60% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-three-fifths-pc,
    [class*="card"].height-three-fifths-pc,
    [class*="button"].height-three-fifths-pc,
    [class*="badge"].height-three-fifths-pc,
    [class*="pile"].height-three-fifths-pc,
    [class*="input"].height-three-fifths-pc,
    [class*="table"].height-three-fifths-pc {
      height: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-three-fifths-ultrawide,
    [class*="card"].height-three-fifths-ultrawide,
    [class*="button"].height-three-fifths-ultrawide,
    [class*="badge"].height-three-fifths-ultrawide,
    [class*="pile"].height-three-fifths-ultrawide,
    [class*="input"].height-three-fifths-ultrawide,
    [class*="table"].height-three-fifths-ultrawide {
      height: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-three-fifths-super-ultrawide,
    [class*="card"].height-three-fifths-super-ultrawide,
    [class*="button"].height-three-fifths-super-ultrawide,
    [class*="badge"].height-three-fifths-super-ultrawide,
    [class*="pile"].height-three-fifths-super-ultrawide,
    [class*="input"].height-three-fifths-super-ultrawide,
    [class*="table"].height-three-fifths-super-ultrawide {
      height: calc(60% - (8px*2)); } }

[class*="bubble"].height-half,
[class*="card"].height-half,
[class*="button"].height-half,
[class*="badge"].height-half,
[class*="pile"].height-half,
[class*="input"].height-half,
[class*="table"].height-half {
  height: calc(50% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-half-tablet,
    [class*="card"].height-half-tablet,
    [class*="button"].height-half-tablet,
    [class*="badge"].height-half-tablet,
    [class*="pile"].height-half-tablet,
    [class*="input"].height-half-tablet,
    [class*="table"].height-half-tablet {
      height: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-half-tablet-pc,
    [class*="card"].height-half-tablet-pc,
    [class*="button"].height-half-tablet-pc,
    [class*="badge"].height-half-tablet-pc,
    [class*="pile"].height-half-tablet-pc,
    [class*="input"].height-half-tablet-pc,
    [class*="table"].height-half-tablet-pc {
      height: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-half-tablet-pc,
    [class*="card"].height-half-tablet-pc,
    [class*="button"].height-half-tablet-pc,
    [class*="badge"].height-half-tablet-pc,
    [class*="pile"].height-half-tablet-pc,
    [class*="input"].height-half-tablet-pc,
    [class*="table"].height-half-tablet-pc {
      height: calc(50% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-half-pc,
    [class*="card"].height-half-pc,
    [class*="button"].height-half-pc,
    [class*="badge"].height-half-pc,
    [class*="pile"].height-half-pc,
    [class*="input"].height-half-pc,
    [class*="table"].height-half-pc {
      height: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-half-ultrawide,
    [class*="card"].height-half-ultrawide,
    [class*="button"].height-half-ultrawide,
    [class*="badge"].height-half-ultrawide,
    [class*="pile"].height-half-ultrawide,
    [class*="input"].height-half-ultrawide,
    [class*="table"].height-half-ultrawide {
      height: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-half-super-ultrawide,
    [class*="card"].height-half-super-ultrawide,
    [class*="button"].height-half-super-ultrawide,
    [class*="badge"].height-half-super-ultrawide,
    [class*="pile"].height-half-super-ultrawide,
    [class*="input"].height-half-super-ultrawide,
    [class*="table"].height-half-super-ultrawide {
      height: calc(50% - (8px*2)); } }

[class*="bubble"].height-three-sixths,
[class*="card"].height-three-sixths,
[class*="button"].height-three-sixths,
[class*="badge"].height-three-sixths,
[class*="pile"].height-three-sixths,
[class*="input"].height-three-sixths,
[class*="table"].height-three-sixths {
  height: calc(((100% / 6) * 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-three-sixths-tablet,
    [class*="card"].height-three-sixths-tablet,
    [class*="button"].height-three-sixths-tablet,
    [class*="badge"].height-three-sixths-tablet,
    [class*="pile"].height-three-sixths-tablet,
    [class*="input"].height-three-sixths-tablet,
    [class*="table"].height-three-sixths-tablet {
      height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-three-sixths-tablet-pc,
    [class*="card"].height-three-sixths-tablet-pc,
    [class*="button"].height-three-sixths-tablet-pc,
    [class*="badge"].height-three-sixths-tablet-pc,
    [class*="pile"].height-three-sixths-tablet-pc,
    [class*="input"].height-three-sixths-tablet-pc,
    [class*="table"].height-three-sixths-tablet-pc {
      height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-three-sixths-tablet-pc,
    [class*="card"].height-three-sixths-tablet-pc,
    [class*="button"].height-three-sixths-tablet-pc,
    [class*="badge"].height-three-sixths-tablet-pc,
    [class*="pile"].height-three-sixths-tablet-pc,
    [class*="input"].height-three-sixths-tablet-pc,
    [class*="table"].height-three-sixths-tablet-pc {
      height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-three-sixths-pc,
    [class*="card"].height-three-sixths-pc,
    [class*="button"].height-three-sixths-pc,
    [class*="badge"].height-three-sixths-pc,
    [class*="pile"].height-three-sixths-pc,
    [class*="input"].height-three-sixths-pc,
    [class*="table"].height-three-sixths-pc {
      height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-three-sixths-ultrawide,
    [class*="card"].height-three-sixths-ultrawide,
    [class*="button"].height-three-sixths-ultrawide,
    [class*="badge"].height-three-sixths-ultrawide,
    [class*="pile"].height-three-sixths-ultrawide,
    [class*="input"].height-three-sixths-ultrawide,
    [class*="table"].height-three-sixths-ultrawide {
      height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-three-sixths-super-ultrawide,
    [class*="card"].height-three-sixths-super-ultrawide,
    [class*="button"].height-three-sixths-super-ultrawide,
    [class*="badge"].height-three-sixths-super-ultrawide,
    [class*="pile"].height-three-sixths-super-ultrawide,
    [class*="input"].height-three-sixths-super-ultrawide,
    [class*="table"].height-three-sixths-super-ultrawide {
      height: calc(((100% / 6) * 3) - (8px*2)); } }

[class*="bubble"].height-two-fifths,
[class*="card"].height-two-fifths,
[class*="button"].height-two-fifths,
[class*="badge"].height-two-fifths,
[class*="pile"].height-two-fifths,
[class*="input"].height-two-fifths,
[class*="table"].height-two-fifths {
  height: calc(40% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-two-fifths-tablet,
    [class*="card"].height-two-fifths-tablet,
    [class*="button"].height-two-fifths-tablet,
    [class*="badge"].height-two-fifths-tablet,
    [class*="pile"].height-two-fifths-tablet,
    [class*="input"].height-two-fifths-tablet,
    [class*="table"].height-two-fifths-tablet {
      height: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-two-fifths-tablet-pc,
    [class*="card"].height-two-fifths-tablet-pc,
    [class*="button"].height-two-fifths-tablet-pc,
    [class*="badge"].height-two-fifths-tablet-pc,
    [class*="pile"].height-two-fifths-tablet-pc,
    [class*="input"].height-two-fifths-tablet-pc,
    [class*="table"].height-two-fifths-tablet-pc {
      height: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-two-fifths-tablet-pc,
    [class*="card"].height-two-fifths-tablet-pc,
    [class*="button"].height-two-fifths-tablet-pc,
    [class*="badge"].height-two-fifths-tablet-pc,
    [class*="pile"].height-two-fifths-tablet-pc,
    [class*="input"].height-two-fifths-tablet-pc,
    [class*="table"].height-two-fifths-tablet-pc {
      height: calc(40% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-two-fifths-pc,
    [class*="card"].height-two-fifths-pc,
    [class*="button"].height-two-fifths-pc,
    [class*="badge"].height-two-fifths-pc,
    [class*="pile"].height-two-fifths-pc,
    [class*="input"].height-two-fifths-pc,
    [class*="table"].height-two-fifths-pc {
      height: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-two-fifths-ultrawide,
    [class*="card"].height-two-fifths-ultrawide,
    [class*="button"].height-two-fifths-ultrawide,
    [class*="badge"].height-two-fifths-ultrawide,
    [class*="pile"].height-two-fifths-ultrawide,
    [class*="input"].height-two-fifths-ultrawide,
    [class*="table"].height-two-fifths-ultrawide {
      height: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-two-fifths-super-ultrawide,
    [class*="card"].height-two-fifths-super-ultrawide,
    [class*="button"].height-two-fifths-super-ultrawide,
    [class*="badge"].height-two-fifths-super-ultrawide,
    [class*="pile"].height-two-fifths-super-ultrawide,
    [class*="input"].height-two-fifths-super-ultrawide,
    [class*="table"].height-two-fifths-super-ultrawide {
      height: calc(40% - (8px*2)); } }

[class*="bubble"].height-three-eighths,
[class*="card"].height-three-eighths,
[class*="button"].height-three-eighths,
[class*="badge"].height-three-eighths,
[class*="pile"].height-three-eighths,
[class*="input"].height-three-eighths,
[class*="table"].height-three-eighths {
  height: calc(37.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-three-eighths-tablet,
    [class*="card"].height-three-eighths-tablet,
    [class*="button"].height-three-eighths-tablet,
    [class*="badge"].height-three-eighths-tablet,
    [class*="pile"].height-three-eighths-tablet,
    [class*="input"].height-three-eighths-tablet,
    [class*="table"].height-three-eighths-tablet {
      height: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-three-eighths-tablet-pc,
    [class*="card"].height-three-eighths-tablet-pc,
    [class*="button"].height-three-eighths-tablet-pc,
    [class*="badge"].height-three-eighths-tablet-pc,
    [class*="pile"].height-three-eighths-tablet-pc,
    [class*="input"].height-three-eighths-tablet-pc,
    [class*="table"].height-three-eighths-tablet-pc {
      height: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-three-eighths-tablet-pc,
    [class*="card"].height-three-eighths-tablet-pc,
    [class*="button"].height-three-eighths-tablet-pc,
    [class*="badge"].height-three-eighths-tablet-pc,
    [class*="pile"].height-three-eighths-tablet-pc,
    [class*="input"].height-three-eighths-tablet-pc,
    [class*="table"].height-three-eighths-tablet-pc {
      height: calc(37.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-three-eighths-pc,
    [class*="card"].height-three-eighths-pc,
    [class*="button"].height-three-eighths-pc,
    [class*="badge"].height-three-eighths-pc,
    [class*="pile"].height-three-eighths-pc,
    [class*="input"].height-three-eighths-pc,
    [class*="table"].height-three-eighths-pc {
      height: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-three-eighths-ultrawide,
    [class*="card"].height-three-eighths-ultrawide,
    [class*="button"].height-three-eighths-ultrawide,
    [class*="badge"].height-three-eighths-ultrawide,
    [class*="pile"].height-three-eighths-ultrawide,
    [class*="input"].height-three-eighths-ultrawide,
    [class*="table"].height-three-eighths-ultrawide {
      height: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-three-eighths-super-ultrawide,
    [class*="card"].height-three-eighths-super-ultrawide,
    [class*="button"].height-three-eighths-super-ultrawide,
    [class*="badge"].height-three-eighths-super-ultrawide,
    [class*="pile"].height-three-eighths-super-ultrawide,
    [class*="input"].height-three-eighths-super-ultrawide,
    [class*="table"].height-three-eighths-super-ultrawide {
      height: calc(37.5% - (8px*2)); } }

[class*="bubble"].height-third,
[class*="card"].height-third,
[class*="button"].height-third,
[class*="badge"].height-third,
[class*="pile"].height-third,
[class*="input"].height-third,
[class*="table"].height-third {
  height: calc((100% / 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-third-tablet,
    [class*="card"].height-third-tablet,
    [class*="button"].height-third-tablet,
    [class*="badge"].height-third-tablet,
    [class*="pile"].height-third-tablet,
    [class*="input"].height-third-tablet,
    [class*="table"].height-third-tablet {
      height: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-third-tablet-pc,
    [class*="card"].height-third-tablet-pc,
    [class*="button"].height-third-tablet-pc,
    [class*="badge"].height-third-tablet-pc,
    [class*="pile"].height-third-tablet-pc,
    [class*="input"].height-third-tablet-pc,
    [class*="table"].height-third-tablet-pc {
      height: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-third-tablet-pc,
    [class*="card"].height-third-tablet-pc,
    [class*="button"].height-third-tablet-pc,
    [class*="badge"].height-third-tablet-pc,
    [class*="pile"].height-third-tablet-pc,
    [class*="input"].height-third-tablet-pc,
    [class*="table"].height-third-tablet-pc {
      height: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-third-pc,
    [class*="card"].height-third-pc,
    [class*="button"].height-third-pc,
    [class*="badge"].height-third-pc,
    [class*="pile"].height-third-pc,
    [class*="input"].height-third-pc,
    [class*="table"].height-third-pc {
      height: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-third-ultrawide,
    [class*="card"].height-third-ultrawide,
    [class*="button"].height-third-ultrawide,
    [class*="badge"].height-third-ultrawide,
    [class*="pile"].height-third-ultrawide,
    [class*="input"].height-third-ultrawide,
    [class*="table"].height-third-ultrawide {
      height: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-third-super-ultrawide,
    [class*="card"].height-third-super-ultrawide,
    [class*="button"].height-third-super-ultrawide,
    [class*="badge"].height-third-super-ultrawide,
    [class*="pile"].height-third-super-ultrawide,
    [class*="input"].height-third-super-ultrawide,
    [class*="table"].height-third-super-ultrawide {
      height: calc((100% / 3) - (8px*2)); } }

[class*="bubble"].height-quater,
[class*="card"].height-quater,
[class*="button"].height-quater,
[class*="badge"].height-quater,
[class*="pile"].height-quater,
[class*="input"].height-quater,
[class*="table"].height-quater {
  height: calc(25% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-quater-tablet,
    [class*="card"].height-quater-tablet,
    [class*="button"].height-quater-tablet,
    [class*="badge"].height-quater-tablet,
    [class*="pile"].height-quater-tablet,
    [class*="input"].height-quater-tablet,
    [class*="table"].height-quater-tablet {
      height: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-quater-tablet-pc,
    [class*="card"].height-quater-tablet-pc,
    [class*="button"].height-quater-tablet-pc,
    [class*="badge"].height-quater-tablet-pc,
    [class*="pile"].height-quater-tablet-pc,
    [class*="input"].height-quater-tablet-pc,
    [class*="table"].height-quater-tablet-pc {
      height: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-quater-tablet-pc,
    [class*="card"].height-quater-tablet-pc,
    [class*="button"].height-quater-tablet-pc,
    [class*="badge"].height-quater-tablet-pc,
    [class*="pile"].height-quater-tablet-pc,
    [class*="input"].height-quater-tablet-pc,
    [class*="table"].height-quater-tablet-pc {
      height: calc(25% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-quater-pc,
    [class*="card"].height-quater-pc,
    [class*="button"].height-quater-pc,
    [class*="badge"].height-quater-pc,
    [class*="pile"].height-quater-pc,
    [class*="input"].height-quater-pc,
    [class*="table"].height-quater-pc {
      height: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-quater-ultrawide,
    [class*="card"].height-quater-ultrawide,
    [class*="button"].height-quater-ultrawide,
    [class*="badge"].height-quater-ultrawide,
    [class*="pile"].height-quater-ultrawide,
    [class*="input"].height-quater-ultrawide,
    [class*="table"].height-quater-ultrawide {
      height: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-quater-super-ultrawide,
    [class*="card"].height-quater-super-ultrawide,
    [class*="button"].height-quater-super-ultrawide,
    [class*="badge"].height-quater-super-ultrawide,
    [class*="pile"].height-quater-super-ultrawide,
    [class*="input"].height-quater-super-ultrawide,
    [class*="table"].height-quater-super-ultrawide {
      height: calc(25% - (8px*2)); } }

[class*="bubble"].height-fifth,
[class*="card"].height-fifth,
[class*="button"].height-fifth,
[class*="badge"].height-fifth,
[class*="pile"].height-fifth,
[class*="input"].height-fifth,
[class*="table"].height-fifth {
  height: calc(20% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-fifth-tablet,
    [class*="card"].height-fifth-tablet,
    [class*="button"].height-fifth-tablet,
    [class*="badge"].height-fifth-tablet,
    [class*="pile"].height-fifth-tablet,
    [class*="input"].height-fifth-tablet,
    [class*="table"].height-fifth-tablet {
      height: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-fifth-tablet-pc,
    [class*="card"].height-fifth-tablet-pc,
    [class*="button"].height-fifth-tablet-pc,
    [class*="badge"].height-fifth-tablet-pc,
    [class*="pile"].height-fifth-tablet-pc,
    [class*="input"].height-fifth-tablet-pc,
    [class*="table"].height-fifth-tablet-pc {
      height: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-fifth-tablet-pc,
    [class*="card"].height-fifth-tablet-pc,
    [class*="button"].height-fifth-tablet-pc,
    [class*="badge"].height-fifth-tablet-pc,
    [class*="pile"].height-fifth-tablet-pc,
    [class*="input"].height-fifth-tablet-pc,
    [class*="table"].height-fifth-tablet-pc {
      height: calc(20% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-fifth-pc,
    [class*="card"].height-fifth-pc,
    [class*="button"].height-fifth-pc,
    [class*="badge"].height-fifth-pc,
    [class*="pile"].height-fifth-pc,
    [class*="input"].height-fifth-pc,
    [class*="table"].height-fifth-pc {
      height: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-fifth-ultrawide,
    [class*="card"].height-fifth-ultrawide,
    [class*="button"].height-fifth-ultrawide,
    [class*="badge"].height-fifth-ultrawide,
    [class*="pile"].height-fifth-ultrawide,
    [class*="input"].height-fifth-ultrawide,
    [class*="table"].height-fifth-ultrawide {
      height: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-fifth-super-ultrawide,
    [class*="card"].height-fifth-super-ultrawide,
    [class*="button"].height-fifth-super-ultrawide,
    [class*="badge"].height-fifth-super-ultrawide,
    [class*="pile"].height-fifth-super-ultrawide,
    [class*="input"].height-fifth-super-ultrawide,
    [class*="table"].height-fifth-super-ultrawide {
      height: calc(20% - (8px*2)); } }

[class*="bubble"].height-sixth,
[class*="card"].height-sixth,
[class*="button"].height-sixth,
[class*="badge"].height-sixth,
[class*="pile"].height-sixth,
[class*="input"].height-sixth,
[class*="table"].height-sixth {
  height: calc((100% / 6) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-sixth-tablet,
    [class*="card"].height-sixth-tablet,
    [class*="button"].height-sixth-tablet,
    [class*="badge"].height-sixth-tablet,
    [class*="pile"].height-sixth-tablet,
    [class*="input"].height-sixth-tablet,
    [class*="table"].height-sixth-tablet {
      height: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-sixth-tablet-pc,
    [class*="card"].height-sixth-tablet-pc,
    [class*="button"].height-sixth-tablet-pc,
    [class*="badge"].height-sixth-tablet-pc,
    [class*="pile"].height-sixth-tablet-pc,
    [class*="input"].height-sixth-tablet-pc,
    [class*="table"].height-sixth-tablet-pc {
      height: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-sixth-tablet-pc,
    [class*="card"].height-sixth-tablet-pc,
    [class*="button"].height-sixth-tablet-pc,
    [class*="badge"].height-sixth-tablet-pc,
    [class*="pile"].height-sixth-tablet-pc,
    [class*="input"].height-sixth-tablet-pc,
    [class*="table"].height-sixth-tablet-pc {
      height: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-sixth-pc,
    [class*="card"].height-sixth-pc,
    [class*="button"].height-sixth-pc,
    [class*="badge"].height-sixth-pc,
    [class*="pile"].height-sixth-pc,
    [class*="input"].height-sixth-pc,
    [class*="table"].height-sixth-pc {
      height: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-sixth-ultrawide,
    [class*="card"].height-sixth-ultrawide,
    [class*="button"].height-sixth-ultrawide,
    [class*="badge"].height-sixth-ultrawide,
    [class*="pile"].height-sixth-ultrawide,
    [class*="input"].height-sixth-ultrawide,
    [class*="table"].height-sixth-ultrawide {
      height: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-sixth-super-ultrawide,
    [class*="card"].height-sixth-super-ultrawide,
    [class*="button"].height-sixth-super-ultrawide,
    [class*="badge"].height-sixth-super-ultrawide,
    [class*="pile"].height-sixth-super-ultrawide,
    [class*="input"].height-sixth-super-ultrawide,
    [class*="table"].height-sixth-super-ultrawide {
      height: calc((100% / 6) - (8px*2)); } }

[class*="bubble"].height-eighth,
[class*="card"].height-eighth,
[class*="button"].height-eighth,
[class*="badge"].height-eighth,
[class*="pile"].height-eighth,
[class*="input"].height-eighth,
[class*="table"].height-eighth {
  height: calc(12.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].height-eighth-tablet,
    [class*="card"].height-eighth-tablet,
    [class*="button"].height-eighth-tablet,
    [class*="badge"].height-eighth-tablet,
    [class*="pile"].height-eighth-tablet,
    [class*="input"].height-eighth-tablet,
    [class*="table"].height-eighth-tablet {
      height: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].height-eighth-tablet-pc,
    [class*="card"].height-eighth-tablet-pc,
    [class*="button"].height-eighth-tablet-pc,
    [class*="badge"].height-eighth-tablet-pc,
    [class*="pile"].height-eighth-tablet-pc,
    [class*="input"].height-eighth-tablet-pc,
    [class*="table"].height-eighth-tablet-pc {
      height: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].height-eighth-tablet-pc,
    [class*="card"].height-eighth-tablet-pc,
    [class*="button"].height-eighth-tablet-pc,
    [class*="badge"].height-eighth-tablet-pc,
    [class*="pile"].height-eighth-tablet-pc,
    [class*="input"].height-eighth-tablet-pc,
    [class*="table"].height-eighth-tablet-pc {
      height: calc(12.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].height-eighth-pc,
    [class*="card"].height-eighth-pc,
    [class*="button"].height-eighth-pc,
    [class*="badge"].height-eighth-pc,
    [class*="pile"].height-eighth-pc,
    [class*="input"].height-eighth-pc,
    [class*="table"].height-eighth-pc {
      height: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-eighth-ultrawide,
    [class*="card"].height-eighth-ultrawide,
    [class*="button"].height-eighth-ultrawide,
    [class*="badge"].height-eighth-ultrawide,
    [class*="pile"].height-eighth-ultrawide,
    [class*="input"].height-eighth-ultrawide,
    [class*="table"].height-eighth-ultrawide {
      height: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].height-eighth-super-ultrawide,
    [class*="card"].height-eighth-super-ultrawide,
    [class*="button"].height-eighth-super-ultrawide,
    [class*="badge"].height-eighth-super-ultrawide,
    [class*="pile"].height-eighth-super-ultrawide,
    [class*="input"].height-eighth-super-ultrawide,
    [class*="table"].height-eighth-super-ultrawide {
      height: calc(12.5% - (8px*2)); } }

.max-height {
  max-height: 96px; }
  @media (min-width: 600px) {
    .max-height-tablet {
      max-height: 96px; } }
  @media (min-width: 1024px) {
    .max-height-tablet-pc {
      max-height: 96px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .max-height-tablet-pc {
      max-height: 96px; } }
  @media (min-width: 1440px) {
    .max-height-pc {
      max-height: 96px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .max-height-ultrawide {
      max-height: 96px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .max-height-super-ultrawide {
      max-height: 96px; } }
  .max-height-xxs {
    max-height: 32px; }
    @media (min-width: 600px) {
      .max-height-xxs-tablet {
        max-height: 32px; } }
    @media (min-width: 1024px) {
      .max-height-xxs-tablet-pc {
        max-height: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-xxs-tablet-pc {
        max-height: 32px; } }
    @media (min-width: 1440px) {
      .max-height-xxs-pc {
        max-height: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-xxs-ultrawide {
        max-height: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-xxs-super-ultrawide {
        max-height: 32px; } }
  .max-height-xs {
    max-height: 48px; }
    @media (min-width: 600px) {
      .max-height-xs-tablet {
        max-height: 48px; } }
    @media (min-width: 1024px) {
      .max-height-xs-tablet-pc {
        max-height: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-xs-tablet-pc {
        max-height: 48px; } }
    @media (min-width: 1440px) {
      .max-height-xs-pc {
        max-height: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-xs-ultrawide {
        max-height: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-xs-super-ultrawide {
        max-height: 48px; } }
  .max-height-sm {
    max-height: 64px; }
    @media (min-width: 600px) {
      .max-height-sm-tablet {
        max-height: 64px; } }
    @media (min-width: 1024px) {
      .max-height-sm-tablet-pc {
        max-height: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-sm-tablet-pc {
        max-height: 64px; } }
    @media (min-width: 1440px) {
      .max-height-sm-pc {
        max-height: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-sm-ultrawide {
        max-height: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-sm-super-ultrawide {
        max-height: 64px; } }
  .max-height-md {
    max-height: 96px; }
    @media (min-width: 600px) {
      .max-height-md-tablet {
        max-height: 96px; } }
    @media (min-width: 1024px) {
      .max-height-md-tablet-pc {
        max-height: 96px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-md-tablet-pc {
        max-height: 96px; } }
    @media (min-width: 1440px) {
      .max-height-md-pc {
        max-height: 96px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-md-ultrawide {
        max-height: 96px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-md-super-ultrawide {
        max-height: 96px; } }
  .max-height-lg {
    max-height: 128px; }
    @media (min-width: 600px) {
      .max-height-lg-tablet {
        max-height: 128px; } }
    @media (min-width: 1024px) {
      .max-height-lg-tablet-pc {
        max-height: 128px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-lg-tablet-pc {
        max-height: 128px; } }
    @media (min-width: 1440px) {
      .max-height-lg-pc {
        max-height: 128px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-lg-ultrawide {
        max-height: 128px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-lg-super-ultrawide {
        max-height: 128px; } }
  .max-height-xl {
    max-height: 192px; }
    @media (min-width: 600px) {
      .max-height-xl-tablet {
        max-height: 192px; } }
    @media (min-width: 1024px) {
      .max-height-xl-tablet-pc {
        max-height: 192px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-xl-tablet-pc {
        max-height: 192px; } }
    @media (min-width: 1440px) {
      .max-height-xl-pc {
        max-height: 192px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-xl-ultrawide {
        max-height: 192px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-xl-super-ultrawide {
        max-height: 192px; } }
  .max-height-xxl {
    max-height: 256px; }
    @media (min-width: 600px) {
      .max-height-xxl-tablet {
        max-height: 256px; } }
    @media (min-width: 1024px) {
      .max-height-xxl-tablet-pc {
        max-height: 256px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-xxl-tablet-pc {
        max-height: 256px; } }
    @media (min-width: 1440px) {
      .max-height-xxl-pc {
        max-height: 256px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-xxl-ultrawide {
        max-height: 256px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-xxl-super-ultrawide {
        max-height: 256px; } }
  .max-height-full {
    max-height: calc(100%); }
    @media (min-width: 600px) {
      .max-height-full-tablet {
        max-height: calc(100%); } }
    @media (min-width: 1024px) {
      .max-height-full-tablet-pc {
        max-height: calc(100%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-full-tablet-pc {
        max-height: calc(100%); } }
    @media (min-width: 1440px) {
      .max-height-full-pc {
        max-height: calc(100%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-full-ultrawide {
        max-height: calc(100%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-full-super-ultrawide {
        max-height: calc(100%); } }
  .max-height-seven-eighths {
    max-height: calc(87.5%); }
    @media (min-width: 600px) {
      .max-height-seven-eighths-tablet {
        max-height: calc(87.5%); } }
    @media (min-width: 1024px) {
      .max-height-seven-eighths-tablet-pc {
        max-height: calc(87.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-seven-eighths-tablet-pc {
        max-height: calc(87.5%); } }
    @media (min-width: 1440px) {
      .max-height-seven-eighths-pc {
        max-height: calc(87.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-seven-eighths-ultrawide {
        max-height: calc(87.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-seven-eighths-super-ultrawide {
        max-height: calc(87.5%); } }
  .max-height-five-sixths {
    max-height: calc(((100% / 6) * 5)); }
    @media (min-width: 600px) {
      .max-height-five-sixths-tablet {
        max-height: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) {
      .max-height-five-sixths-tablet-pc {
        max-height: calc(((100% / 6) * 5)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-five-sixths-tablet-pc {
        max-height: calc(((100% / 6) * 5)); } }
    @media (min-width: 1440px) {
      .max-height-five-sixths-pc {
        max-height: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-five-sixths-ultrawide {
        max-height: calc(((100% / 6) * 5)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-five-sixths-super-ultrawide {
        max-height: calc(((100% / 6) * 5)); } }
  .max-height-four-fifths {
    max-height: calc(80%); }
    @media (min-width: 600px) {
      .max-height-four-fifths-tablet {
        max-height: calc(80%); } }
    @media (min-width: 1024px) {
      .max-height-four-fifths-tablet-pc {
        max-height: calc(80%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-four-fifths-tablet-pc {
        max-height: calc(80%); } }
    @media (min-width: 1440px) {
      .max-height-four-fifths-pc {
        max-height: calc(80%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-four-fifths-ultrawide {
        max-height: calc(80%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-four-fifths-super-ultrawide {
        max-height: calc(80%); } }
  .max-height-three-quaters {
    max-height: calc(75%); }
    @media (min-width: 600px) {
      .max-height-three-quaters-tablet {
        max-height: calc(75%); } }
    @media (min-width: 1024px) {
      .max-height-three-quaters-tablet-pc {
        max-height: calc(75%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-three-quaters-tablet-pc {
        max-height: calc(75%); } }
    @media (min-width: 1440px) {
      .max-height-three-quaters-pc {
        max-height: calc(75%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-three-quaters-ultrawide {
        max-height: calc(75%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-three-quaters-super-ultrawide {
        max-height: calc(75%); } }
  .max-height-two-thirds {
    max-height: calc(66%); }
    @media (min-width: 600px) {
      .max-height-two-thirds-tablet {
        max-height: calc(66%); } }
    @media (min-width: 1024px) {
      .max-height-two-thirds-tablet-pc {
        max-height: calc(66%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-two-thirds-tablet-pc {
        max-height: calc(66%); } }
    @media (min-width: 1440px) {
      .max-height-two-thirds-pc {
        max-height: calc(66%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-two-thirds-ultrawide {
        max-height: calc(66%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-two-thirds-super-ultrawide {
        max-height: calc(66%); } }
  .max-height-five-eighths {
    max-height: calc(62.5%); }
    @media (min-width: 600px) {
      .max-height-five-eighths-tablet {
        max-height: calc(62.5%); } }
    @media (min-width: 1024px) {
      .max-height-five-eighths-tablet-pc {
        max-height: calc(62.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-five-eighths-tablet-pc {
        max-height: calc(62.5%); } }
    @media (min-width: 1440px) {
      .max-height-five-eighths-pc {
        max-height: calc(62.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-five-eighths-ultrawide {
        max-height: calc(62.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-five-eighths-super-ultrawide {
        max-height: calc(62.5%); } }
  .max-height-three-fifths {
    max-height: calc(60%); }
    @media (min-width: 600px) {
      .max-height-three-fifths-tablet {
        max-height: calc(60%); } }
    @media (min-width: 1024px) {
      .max-height-three-fifths-tablet-pc {
        max-height: calc(60%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-three-fifths-tablet-pc {
        max-height: calc(60%); } }
    @media (min-width: 1440px) {
      .max-height-three-fifths-pc {
        max-height: calc(60%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-three-fifths-ultrawide {
        max-height: calc(60%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-three-fifths-super-ultrawide {
        max-height: calc(60%); } }
  .max-height-half {
    max-height: calc(50%); }
    @media (min-width: 600px) {
      .max-height-half-tablet {
        max-height: calc(50%); } }
    @media (min-width: 1024px) {
      .max-height-half-tablet-pc {
        max-height: calc(50%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-half-tablet-pc {
        max-height: calc(50%); } }
    @media (min-width: 1440px) {
      .max-height-half-pc {
        max-height: calc(50%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-half-ultrawide {
        max-height: calc(50%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-half-super-ultrawide {
        max-height: calc(50%); } }
  .max-height-three-sixths {
    max-height: calc(((100% / 6) * 3)); }
    @media (min-width: 600px) {
      .max-height-three-sixths-tablet {
        max-height: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) {
      .max-height-three-sixths-tablet-pc {
        max-height: calc(((100% / 6) * 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-three-sixths-tablet-pc {
        max-height: calc(((100% / 6) * 3)); } }
    @media (min-width: 1440px) {
      .max-height-three-sixths-pc {
        max-height: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-three-sixths-ultrawide {
        max-height: calc(((100% / 6) * 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-three-sixths-super-ultrawide {
        max-height: calc(((100% / 6) * 3)); } }
  .max-height-two-fifths {
    max-height: calc(40%); }
    @media (min-width: 600px) {
      .max-height-two-fifths-tablet {
        max-height: calc(40%); } }
    @media (min-width: 1024px) {
      .max-height-two-fifths-tablet-pc {
        max-height: calc(40%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-two-fifths-tablet-pc {
        max-height: calc(40%); } }
    @media (min-width: 1440px) {
      .max-height-two-fifths-pc {
        max-height: calc(40%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-two-fifths-ultrawide {
        max-height: calc(40%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-two-fifths-super-ultrawide {
        max-height: calc(40%); } }
  .max-height-three-eighths {
    max-height: calc(37.5%); }
    @media (min-width: 600px) {
      .max-height-three-eighths-tablet {
        max-height: calc(37.5%); } }
    @media (min-width: 1024px) {
      .max-height-three-eighths-tablet-pc {
        max-height: calc(37.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-three-eighths-tablet-pc {
        max-height: calc(37.5%); } }
    @media (min-width: 1440px) {
      .max-height-three-eighths-pc {
        max-height: calc(37.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-three-eighths-ultrawide {
        max-height: calc(37.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-three-eighths-super-ultrawide {
        max-height: calc(37.5%); } }
  .max-height-third {
    max-height: calc((100% / 3)); }
    @media (min-width: 600px) {
      .max-height-third-tablet {
        max-height: calc((100% / 3)); } }
    @media (min-width: 1024px) {
      .max-height-third-tablet-pc {
        max-height: calc((100% / 3)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-third-tablet-pc {
        max-height: calc((100% / 3)); } }
    @media (min-width: 1440px) {
      .max-height-third-pc {
        max-height: calc((100% / 3)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-third-ultrawide {
        max-height: calc((100% / 3)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-third-super-ultrawide {
        max-height: calc((100% / 3)); } }
  .max-height-quater {
    max-height: calc(25%); }
    @media (min-width: 600px) {
      .max-height-quater-tablet {
        max-height: calc(25%); } }
    @media (min-width: 1024px) {
      .max-height-quater-tablet-pc {
        max-height: calc(25%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-quater-tablet-pc {
        max-height: calc(25%); } }
    @media (min-width: 1440px) {
      .max-height-quater-pc {
        max-height: calc(25%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-quater-ultrawide {
        max-height: calc(25%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-quater-super-ultrawide {
        max-height: calc(25%); } }
  .max-height-fifth {
    max-height: calc(20%); }
    @media (min-width: 600px) {
      .max-height-fifth-tablet {
        max-height: calc(20%); } }
    @media (min-width: 1024px) {
      .max-height-fifth-tablet-pc {
        max-height: calc(20%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-fifth-tablet-pc {
        max-height: calc(20%); } }
    @media (min-width: 1440px) {
      .max-height-fifth-pc {
        max-height: calc(20%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-fifth-ultrawide {
        max-height: calc(20%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-fifth-super-ultrawide {
        max-height: calc(20%); } }
  .max-height-sixth {
    max-height: calc((100% / 6)); }
    @media (min-width: 600px) {
      .max-height-sixth-tablet {
        max-height: calc((100% / 6)); } }
    @media (min-width: 1024px) {
      .max-height-sixth-tablet-pc {
        max-height: calc((100% / 6)); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-sixth-tablet-pc {
        max-height: calc((100% / 6)); } }
    @media (min-width: 1440px) {
      .max-height-sixth-pc {
        max-height: calc((100% / 6)); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-sixth-ultrawide {
        max-height: calc((100% / 6)); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-sixth-super-ultrawide {
        max-height: calc((100% / 6)); } }
  .max-height-eighth {
    max-height: calc(12.5%); }
    @media (min-width: 600px) {
      .max-height-eighth-tablet {
        max-height: calc(12.5%); } }
    @media (min-width: 1024px) {
      .max-height-eighth-tablet-pc {
        max-height: calc(12.5%); } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .max-height-eighth-tablet-pc {
        max-height: calc(12.5%); } }
    @media (min-width: 1440px) {
      .max-height-eighth-pc {
        max-height: calc(12.5%); } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .max-height-eighth-ultrawide {
        max-height: calc(12.5%); } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .max-height-eighth-super-ultrawide {
        max-height: calc(12.5%); } }

[class*="bubble"].max-height-full,
[class*="card"].max-height-full,
[class*="button"].max-height-full,
[class*="badge"].max-height-full,
[class*="pile"].max-height-full,
[class*="input"].max-height-full,
[class*="table"].max-height-full {
  max-height: calc(100% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-full-tablet,
    [class*="card"].max-height-full-tablet,
    [class*="button"].max-height-full-tablet,
    [class*="badge"].max-height-full-tablet,
    [class*="pile"].max-height-full-tablet,
    [class*="input"].max-height-full-tablet,
    [class*="table"].max-height-full-tablet {
      max-height: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-full-tablet-pc,
    [class*="card"].max-height-full-tablet-pc,
    [class*="button"].max-height-full-tablet-pc,
    [class*="badge"].max-height-full-tablet-pc,
    [class*="pile"].max-height-full-tablet-pc,
    [class*="input"].max-height-full-tablet-pc,
    [class*="table"].max-height-full-tablet-pc {
      max-height: calc(100% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-full-tablet-pc,
    [class*="card"].max-height-full-tablet-pc,
    [class*="button"].max-height-full-tablet-pc,
    [class*="badge"].max-height-full-tablet-pc,
    [class*="pile"].max-height-full-tablet-pc,
    [class*="input"].max-height-full-tablet-pc,
    [class*="table"].max-height-full-tablet-pc {
      max-height: calc(100% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-full-pc,
    [class*="card"].max-height-full-pc,
    [class*="button"].max-height-full-pc,
    [class*="badge"].max-height-full-pc,
    [class*="pile"].max-height-full-pc,
    [class*="input"].max-height-full-pc,
    [class*="table"].max-height-full-pc {
      max-height: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-full-ultrawide,
    [class*="card"].max-height-full-ultrawide,
    [class*="button"].max-height-full-ultrawide,
    [class*="badge"].max-height-full-ultrawide,
    [class*="pile"].max-height-full-ultrawide,
    [class*="input"].max-height-full-ultrawide,
    [class*="table"].max-height-full-ultrawide {
      max-height: calc(100% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-full-super-ultrawide,
    [class*="card"].max-height-full-super-ultrawide,
    [class*="button"].max-height-full-super-ultrawide,
    [class*="badge"].max-height-full-super-ultrawide,
    [class*="pile"].max-height-full-super-ultrawide,
    [class*="input"].max-height-full-super-ultrawide,
    [class*="table"].max-height-full-super-ultrawide {
      max-height: calc(100% - (8px*2)); } }

[class*="bubble"].max-height-seven-eighths,
[class*="card"].max-height-seven-eighths,
[class*="button"].max-height-seven-eighths,
[class*="badge"].max-height-seven-eighths,
[class*="pile"].max-height-seven-eighths,
[class*="input"].max-height-seven-eighths,
[class*="table"].max-height-seven-eighths {
  max-height: calc(87.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-seven-eighths-tablet,
    [class*="card"].max-height-seven-eighths-tablet,
    [class*="button"].max-height-seven-eighths-tablet,
    [class*="badge"].max-height-seven-eighths-tablet,
    [class*="pile"].max-height-seven-eighths-tablet,
    [class*="input"].max-height-seven-eighths-tablet,
    [class*="table"].max-height-seven-eighths-tablet {
      max-height: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-seven-eighths-tablet-pc,
    [class*="card"].max-height-seven-eighths-tablet-pc,
    [class*="button"].max-height-seven-eighths-tablet-pc,
    [class*="badge"].max-height-seven-eighths-tablet-pc,
    [class*="pile"].max-height-seven-eighths-tablet-pc,
    [class*="input"].max-height-seven-eighths-tablet-pc,
    [class*="table"].max-height-seven-eighths-tablet-pc {
      max-height: calc(87.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-seven-eighths-tablet-pc,
    [class*="card"].max-height-seven-eighths-tablet-pc,
    [class*="button"].max-height-seven-eighths-tablet-pc,
    [class*="badge"].max-height-seven-eighths-tablet-pc,
    [class*="pile"].max-height-seven-eighths-tablet-pc,
    [class*="input"].max-height-seven-eighths-tablet-pc,
    [class*="table"].max-height-seven-eighths-tablet-pc {
      max-height: calc(87.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-seven-eighths-pc,
    [class*="card"].max-height-seven-eighths-pc,
    [class*="button"].max-height-seven-eighths-pc,
    [class*="badge"].max-height-seven-eighths-pc,
    [class*="pile"].max-height-seven-eighths-pc,
    [class*="input"].max-height-seven-eighths-pc,
    [class*="table"].max-height-seven-eighths-pc {
      max-height: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-seven-eighths-ultrawide,
    [class*="card"].max-height-seven-eighths-ultrawide,
    [class*="button"].max-height-seven-eighths-ultrawide,
    [class*="badge"].max-height-seven-eighths-ultrawide,
    [class*="pile"].max-height-seven-eighths-ultrawide,
    [class*="input"].max-height-seven-eighths-ultrawide,
    [class*="table"].max-height-seven-eighths-ultrawide {
      max-height: calc(87.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-seven-eighths-super-ultrawide,
    [class*="card"].max-height-seven-eighths-super-ultrawide,
    [class*="button"].max-height-seven-eighths-super-ultrawide,
    [class*="badge"].max-height-seven-eighths-super-ultrawide,
    [class*="pile"].max-height-seven-eighths-super-ultrawide,
    [class*="input"].max-height-seven-eighths-super-ultrawide,
    [class*="table"].max-height-seven-eighths-super-ultrawide {
      max-height: calc(87.5% - (8px*2)); } }

[class*="bubble"].max-height-five-sixths,
[class*="card"].max-height-five-sixths,
[class*="button"].max-height-five-sixths,
[class*="badge"].max-height-five-sixths,
[class*="pile"].max-height-five-sixths,
[class*="input"].max-height-five-sixths,
[class*="table"].max-height-five-sixths {
  max-height: calc(((100% / 6) * 5) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-five-sixths-tablet,
    [class*="card"].max-height-five-sixths-tablet,
    [class*="button"].max-height-five-sixths-tablet,
    [class*="badge"].max-height-five-sixths-tablet,
    [class*="pile"].max-height-five-sixths-tablet,
    [class*="input"].max-height-five-sixths-tablet,
    [class*="table"].max-height-five-sixths-tablet {
      max-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-five-sixths-tablet-pc,
    [class*="card"].max-height-five-sixths-tablet-pc,
    [class*="button"].max-height-five-sixths-tablet-pc,
    [class*="badge"].max-height-five-sixths-tablet-pc,
    [class*="pile"].max-height-five-sixths-tablet-pc,
    [class*="input"].max-height-five-sixths-tablet-pc,
    [class*="table"].max-height-five-sixths-tablet-pc {
      max-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-five-sixths-tablet-pc,
    [class*="card"].max-height-five-sixths-tablet-pc,
    [class*="button"].max-height-five-sixths-tablet-pc,
    [class*="badge"].max-height-five-sixths-tablet-pc,
    [class*="pile"].max-height-five-sixths-tablet-pc,
    [class*="input"].max-height-five-sixths-tablet-pc,
    [class*="table"].max-height-five-sixths-tablet-pc {
      max-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-five-sixths-pc,
    [class*="card"].max-height-five-sixths-pc,
    [class*="button"].max-height-five-sixths-pc,
    [class*="badge"].max-height-five-sixths-pc,
    [class*="pile"].max-height-five-sixths-pc,
    [class*="input"].max-height-five-sixths-pc,
    [class*="table"].max-height-five-sixths-pc {
      max-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-five-sixths-ultrawide,
    [class*="card"].max-height-five-sixths-ultrawide,
    [class*="button"].max-height-five-sixths-ultrawide,
    [class*="badge"].max-height-five-sixths-ultrawide,
    [class*="pile"].max-height-five-sixths-ultrawide,
    [class*="input"].max-height-five-sixths-ultrawide,
    [class*="table"].max-height-five-sixths-ultrawide {
      max-height: calc(((100% / 6) * 5) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-five-sixths-super-ultrawide,
    [class*="card"].max-height-five-sixths-super-ultrawide,
    [class*="button"].max-height-five-sixths-super-ultrawide,
    [class*="badge"].max-height-five-sixths-super-ultrawide,
    [class*="pile"].max-height-five-sixths-super-ultrawide,
    [class*="input"].max-height-five-sixths-super-ultrawide,
    [class*="table"].max-height-five-sixths-super-ultrawide {
      max-height: calc(((100% / 6) * 5) - (8px*2)); } }

[class*="bubble"].max-height-four-fifths,
[class*="card"].max-height-four-fifths,
[class*="button"].max-height-four-fifths,
[class*="badge"].max-height-four-fifths,
[class*="pile"].max-height-four-fifths,
[class*="input"].max-height-four-fifths,
[class*="table"].max-height-four-fifths {
  max-height: calc(80% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-four-fifths-tablet,
    [class*="card"].max-height-four-fifths-tablet,
    [class*="button"].max-height-four-fifths-tablet,
    [class*="badge"].max-height-four-fifths-tablet,
    [class*="pile"].max-height-four-fifths-tablet,
    [class*="input"].max-height-four-fifths-tablet,
    [class*="table"].max-height-four-fifths-tablet {
      max-height: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-four-fifths-tablet-pc,
    [class*="card"].max-height-four-fifths-tablet-pc,
    [class*="button"].max-height-four-fifths-tablet-pc,
    [class*="badge"].max-height-four-fifths-tablet-pc,
    [class*="pile"].max-height-four-fifths-tablet-pc,
    [class*="input"].max-height-four-fifths-tablet-pc,
    [class*="table"].max-height-four-fifths-tablet-pc {
      max-height: calc(80% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-four-fifths-tablet-pc,
    [class*="card"].max-height-four-fifths-tablet-pc,
    [class*="button"].max-height-four-fifths-tablet-pc,
    [class*="badge"].max-height-four-fifths-tablet-pc,
    [class*="pile"].max-height-four-fifths-tablet-pc,
    [class*="input"].max-height-four-fifths-tablet-pc,
    [class*="table"].max-height-four-fifths-tablet-pc {
      max-height: calc(80% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-four-fifths-pc,
    [class*="card"].max-height-four-fifths-pc,
    [class*="button"].max-height-four-fifths-pc,
    [class*="badge"].max-height-four-fifths-pc,
    [class*="pile"].max-height-four-fifths-pc,
    [class*="input"].max-height-four-fifths-pc,
    [class*="table"].max-height-four-fifths-pc {
      max-height: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-four-fifths-ultrawide,
    [class*="card"].max-height-four-fifths-ultrawide,
    [class*="button"].max-height-four-fifths-ultrawide,
    [class*="badge"].max-height-four-fifths-ultrawide,
    [class*="pile"].max-height-four-fifths-ultrawide,
    [class*="input"].max-height-four-fifths-ultrawide,
    [class*="table"].max-height-four-fifths-ultrawide {
      max-height: calc(80% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-four-fifths-super-ultrawide,
    [class*="card"].max-height-four-fifths-super-ultrawide,
    [class*="button"].max-height-four-fifths-super-ultrawide,
    [class*="badge"].max-height-four-fifths-super-ultrawide,
    [class*="pile"].max-height-four-fifths-super-ultrawide,
    [class*="input"].max-height-four-fifths-super-ultrawide,
    [class*="table"].max-height-four-fifths-super-ultrawide {
      max-height: calc(80% - (8px*2)); } }

[class*="bubble"].max-height-three-quaters,
[class*="card"].max-height-three-quaters,
[class*="button"].max-height-three-quaters,
[class*="badge"].max-height-three-quaters,
[class*="pile"].max-height-three-quaters,
[class*="input"].max-height-three-quaters,
[class*="table"].max-height-three-quaters {
  max-height: calc(75% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-three-quaters-tablet,
    [class*="card"].max-height-three-quaters-tablet,
    [class*="button"].max-height-three-quaters-tablet,
    [class*="badge"].max-height-three-quaters-tablet,
    [class*="pile"].max-height-three-quaters-tablet,
    [class*="input"].max-height-three-quaters-tablet,
    [class*="table"].max-height-three-quaters-tablet {
      max-height: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-three-quaters-tablet-pc,
    [class*="card"].max-height-three-quaters-tablet-pc,
    [class*="button"].max-height-three-quaters-tablet-pc,
    [class*="badge"].max-height-three-quaters-tablet-pc,
    [class*="pile"].max-height-three-quaters-tablet-pc,
    [class*="input"].max-height-three-quaters-tablet-pc,
    [class*="table"].max-height-three-quaters-tablet-pc {
      max-height: calc(75% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-three-quaters-tablet-pc,
    [class*="card"].max-height-three-quaters-tablet-pc,
    [class*="button"].max-height-three-quaters-tablet-pc,
    [class*="badge"].max-height-three-quaters-tablet-pc,
    [class*="pile"].max-height-three-quaters-tablet-pc,
    [class*="input"].max-height-three-quaters-tablet-pc,
    [class*="table"].max-height-three-quaters-tablet-pc {
      max-height: calc(75% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-three-quaters-pc,
    [class*="card"].max-height-three-quaters-pc,
    [class*="button"].max-height-three-quaters-pc,
    [class*="badge"].max-height-three-quaters-pc,
    [class*="pile"].max-height-three-quaters-pc,
    [class*="input"].max-height-three-quaters-pc,
    [class*="table"].max-height-three-quaters-pc {
      max-height: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-three-quaters-ultrawide,
    [class*="card"].max-height-three-quaters-ultrawide,
    [class*="button"].max-height-three-quaters-ultrawide,
    [class*="badge"].max-height-three-quaters-ultrawide,
    [class*="pile"].max-height-three-quaters-ultrawide,
    [class*="input"].max-height-three-quaters-ultrawide,
    [class*="table"].max-height-three-quaters-ultrawide {
      max-height: calc(75% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-three-quaters-super-ultrawide,
    [class*="card"].max-height-three-quaters-super-ultrawide,
    [class*="button"].max-height-three-quaters-super-ultrawide,
    [class*="badge"].max-height-three-quaters-super-ultrawide,
    [class*="pile"].max-height-three-quaters-super-ultrawide,
    [class*="input"].max-height-three-quaters-super-ultrawide,
    [class*="table"].max-height-three-quaters-super-ultrawide {
      max-height: calc(75% - (8px*2)); } }

[class*="bubble"].max-height-two-thirds,
[class*="card"].max-height-two-thirds,
[class*="button"].max-height-two-thirds,
[class*="badge"].max-height-two-thirds,
[class*="pile"].max-height-two-thirds,
[class*="input"].max-height-two-thirds,
[class*="table"].max-height-two-thirds {
  max-height: calc(66% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-two-thirds-tablet,
    [class*="card"].max-height-two-thirds-tablet,
    [class*="button"].max-height-two-thirds-tablet,
    [class*="badge"].max-height-two-thirds-tablet,
    [class*="pile"].max-height-two-thirds-tablet,
    [class*="input"].max-height-two-thirds-tablet,
    [class*="table"].max-height-two-thirds-tablet {
      max-height: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-two-thirds-tablet-pc,
    [class*="card"].max-height-two-thirds-tablet-pc,
    [class*="button"].max-height-two-thirds-tablet-pc,
    [class*="badge"].max-height-two-thirds-tablet-pc,
    [class*="pile"].max-height-two-thirds-tablet-pc,
    [class*="input"].max-height-two-thirds-tablet-pc,
    [class*="table"].max-height-two-thirds-tablet-pc {
      max-height: calc(66% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-two-thirds-tablet-pc,
    [class*="card"].max-height-two-thirds-tablet-pc,
    [class*="button"].max-height-two-thirds-tablet-pc,
    [class*="badge"].max-height-two-thirds-tablet-pc,
    [class*="pile"].max-height-two-thirds-tablet-pc,
    [class*="input"].max-height-two-thirds-tablet-pc,
    [class*="table"].max-height-two-thirds-tablet-pc {
      max-height: calc(66% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-two-thirds-pc,
    [class*="card"].max-height-two-thirds-pc,
    [class*="button"].max-height-two-thirds-pc,
    [class*="badge"].max-height-two-thirds-pc,
    [class*="pile"].max-height-two-thirds-pc,
    [class*="input"].max-height-two-thirds-pc,
    [class*="table"].max-height-two-thirds-pc {
      max-height: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-two-thirds-ultrawide,
    [class*="card"].max-height-two-thirds-ultrawide,
    [class*="button"].max-height-two-thirds-ultrawide,
    [class*="badge"].max-height-two-thirds-ultrawide,
    [class*="pile"].max-height-two-thirds-ultrawide,
    [class*="input"].max-height-two-thirds-ultrawide,
    [class*="table"].max-height-two-thirds-ultrawide {
      max-height: calc(66% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-two-thirds-super-ultrawide,
    [class*="card"].max-height-two-thirds-super-ultrawide,
    [class*="button"].max-height-two-thirds-super-ultrawide,
    [class*="badge"].max-height-two-thirds-super-ultrawide,
    [class*="pile"].max-height-two-thirds-super-ultrawide,
    [class*="input"].max-height-two-thirds-super-ultrawide,
    [class*="table"].max-height-two-thirds-super-ultrawide {
      max-height: calc(66% - (8px*2)); } }

[class*="bubble"].max-height-five-eighths,
[class*="card"].max-height-five-eighths,
[class*="button"].max-height-five-eighths,
[class*="badge"].max-height-five-eighths,
[class*="pile"].max-height-five-eighths,
[class*="input"].max-height-five-eighths,
[class*="table"].max-height-five-eighths {
  max-height: calc(62.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-five-eighths-tablet,
    [class*="card"].max-height-five-eighths-tablet,
    [class*="button"].max-height-five-eighths-tablet,
    [class*="badge"].max-height-five-eighths-tablet,
    [class*="pile"].max-height-five-eighths-tablet,
    [class*="input"].max-height-five-eighths-tablet,
    [class*="table"].max-height-five-eighths-tablet {
      max-height: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-five-eighths-tablet-pc,
    [class*="card"].max-height-five-eighths-tablet-pc,
    [class*="button"].max-height-five-eighths-tablet-pc,
    [class*="badge"].max-height-five-eighths-tablet-pc,
    [class*="pile"].max-height-five-eighths-tablet-pc,
    [class*="input"].max-height-five-eighths-tablet-pc,
    [class*="table"].max-height-five-eighths-tablet-pc {
      max-height: calc(62.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-five-eighths-tablet-pc,
    [class*="card"].max-height-five-eighths-tablet-pc,
    [class*="button"].max-height-five-eighths-tablet-pc,
    [class*="badge"].max-height-five-eighths-tablet-pc,
    [class*="pile"].max-height-five-eighths-tablet-pc,
    [class*="input"].max-height-five-eighths-tablet-pc,
    [class*="table"].max-height-five-eighths-tablet-pc {
      max-height: calc(62.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-five-eighths-pc,
    [class*="card"].max-height-five-eighths-pc,
    [class*="button"].max-height-five-eighths-pc,
    [class*="badge"].max-height-five-eighths-pc,
    [class*="pile"].max-height-five-eighths-pc,
    [class*="input"].max-height-five-eighths-pc,
    [class*="table"].max-height-five-eighths-pc {
      max-height: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-five-eighths-ultrawide,
    [class*="card"].max-height-five-eighths-ultrawide,
    [class*="button"].max-height-five-eighths-ultrawide,
    [class*="badge"].max-height-five-eighths-ultrawide,
    [class*="pile"].max-height-five-eighths-ultrawide,
    [class*="input"].max-height-five-eighths-ultrawide,
    [class*="table"].max-height-five-eighths-ultrawide {
      max-height: calc(62.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-five-eighths-super-ultrawide,
    [class*="card"].max-height-five-eighths-super-ultrawide,
    [class*="button"].max-height-five-eighths-super-ultrawide,
    [class*="badge"].max-height-five-eighths-super-ultrawide,
    [class*="pile"].max-height-five-eighths-super-ultrawide,
    [class*="input"].max-height-five-eighths-super-ultrawide,
    [class*="table"].max-height-five-eighths-super-ultrawide {
      max-height: calc(62.5% - (8px*2)); } }

[class*="bubble"].max-height-three-fifths,
[class*="card"].max-height-three-fifths,
[class*="button"].max-height-three-fifths,
[class*="badge"].max-height-three-fifths,
[class*="pile"].max-height-three-fifths,
[class*="input"].max-height-three-fifths,
[class*="table"].max-height-three-fifths {
  max-height: calc(60% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-three-fifths-tablet,
    [class*="card"].max-height-three-fifths-tablet,
    [class*="button"].max-height-three-fifths-tablet,
    [class*="badge"].max-height-three-fifths-tablet,
    [class*="pile"].max-height-three-fifths-tablet,
    [class*="input"].max-height-three-fifths-tablet,
    [class*="table"].max-height-three-fifths-tablet {
      max-height: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-three-fifths-tablet-pc,
    [class*="card"].max-height-three-fifths-tablet-pc,
    [class*="button"].max-height-three-fifths-tablet-pc,
    [class*="badge"].max-height-three-fifths-tablet-pc,
    [class*="pile"].max-height-three-fifths-tablet-pc,
    [class*="input"].max-height-three-fifths-tablet-pc,
    [class*="table"].max-height-three-fifths-tablet-pc {
      max-height: calc(60% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-three-fifths-tablet-pc,
    [class*="card"].max-height-three-fifths-tablet-pc,
    [class*="button"].max-height-three-fifths-tablet-pc,
    [class*="badge"].max-height-three-fifths-tablet-pc,
    [class*="pile"].max-height-three-fifths-tablet-pc,
    [class*="input"].max-height-three-fifths-tablet-pc,
    [class*="table"].max-height-three-fifths-tablet-pc {
      max-height: calc(60% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-three-fifths-pc,
    [class*="card"].max-height-three-fifths-pc,
    [class*="button"].max-height-three-fifths-pc,
    [class*="badge"].max-height-three-fifths-pc,
    [class*="pile"].max-height-three-fifths-pc,
    [class*="input"].max-height-three-fifths-pc,
    [class*="table"].max-height-three-fifths-pc {
      max-height: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-three-fifths-ultrawide,
    [class*="card"].max-height-three-fifths-ultrawide,
    [class*="button"].max-height-three-fifths-ultrawide,
    [class*="badge"].max-height-three-fifths-ultrawide,
    [class*="pile"].max-height-three-fifths-ultrawide,
    [class*="input"].max-height-three-fifths-ultrawide,
    [class*="table"].max-height-three-fifths-ultrawide {
      max-height: calc(60% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-three-fifths-super-ultrawide,
    [class*="card"].max-height-three-fifths-super-ultrawide,
    [class*="button"].max-height-three-fifths-super-ultrawide,
    [class*="badge"].max-height-three-fifths-super-ultrawide,
    [class*="pile"].max-height-three-fifths-super-ultrawide,
    [class*="input"].max-height-three-fifths-super-ultrawide,
    [class*="table"].max-height-three-fifths-super-ultrawide {
      max-height: calc(60% - (8px*2)); } }

[class*="bubble"].max-height-half,
[class*="card"].max-height-half,
[class*="button"].max-height-half,
[class*="badge"].max-height-half,
[class*="pile"].max-height-half,
[class*="input"].max-height-half,
[class*="table"].max-height-half {
  max-height: calc(50% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-half-tablet,
    [class*="card"].max-height-half-tablet,
    [class*="button"].max-height-half-tablet,
    [class*="badge"].max-height-half-tablet,
    [class*="pile"].max-height-half-tablet,
    [class*="input"].max-height-half-tablet,
    [class*="table"].max-height-half-tablet {
      max-height: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-half-tablet-pc,
    [class*="card"].max-height-half-tablet-pc,
    [class*="button"].max-height-half-tablet-pc,
    [class*="badge"].max-height-half-tablet-pc,
    [class*="pile"].max-height-half-tablet-pc,
    [class*="input"].max-height-half-tablet-pc,
    [class*="table"].max-height-half-tablet-pc {
      max-height: calc(50% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-half-tablet-pc,
    [class*="card"].max-height-half-tablet-pc,
    [class*="button"].max-height-half-tablet-pc,
    [class*="badge"].max-height-half-tablet-pc,
    [class*="pile"].max-height-half-tablet-pc,
    [class*="input"].max-height-half-tablet-pc,
    [class*="table"].max-height-half-tablet-pc {
      max-height: calc(50% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-half-pc,
    [class*="card"].max-height-half-pc,
    [class*="button"].max-height-half-pc,
    [class*="badge"].max-height-half-pc,
    [class*="pile"].max-height-half-pc,
    [class*="input"].max-height-half-pc,
    [class*="table"].max-height-half-pc {
      max-height: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-half-ultrawide,
    [class*="card"].max-height-half-ultrawide,
    [class*="button"].max-height-half-ultrawide,
    [class*="badge"].max-height-half-ultrawide,
    [class*="pile"].max-height-half-ultrawide,
    [class*="input"].max-height-half-ultrawide,
    [class*="table"].max-height-half-ultrawide {
      max-height: calc(50% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-half-super-ultrawide,
    [class*="card"].max-height-half-super-ultrawide,
    [class*="button"].max-height-half-super-ultrawide,
    [class*="badge"].max-height-half-super-ultrawide,
    [class*="pile"].max-height-half-super-ultrawide,
    [class*="input"].max-height-half-super-ultrawide,
    [class*="table"].max-height-half-super-ultrawide {
      max-height: calc(50% - (8px*2)); } }

[class*="bubble"].max-height-three-sixths,
[class*="card"].max-height-three-sixths,
[class*="button"].max-height-three-sixths,
[class*="badge"].max-height-three-sixths,
[class*="pile"].max-height-three-sixths,
[class*="input"].max-height-three-sixths,
[class*="table"].max-height-three-sixths {
  max-height: calc(((100% / 6) * 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-three-sixths-tablet,
    [class*="card"].max-height-three-sixths-tablet,
    [class*="button"].max-height-three-sixths-tablet,
    [class*="badge"].max-height-three-sixths-tablet,
    [class*="pile"].max-height-three-sixths-tablet,
    [class*="input"].max-height-three-sixths-tablet,
    [class*="table"].max-height-three-sixths-tablet {
      max-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-three-sixths-tablet-pc,
    [class*="card"].max-height-three-sixths-tablet-pc,
    [class*="button"].max-height-three-sixths-tablet-pc,
    [class*="badge"].max-height-three-sixths-tablet-pc,
    [class*="pile"].max-height-three-sixths-tablet-pc,
    [class*="input"].max-height-three-sixths-tablet-pc,
    [class*="table"].max-height-three-sixths-tablet-pc {
      max-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-three-sixths-tablet-pc,
    [class*="card"].max-height-three-sixths-tablet-pc,
    [class*="button"].max-height-three-sixths-tablet-pc,
    [class*="badge"].max-height-three-sixths-tablet-pc,
    [class*="pile"].max-height-three-sixths-tablet-pc,
    [class*="input"].max-height-three-sixths-tablet-pc,
    [class*="table"].max-height-three-sixths-tablet-pc {
      max-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-three-sixths-pc,
    [class*="card"].max-height-three-sixths-pc,
    [class*="button"].max-height-three-sixths-pc,
    [class*="badge"].max-height-three-sixths-pc,
    [class*="pile"].max-height-three-sixths-pc,
    [class*="input"].max-height-three-sixths-pc,
    [class*="table"].max-height-three-sixths-pc {
      max-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-three-sixths-ultrawide,
    [class*="card"].max-height-three-sixths-ultrawide,
    [class*="button"].max-height-three-sixths-ultrawide,
    [class*="badge"].max-height-three-sixths-ultrawide,
    [class*="pile"].max-height-three-sixths-ultrawide,
    [class*="input"].max-height-three-sixths-ultrawide,
    [class*="table"].max-height-three-sixths-ultrawide {
      max-height: calc(((100% / 6) * 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-three-sixths-super-ultrawide,
    [class*="card"].max-height-three-sixths-super-ultrawide,
    [class*="button"].max-height-three-sixths-super-ultrawide,
    [class*="badge"].max-height-three-sixths-super-ultrawide,
    [class*="pile"].max-height-three-sixths-super-ultrawide,
    [class*="input"].max-height-three-sixths-super-ultrawide,
    [class*="table"].max-height-three-sixths-super-ultrawide {
      max-height: calc(((100% / 6) * 3) - (8px*2)); } }

[class*="bubble"].max-height-two-fifths,
[class*="card"].max-height-two-fifths,
[class*="button"].max-height-two-fifths,
[class*="badge"].max-height-two-fifths,
[class*="pile"].max-height-two-fifths,
[class*="input"].max-height-two-fifths,
[class*="table"].max-height-two-fifths {
  max-height: calc(40% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-two-fifths-tablet,
    [class*="card"].max-height-two-fifths-tablet,
    [class*="button"].max-height-two-fifths-tablet,
    [class*="badge"].max-height-two-fifths-tablet,
    [class*="pile"].max-height-two-fifths-tablet,
    [class*="input"].max-height-two-fifths-tablet,
    [class*="table"].max-height-two-fifths-tablet {
      max-height: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-two-fifths-tablet-pc,
    [class*="card"].max-height-two-fifths-tablet-pc,
    [class*="button"].max-height-two-fifths-tablet-pc,
    [class*="badge"].max-height-two-fifths-tablet-pc,
    [class*="pile"].max-height-two-fifths-tablet-pc,
    [class*="input"].max-height-two-fifths-tablet-pc,
    [class*="table"].max-height-two-fifths-tablet-pc {
      max-height: calc(40% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-two-fifths-tablet-pc,
    [class*="card"].max-height-two-fifths-tablet-pc,
    [class*="button"].max-height-two-fifths-tablet-pc,
    [class*="badge"].max-height-two-fifths-tablet-pc,
    [class*="pile"].max-height-two-fifths-tablet-pc,
    [class*="input"].max-height-two-fifths-tablet-pc,
    [class*="table"].max-height-two-fifths-tablet-pc {
      max-height: calc(40% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-two-fifths-pc,
    [class*="card"].max-height-two-fifths-pc,
    [class*="button"].max-height-two-fifths-pc,
    [class*="badge"].max-height-two-fifths-pc,
    [class*="pile"].max-height-two-fifths-pc,
    [class*="input"].max-height-two-fifths-pc,
    [class*="table"].max-height-two-fifths-pc {
      max-height: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-two-fifths-ultrawide,
    [class*="card"].max-height-two-fifths-ultrawide,
    [class*="button"].max-height-two-fifths-ultrawide,
    [class*="badge"].max-height-two-fifths-ultrawide,
    [class*="pile"].max-height-two-fifths-ultrawide,
    [class*="input"].max-height-two-fifths-ultrawide,
    [class*="table"].max-height-two-fifths-ultrawide {
      max-height: calc(40% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-two-fifths-super-ultrawide,
    [class*="card"].max-height-two-fifths-super-ultrawide,
    [class*="button"].max-height-two-fifths-super-ultrawide,
    [class*="badge"].max-height-two-fifths-super-ultrawide,
    [class*="pile"].max-height-two-fifths-super-ultrawide,
    [class*="input"].max-height-two-fifths-super-ultrawide,
    [class*="table"].max-height-two-fifths-super-ultrawide {
      max-height: calc(40% - (8px*2)); } }

[class*="bubble"].max-height-three-eighths,
[class*="card"].max-height-three-eighths,
[class*="button"].max-height-three-eighths,
[class*="badge"].max-height-three-eighths,
[class*="pile"].max-height-three-eighths,
[class*="input"].max-height-three-eighths,
[class*="table"].max-height-three-eighths {
  max-height: calc(37.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-three-eighths-tablet,
    [class*="card"].max-height-three-eighths-tablet,
    [class*="button"].max-height-three-eighths-tablet,
    [class*="badge"].max-height-three-eighths-tablet,
    [class*="pile"].max-height-three-eighths-tablet,
    [class*="input"].max-height-three-eighths-tablet,
    [class*="table"].max-height-three-eighths-tablet {
      max-height: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-three-eighths-tablet-pc,
    [class*="card"].max-height-three-eighths-tablet-pc,
    [class*="button"].max-height-three-eighths-tablet-pc,
    [class*="badge"].max-height-three-eighths-tablet-pc,
    [class*="pile"].max-height-three-eighths-tablet-pc,
    [class*="input"].max-height-three-eighths-tablet-pc,
    [class*="table"].max-height-three-eighths-tablet-pc {
      max-height: calc(37.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-three-eighths-tablet-pc,
    [class*="card"].max-height-three-eighths-tablet-pc,
    [class*="button"].max-height-three-eighths-tablet-pc,
    [class*="badge"].max-height-three-eighths-tablet-pc,
    [class*="pile"].max-height-three-eighths-tablet-pc,
    [class*="input"].max-height-three-eighths-tablet-pc,
    [class*="table"].max-height-three-eighths-tablet-pc {
      max-height: calc(37.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-three-eighths-pc,
    [class*="card"].max-height-three-eighths-pc,
    [class*="button"].max-height-three-eighths-pc,
    [class*="badge"].max-height-three-eighths-pc,
    [class*="pile"].max-height-three-eighths-pc,
    [class*="input"].max-height-three-eighths-pc,
    [class*="table"].max-height-three-eighths-pc {
      max-height: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-three-eighths-ultrawide,
    [class*="card"].max-height-three-eighths-ultrawide,
    [class*="button"].max-height-three-eighths-ultrawide,
    [class*="badge"].max-height-three-eighths-ultrawide,
    [class*="pile"].max-height-three-eighths-ultrawide,
    [class*="input"].max-height-three-eighths-ultrawide,
    [class*="table"].max-height-three-eighths-ultrawide {
      max-height: calc(37.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-three-eighths-super-ultrawide,
    [class*="card"].max-height-three-eighths-super-ultrawide,
    [class*="button"].max-height-three-eighths-super-ultrawide,
    [class*="badge"].max-height-three-eighths-super-ultrawide,
    [class*="pile"].max-height-three-eighths-super-ultrawide,
    [class*="input"].max-height-three-eighths-super-ultrawide,
    [class*="table"].max-height-three-eighths-super-ultrawide {
      max-height: calc(37.5% - (8px*2)); } }

[class*="bubble"].max-height-third,
[class*="card"].max-height-third,
[class*="button"].max-height-third,
[class*="badge"].max-height-third,
[class*="pile"].max-height-third,
[class*="input"].max-height-third,
[class*="table"].max-height-third {
  max-height: calc((100% / 3) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-third-tablet,
    [class*="card"].max-height-third-tablet,
    [class*="button"].max-height-third-tablet,
    [class*="badge"].max-height-third-tablet,
    [class*="pile"].max-height-third-tablet,
    [class*="input"].max-height-third-tablet,
    [class*="table"].max-height-third-tablet {
      max-height: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-third-tablet-pc,
    [class*="card"].max-height-third-tablet-pc,
    [class*="button"].max-height-third-tablet-pc,
    [class*="badge"].max-height-third-tablet-pc,
    [class*="pile"].max-height-third-tablet-pc,
    [class*="input"].max-height-third-tablet-pc,
    [class*="table"].max-height-third-tablet-pc {
      max-height: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-third-tablet-pc,
    [class*="card"].max-height-third-tablet-pc,
    [class*="button"].max-height-third-tablet-pc,
    [class*="badge"].max-height-third-tablet-pc,
    [class*="pile"].max-height-third-tablet-pc,
    [class*="input"].max-height-third-tablet-pc,
    [class*="table"].max-height-third-tablet-pc {
      max-height: calc((100% / 3) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-third-pc,
    [class*="card"].max-height-third-pc,
    [class*="button"].max-height-third-pc,
    [class*="badge"].max-height-third-pc,
    [class*="pile"].max-height-third-pc,
    [class*="input"].max-height-third-pc,
    [class*="table"].max-height-third-pc {
      max-height: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-third-ultrawide,
    [class*="card"].max-height-third-ultrawide,
    [class*="button"].max-height-third-ultrawide,
    [class*="badge"].max-height-third-ultrawide,
    [class*="pile"].max-height-third-ultrawide,
    [class*="input"].max-height-third-ultrawide,
    [class*="table"].max-height-third-ultrawide {
      max-height: calc((100% / 3) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-third-super-ultrawide,
    [class*="card"].max-height-third-super-ultrawide,
    [class*="button"].max-height-third-super-ultrawide,
    [class*="badge"].max-height-third-super-ultrawide,
    [class*="pile"].max-height-third-super-ultrawide,
    [class*="input"].max-height-third-super-ultrawide,
    [class*="table"].max-height-third-super-ultrawide {
      max-height: calc((100% / 3) - (8px*2)); } }

[class*="bubble"].max-height-quater,
[class*="card"].max-height-quater,
[class*="button"].max-height-quater,
[class*="badge"].max-height-quater,
[class*="pile"].max-height-quater,
[class*="input"].max-height-quater,
[class*="table"].max-height-quater {
  max-height: calc(25% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-quater-tablet,
    [class*="card"].max-height-quater-tablet,
    [class*="button"].max-height-quater-tablet,
    [class*="badge"].max-height-quater-tablet,
    [class*="pile"].max-height-quater-tablet,
    [class*="input"].max-height-quater-tablet,
    [class*="table"].max-height-quater-tablet {
      max-height: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-quater-tablet-pc,
    [class*="card"].max-height-quater-tablet-pc,
    [class*="button"].max-height-quater-tablet-pc,
    [class*="badge"].max-height-quater-tablet-pc,
    [class*="pile"].max-height-quater-tablet-pc,
    [class*="input"].max-height-quater-tablet-pc,
    [class*="table"].max-height-quater-tablet-pc {
      max-height: calc(25% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-quater-tablet-pc,
    [class*="card"].max-height-quater-tablet-pc,
    [class*="button"].max-height-quater-tablet-pc,
    [class*="badge"].max-height-quater-tablet-pc,
    [class*="pile"].max-height-quater-tablet-pc,
    [class*="input"].max-height-quater-tablet-pc,
    [class*="table"].max-height-quater-tablet-pc {
      max-height: calc(25% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-quater-pc,
    [class*="card"].max-height-quater-pc,
    [class*="button"].max-height-quater-pc,
    [class*="badge"].max-height-quater-pc,
    [class*="pile"].max-height-quater-pc,
    [class*="input"].max-height-quater-pc,
    [class*="table"].max-height-quater-pc {
      max-height: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-quater-ultrawide,
    [class*="card"].max-height-quater-ultrawide,
    [class*="button"].max-height-quater-ultrawide,
    [class*="badge"].max-height-quater-ultrawide,
    [class*="pile"].max-height-quater-ultrawide,
    [class*="input"].max-height-quater-ultrawide,
    [class*="table"].max-height-quater-ultrawide {
      max-height: calc(25% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-quater-super-ultrawide,
    [class*="card"].max-height-quater-super-ultrawide,
    [class*="button"].max-height-quater-super-ultrawide,
    [class*="badge"].max-height-quater-super-ultrawide,
    [class*="pile"].max-height-quater-super-ultrawide,
    [class*="input"].max-height-quater-super-ultrawide,
    [class*="table"].max-height-quater-super-ultrawide {
      max-height: calc(25% - (8px*2)); } }

[class*="bubble"].max-height-fifth,
[class*="card"].max-height-fifth,
[class*="button"].max-height-fifth,
[class*="badge"].max-height-fifth,
[class*="pile"].max-height-fifth,
[class*="input"].max-height-fifth,
[class*="table"].max-height-fifth {
  max-height: calc(20% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-fifth-tablet,
    [class*="card"].max-height-fifth-tablet,
    [class*="button"].max-height-fifth-tablet,
    [class*="badge"].max-height-fifth-tablet,
    [class*="pile"].max-height-fifth-tablet,
    [class*="input"].max-height-fifth-tablet,
    [class*="table"].max-height-fifth-tablet {
      max-height: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-fifth-tablet-pc,
    [class*="card"].max-height-fifth-tablet-pc,
    [class*="button"].max-height-fifth-tablet-pc,
    [class*="badge"].max-height-fifth-tablet-pc,
    [class*="pile"].max-height-fifth-tablet-pc,
    [class*="input"].max-height-fifth-tablet-pc,
    [class*="table"].max-height-fifth-tablet-pc {
      max-height: calc(20% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-fifth-tablet-pc,
    [class*="card"].max-height-fifth-tablet-pc,
    [class*="button"].max-height-fifth-tablet-pc,
    [class*="badge"].max-height-fifth-tablet-pc,
    [class*="pile"].max-height-fifth-tablet-pc,
    [class*="input"].max-height-fifth-tablet-pc,
    [class*="table"].max-height-fifth-tablet-pc {
      max-height: calc(20% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-fifth-pc,
    [class*="card"].max-height-fifth-pc,
    [class*="button"].max-height-fifth-pc,
    [class*="badge"].max-height-fifth-pc,
    [class*="pile"].max-height-fifth-pc,
    [class*="input"].max-height-fifth-pc,
    [class*="table"].max-height-fifth-pc {
      max-height: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-fifth-ultrawide,
    [class*="card"].max-height-fifth-ultrawide,
    [class*="button"].max-height-fifth-ultrawide,
    [class*="badge"].max-height-fifth-ultrawide,
    [class*="pile"].max-height-fifth-ultrawide,
    [class*="input"].max-height-fifth-ultrawide,
    [class*="table"].max-height-fifth-ultrawide {
      max-height: calc(20% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-fifth-super-ultrawide,
    [class*="card"].max-height-fifth-super-ultrawide,
    [class*="button"].max-height-fifth-super-ultrawide,
    [class*="badge"].max-height-fifth-super-ultrawide,
    [class*="pile"].max-height-fifth-super-ultrawide,
    [class*="input"].max-height-fifth-super-ultrawide,
    [class*="table"].max-height-fifth-super-ultrawide {
      max-height: calc(20% - (8px*2)); } }

[class*="bubble"].max-height-sixth,
[class*="card"].max-height-sixth,
[class*="button"].max-height-sixth,
[class*="badge"].max-height-sixth,
[class*="pile"].max-height-sixth,
[class*="input"].max-height-sixth,
[class*="table"].max-height-sixth {
  max-height: calc((100% / 6) - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-sixth-tablet,
    [class*="card"].max-height-sixth-tablet,
    [class*="button"].max-height-sixth-tablet,
    [class*="badge"].max-height-sixth-tablet,
    [class*="pile"].max-height-sixth-tablet,
    [class*="input"].max-height-sixth-tablet,
    [class*="table"].max-height-sixth-tablet {
      max-height: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-sixth-tablet-pc,
    [class*="card"].max-height-sixth-tablet-pc,
    [class*="button"].max-height-sixth-tablet-pc,
    [class*="badge"].max-height-sixth-tablet-pc,
    [class*="pile"].max-height-sixth-tablet-pc,
    [class*="input"].max-height-sixth-tablet-pc,
    [class*="table"].max-height-sixth-tablet-pc {
      max-height: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-sixth-tablet-pc,
    [class*="card"].max-height-sixth-tablet-pc,
    [class*="button"].max-height-sixth-tablet-pc,
    [class*="badge"].max-height-sixth-tablet-pc,
    [class*="pile"].max-height-sixth-tablet-pc,
    [class*="input"].max-height-sixth-tablet-pc,
    [class*="table"].max-height-sixth-tablet-pc {
      max-height: calc((100% / 6) - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-sixth-pc,
    [class*="card"].max-height-sixth-pc,
    [class*="button"].max-height-sixth-pc,
    [class*="badge"].max-height-sixth-pc,
    [class*="pile"].max-height-sixth-pc,
    [class*="input"].max-height-sixth-pc,
    [class*="table"].max-height-sixth-pc {
      max-height: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-sixth-ultrawide,
    [class*="card"].max-height-sixth-ultrawide,
    [class*="button"].max-height-sixth-ultrawide,
    [class*="badge"].max-height-sixth-ultrawide,
    [class*="pile"].max-height-sixth-ultrawide,
    [class*="input"].max-height-sixth-ultrawide,
    [class*="table"].max-height-sixth-ultrawide {
      max-height: calc((100% / 6) - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-sixth-super-ultrawide,
    [class*="card"].max-height-sixth-super-ultrawide,
    [class*="button"].max-height-sixth-super-ultrawide,
    [class*="badge"].max-height-sixth-super-ultrawide,
    [class*="pile"].max-height-sixth-super-ultrawide,
    [class*="input"].max-height-sixth-super-ultrawide,
    [class*="table"].max-height-sixth-super-ultrawide {
      max-height: calc((100% / 6) - (8px*2)); } }

[class*="bubble"].max-height-eighth,
[class*="card"].max-height-eighth,
[class*="button"].max-height-eighth,
[class*="badge"].max-height-eighth,
[class*="pile"].max-height-eighth,
[class*="input"].max-height-eighth,
[class*="table"].max-height-eighth {
  max-height: calc(12.5% - (8px*2)); }
  @media (min-width: 600px) {
    [class*="bubble"].max-height-eighth-tablet,
    [class*="card"].max-height-eighth-tablet,
    [class*="button"].max-height-eighth-tablet,
    [class*="badge"].max-height-eighth-tablet,
    [class*="pile"].max-height-eighth-tablet,
    [class*="input"].max-height-eighth-tablet,
    [class*="table"].max-height-eighth-tablet {
      max-height: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) {
    [class*="bubble"].max-height-eighth-tablet-pc,
    [class*="card"].max-height-eighth-tablet-pc,
    [class*="button"].max-height-eighth-tablet-pc,
    [class*="badge"].max-height-eighth-tablet-pc,
    [class*="pile"].max-height-eighth-tablet-pc,
    [class*="input"].max-height-eighth-tablet-pc,
    [class*="table"].max-height-eighth-tablet-pc {
      max-height: calc(12.5% - (8px*2)); } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    [class*="bubble"].max-height-eighth-tablet-pc,
    [class*="card"].max-height-eighth-tablet-pc,
    [class*="button"].max-height-eighth-tablet-pc,
    [class*="badge"].max-height-eighth-tablet-pc,
    [class*="pile"].max-height-eighth-tablet-pc,
    [class*="input"].max-height-eighth-tablet-pc,
    [class*="table"].max-height-eighth-tablet-pc {
      max-height: calc(12.5% - (8px*2)); } }
  @media (min-width: 1440px) {
    [class*="bubble"].max-height-eighth-pc,
    [class*="card"].max-height-eighth-pc,
    [class*="button"].max-height-eighth-pc,
    [class*="badge"].max-height-eighth-pc,
    [class*="pile"].max-height-eighth-pc,
    [class*="input"].max-height-eighth-pc,
    [class*="table"].max-height-eighth-pc {
      max-height: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-eighth-ultrawide,
    [class*="card"].max-height-eighth-ultrawide,
    [class*="button"].max-height-eighth-ultrawide,
    [class*="badge"].max-height-eighth-ultrawide,
    [class*="pile"].max-height-eighth-ultrawide,
    [class*="input"].max-height-eighth-ultrawide,
    [class*="table"].max-height-eighth-ultrawide {
      max-height: calc(12.5% - (8px*2)); } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    [class*="bubble"].max-height-eighth-super-ultrawide,
    [class*="card"].max-height-eighth-super-ultrawide,
    [class*="button"].max-height-eighth-super-ultrawide,
    [class*="badge"].max-height-eighth-super-ultrawide,
    [class*="pile"].max-height-eighth-super-ultrawide,
    [class*="input"].max-height-eighth-super-ultrawide,
    [class*="table"].max-height-eighth-super-ultrawide {
      max-height: calc(12.5% - (8px*2)); } }

.bg-none, [class*="frame"] .bg-none {
  background-color: transparent; }
  @media (min-width: 600px) {
    .bg-none-tablet, [class*="frame"] .bg-none-tablet {
      background-color: transparent; } }
  @media (min-width: 1024px) {
    .bg-none-tablet-pc, [class*="frame"] .bg-none-tablet-pc {
      background-color: transparent; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .bg-none-tablet-pc, [class*="frame"] .bg-none-tablet-pc {
      background-color: transparent; } }
  @media (min-width: 1440px) {
    .bg-none-pc, [class*="frame"] .bg-none-pc {
      background-color: transparent; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .bg-none-ultrawide, [class*="frame"] .bg-none-ultrawide {
      background-color: transparent; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .bg-none-super-ultrawide, [class*="frame"] .bg-none-super-ultrawide {
      background-color: transparent; } }

.frame .bg-black, .frame .bg-black-themed {
  background-color: #333333; }
  @media (min-width: 600px) {
    .frame .bg-black-tablet, .frame .bg-black-themed-tablet {
      background-color: #333333; } }
  @media (min-width: 1024px) {
    .frame .bg-black-tablet-pc, .frame .bg-black-themed-tablet-pc {
      background-color: #333333; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-black-tablet-pc, .frame .bg-black-themed-tablet-pc {
      background-color: #333333; } }
  @media (min-width: 1440px) {
    .frame .bg-black-pc, .frame .bg-black-themed-pc {
      background-color: #333333; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-black-ultrawide, .frame .bg-black-themed-ultrawide {
      background-color: #333333; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-black-super-ultrawide, .frame .bg-black-themed-super-ultrawide {
      background-color: #333333; } }

.frame .bg-light-black, .frame .bg-light-black-themed {
  background-color: #4d4d4d; }
  @media (min-width: 600px) {
    .frame .bg-light-black-tablet, .frame .bg-light-black-themed-tablet {
      background-color: #4d4d4d; } }
  @media (min-width: 1024px) {
    .frame .bg-light-black-tablet-pc, .frame .bg-light-black-themed-tablet-pc {
      background-color: #4d4d4d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-black-tablet-pc, .frame .bg-light-black-themed-tablet-pc {
      background-color: #4d4d4d; } }
  @media (min-width: 1440px) {
    .frame .bg-light-black-pc, .frame .bg-light-black-themed-pc {
      background-color: #4d4d4d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-black-ultrawide, .frame .bg-light-black-themed-ultrawide {
      background-color: #4d4d4d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-black-super-ultrawide, .frame .bg-light-black-themed-super-ultrawide {
      background-color: #4d4d4d; } }

.frame .bg-darker-grey, .frame .bg-darker-grey-themed {
  background-color: #999999; }
  @media (min-width: 600px) {
    .frame .bg-darker-grey-tablet, .frame .bg-darker-grey-themed-tablet {
      background-color: #999999; } }
  @media (min-width: 1024px) {
    .frame .bg-darker-grey-tablet-pc, .frame .bg-darker-grey-themed-tablet-pc {
      background-color: #999999; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-darker-grey-tablet-pc, .frame .bg-darker-grey-themed-tablet-pc {
      background-color: #999999; } }
  @media (min-width: 1440px) {
    .frame .bg-darker-grey-pc, .frame .bg-darker-grey-themed-pc {
      background-color: #999999; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-darker-grey-ultrawide, .frame .bg-darker-grey-themed-ultrawide {
      background-color: #999999; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-darker-grey-super-ultrawide, .frame .bg-darker-grey-themed-super-ultrawide {
      background-color: #999999; } }

.frame .bg-dark-grey, .frame .bg-dark-grey-themed {
  background-color: #b3b3b3; }
  @media (min-width: 600px) {
    .frame .bg-dark-grey-tablet, .frame .bg-dark-grey-themed-tablet {
      background-color: #b3b3b3; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-grey-tablet-pc, .frame .bg-dark-grey-themed-tablet-pc {
      background-color: #b3b3b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-grey-tablet-pc, .frame .bg-dark-grey-themed-tablet-pc {
      background-color: #b3b3b3; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-grey-pc, .frame .bg-dark-grey-themed-pc {
      background-color: #b3b3b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-grey-ultrawide, .frame .bg-dark-grey-themed-ultrawide {
      background-color: #b3b3b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-grey-super-ultrawide, .frame .bg-dark-grey-themed-super-ultrawide {
      background-color: #b3b3b3; } }

.frame .bg-grey, .frame .bg-grey-themed {
  background-color: #cccccc; }
  @media (min-width: 600px) {
    .frame .bg-grey-tablet, .frame .bg-grey-themed-tablet {
      background-color: #cccccc; } }
  @media (min-width: 1024px) {
    .frame .bg-grey-tablet-pc, .frame .bg-grey-themed-tablet-pc {
      background-color: #cccccc; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-grey-tablet-pc, .frame .bg-grey-themed-tablet-pc {
      background-color: #cccccc; } }
  @media (min-width: 1440px) {
    .frame .bg-grey-pc, .frame .bg-grey-themed-pc {
      background-color: #cccccc; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-grey-ultrawide, .frame .bg-grey-themed-ultrawide {
      background-color: #cccccc; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-grey-super-ultrawide, .frame .bg-grey-themed-super-ultrawide {
      background-color: #cccccc; } }

.frame .bg-light-grey, .frame .bg-light-grey-themed {
  background-color: #d9d9d9; }
  @media (min-width: 600px) {
    .frame .bg-light-grey-tablet, .frame .bg-light-grey-themed-tablet {
      background-color: #d9d9d9; } }
  @media (min-width: 1024px) {
    .frame .bg-light-grey-tablet-pc, .frame .bg-light-grey-themed-tablet-pc {
      background-color: #d9d9d9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-grey-tablet-pc, .frame .bg-light-grey-themed-tablet-pc {
      background-color: #d9d9d9; } }
  @media (min-width: 1440px) {
    .frame .bg-light-grey-pc, .frame .bg-light-grey-themed-pc {
      background-color: #d9d9d9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-grey-ultrawide, .frame .bg-light-grey-themed-ultrawide {
      background-color: #d9d9d9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-grey-super-ultrawide, .frame .bg-light-grey-themed-super-ultrawide {
      background-color: #d9d9d9; } }

.frame .bg-lighter-grey, .frame .bg-lighter-grey-themed {
  background-color: #e6e6e6; }
  @media (min-width: 600px) {
    .frame .bg-lighter-grey-tablet, .frame .bg-lighter-grey-themed-tablet {
      background-color: #e6e6e6; } }
  @media (min-width: 1024px) {
    .frame .bg-lighter-grey-tablet-pc, .frame .bg-lighter-grey-themed-tablet-pc {
      background-color: #e6e6e6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-lighter-grey-tablet-pc, .frame .bg-lighter-grey-themed-tablet-pc {
      background-color: #e6e6e6; } }
  @media (min-width: 1440px) {
    .frame .bg-lighter-grey-pc, .frame .bg-lighter-grey-themed-pc {
      background-color: #e6e6e6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-lighter-grey-ultrawide, .frame .bg-lighter-grey-themed-ultrawide {
      background-color: #e6e6e6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-lighter-grey-super-ultrawide, .frame .bg-lighter-grey-themed-super-ultrawide {
      background-color: #e6e6e6; } }

.frame .bg-dark-white, .frame .bg-dark-white-themed {
  background-color: #f0f0f0; }
  @media (min-width: 600px) {
    .frame .bg-dark-white-tablet, .frame .bg-dark-white-themed-tablet {
      background-color: #f0f0f0; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-white-tablet-pc, .frame .bg-dark-white-themed-tablet-pc {
      background-color: #f0f0f0; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-white-tablet-pc, .frame .bg-dark-white-themed-tablet-pc {
      background-color: #f0f0f0; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-white-pc, .frame .bg-dark-white-themed-pc {
      background-color: #f0f0f0; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-white-ultrawide, .frame .bg-dark-white-themed-ultrawide {
      background-color: #f0f0f0; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-white-super-ultrawide, .frame .bg-dark-white-themed-super-ultrawide {
      background-color: #f0f0f0; } }

.frame .bg-white, .frame .bg-white-themed {
  background-color: #fdfdfd; }
  @media (min-width: 600px) {
    .frame .bg-white-tablet, .frame .bg-white-themed-tablet {
      background-color: #fdfdfd; } }
  @media (min-width: 1024px) {
    .frame .bg-white-tablet-pc, .frame .bg-white-themed-tablet-pc {
      background-color: #fdfdfd; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-white-tablet-pc, .frame .bg-white-themed-tablet-pc {
      background-color: #fdfdfd; } }
  @media (min-width: 1440px) {
    .frame .bg-white-pc, .frame .bg-white-themed-pc {
      background-color: #fdfdfd; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-white-ultrawide, .frame .bg-white-themed-ultrawide {
      background-color: #fdfdfd; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-white-super-ultrawide, .frame .bg-white-themed-super-ultrawide {
      background-color: #fdfdfd; } }

.frame .bg-light-yellow, .frame .bg-light-yellow-themed {
  background-color: #f8f3b3; }
  @media (min-width: 600px) {
    .frame .bg-light-yellow-tablet, .frame .bg-light-yellow-themed-tablet {
      background-color: #f8f3b3; } }
  @media (min-width: 1024px) {
    .frame .bg-light-yellow-tablet-pc, .frame .bg-light-yellow-themed-tablet-pc {
      background-color: #f8f3b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-yellow-tablet-pc, .frame .bg-light-yellow-themed-tablet-pc {
      background-color: #f8f3b3; } }
  @media (min-width: 1440px) {
    .frame .bg-light-yellow-pc, .frame .bg-light-yellow-themed-pc {
      background-color: #f8f3b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-yellow-ultrawide, .frame .bg-light-yellow-themed-ultrawide {
      background-color: #f8f3b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-yellow-super-ultrawide, .frame .bg-light-yellow-themed-super-ultrawide {
      background-color: #f8f3b3; } }

.frame .bg-yellow, .frame .bg-yellow-themed {
  background-color: #f2e76d; }
  @media (min-width: 600px) {
    .frame .bg-yellow-tablet, .frame .bg-yellow-themed-tablet {
      background-color: #f2e76d; } }
  @media (min-width: 1024px) {
    .frame .bg-yellow-tablet-pc, .frame .bg-yellow-themed-tablet-pc {
      background-color: #f2e76d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-yellow-tablet-pc, .frame .bg-yellow-themed-tablet-pc {
      background-color: #f2e76d; } }
  @media (min-width: 1440px) {
    .frame .bg-yellow-pc, .frame .bg-yellow-themed-pc {
      background-color: #f2e76d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-yellow-ultrawide, .frame .bg-yellow-themed-ultrawide {
      background-color: #f2e76d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-yellow-super-ultrawide, .frame .bg-yellow-themed-super-ultrawide {
      background-color: #f2e76d; } }

.frame .bg-dark-yellow, .frame .bg-dark-yellow-themed {
  background-color: #ecdb27; }
  @media (min-width: 600px) {
    .frame .bg-dark-yellow-tablet, .frame .bg-dark-yellow-themed-tablet {
      background-color: #ecdb27; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-yellow-tablet-pc, .frame .bg-dark-yellow-themed-tablet-pc {
      background-color: #ecdb27; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-yellow-tablet-pc, .frame .bg-dark-yellow-themed-tablet-pc {
      background-color: #ecdb27; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-yellow-pc, .frame .bg-dark-yellow-themed-pc {
      background-color: #ecdb27; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-yellow-ultrawide, .frame .bg-dark-yellow-themed-ultrawide {
      background-color: #ecdb27; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-yellow-super-ultrawide, .frame .bg-dark-yellow-themed-super-ultrawide {
      background-color: #ecdb27; } }

.frame .bg-light-orange, .frame .bg-light-orange-themed {
  background-color: #f7c29c; }
  @media (min-width: 600px) {
    .frame .bg-light-orange-tablet, .frame .bg-light-orange-themed-tablet {
      background-color: #f7c29c; } }
  @media (min-width: 1024px) {
    .frame .bg-light-orange-tablet-pc, .frame .bg-light-orange-themed-tablet-pc {
      background-color: #f7c29c; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-orange-tablet-pc, .frame .bg-light-orange-themed-tablet-pc {
      background-color: #f7c29c; } }
  @media (min-width: 1440px) {
    .frame .bg-light-orange-pc, .frame .bg-light-orange-themed-pc {
      background-color: #f7c29c; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-orange-ultrawide, .frame .bg-light-orange-themed-ultrawide {
      background-color: #f7c29c; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-orange-super-ultrawide, .frame .bg-light-orange-themed-super-ultrawide {
      background-color: #f7c29c; } }

.frame .bg-orange, .frame .bg-orange-themed {
  background-color: #f29655; }
  @media (min-width: 600px) {
    .frame .bg-orange-tablet, .frame .bg-orange-themed-tablet {
      background-color: #f29655; } }
  @media (min-width: 1024px) {
    .frame .bg-orange-tablet-pc, .frame .bg-orange-themed-tablet-pc {
      background-color: #f29655; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-orange-tablet-pc, .frame .bg-orange-themed-tablet-pc {
      background-color: #f29655; } }
  @media (min-width: 1440px) {
    .frame .bg-orange-pc, .frame .bg-orange-themed-pc {
      background-color: #f29655; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-orange-ultrawide, .frame .bg-orange-themed-ultrawide {
      background-color: #f29655; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-orange-super-ultrawide, .frame .bg-orange-themed-super-ultrawide {
      background-color: #f29655; } }

.frame .bg-dark-orange, .frame .bg-dark-orange-themed {
  background-color: #e96b12; }
  @media (min-width: 600px) {
    .frame .bg-dark-orange-tablet, .frame .bg-dark-orange-themed-tablet {
      background-color: #e96b12; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-orange-tablet-pc, .frame .bg-dark-orange-themed-tablet-pc {
      background-color: #e96b12; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-orange-tablet-pc, .frame .bg-dark-orange-themed-tablet-pc {
      background-color: #e96b12; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-orange-pc, .frame .bg-dark-orange-themed-pc {
      background-color: #e96b12; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-orange-ultrawide, .frame .bg-dark-orange-themed-ultrawide {
      background-color: #e96b12; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-orange-super-ultrawide, .frame .bg-dark-orange-themed-super-ultrawide {
      background-color: #e96b12; } }

.frame .bg-light-red, .frame .bg-light-red-themed {
  background-color: #f8a8ae; }
  @media (min-width: 600px) {
    .frame .bg-light-red-tablet, .frame .bg-light-red-themed-tablet {
      background-color: #f8a8ae; } }
  @media (min-width: 1024px) {
    .frame .bg-light-red-tablet-pc, .frame .bg-light-red-themed-tablet-pc {
      background-color: #f8a8ae; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-red-tablet-pc, .frame .bg-light-red-themed-tablet-pc {
      background-color: #f8a8ae; } }
  @media (min-width: 1440px) {
    .frame .bg-light-red-pc, .frame .bg-light-red-themed-pc {
      background-color: #f8a8ae; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-red-ultrawide, .frame .bg-light-red-themed-ultrawide {
      background-color: #f8a8ae; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-red-super-ultrawide, .frame .bg-light-red-themed-super-ultrawide {
      background-color: #f8a8ae; } }

.frame .bg-red, .frame .bg-red-themed {
  background-color: #f2616d; }
  @media (min-width: 600px) {
    .frame .bg-red-tablet, .frame .bg-red-themed-tablet {
      background-color: #f2616d; } }
  @media (min-width: 1024px) {
    .frame .bg-red-tablet-pc, .frame .bg-red-themed-tablet-pc {
      background-color: #f2616d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-red-tablet-pc, .frame .bg-red-themed-tablet-pc {
      background-color: #f2616d; } }
  @media (min-width: 1440px) {
    .frame .bg-red-pc, .frame .bg-red-themed-pc {
      background-color: #f2616d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-red-ultrawide, .frame .bg-red-themed-ultrawide {
      background-color: #f2616d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-red-super-ultrawide, .frame .bg-red-themed-super-ultrawide {
      background-color: #f2616d; } }

.frame .bg-dark-red, .frame .bg-dark-red-themed {
  background-color: #ec1a2c; }
  @media (min-width: 600px) {
    .frame .bg-dark-red-tablet, .frame .bg-dark-red-themed-tablet {
      background-color: #ec1a2c; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-red-tablet-pc, .frame .bg-dark-red-themed-tablet-pc {
      background-color: #ec1a2c; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-red-tablet-pc, .frame .bg-dark-red-themed-tablet-pc {
      background-color: #ec1a2c; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-red-pc, .frame .bg-dark-red-themed-pc {
      background-color: #ec1a2c; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-red-ultrawide, .frame .bg-dark-red-themed-ultrawide {
      background-color: #ec1a2c; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-red-super-ultrawide, .frame .bg-dark-red-themed-super-ultrawide {
      background-color: #ec1a2c; } }

.frame .bg-light-purple, .frame .bg-light-purple-themed {
  background-color: #e1bff9; }
  @media (min-width: 600px) {
    .frame .bg-light-purple-tablet, .frame .bg-light-purple-themed-tablet {
      background-color: #e1bff9; } }
  @media (min-width: 1024px) {
    .frame .bg-light-purple-tablet-pc, .frame .bg-light-purple-themed-tablet-pc {
      background-color: #e1bff9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-purple-tablet-pc, .frame .bg-light-purple-themed-tablet-pc {
      background-color: #e1bff9; } }
  @media (min-width: 1440px) {
    .frame .bg-light-purple-pc, .frame .bg-light-purple-themed-pc {
      background-color: #e1bff9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-purple-ultrawide, .frame .bg-light-purple-themed-ultrawide {
      background-color: #e1bff9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-purple-super-ultrawide, .frame .bg-light-purple-themed-super-ultrawide {
      background-color: #e1bff9; } }

.frame .bg-purple, .frame .bg-purple-themed {
  background-color: #c079f2; }
  @media (min-width: 600px) {
    .frame .bg-purple-tablet, .frame .bg-purple-themed-tablet {
      background-color: #c079f2; } }
  @media (min-width: 1024px) {
    .frame .bg-purple-tablet-pc, .frame .bg-purple-themed-tablet-pc {
      background-color: #c079f2; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-purple-tablet-pc, .frame .bg-purple-themed-tablet-pc {
      background-color: #c079f2; } }
  @media (min-width: 1440px) {
    .frame .bg-purple-pc, .frame .bg-purple-themed-pc {
      background-color: #c079f2; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-purple-ultrawide, .frame .bg-purple-themed-ultrawide {
      background-color: #c079f2; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-purple-super-ultrawide, .frame .bg-purple-themed-super-ultrawide {
      background-color: #c079f2; } }

.frame .bg-dark-purple, .frame .bg-dark-purple-themed {
  background-color: #9f33eb; }
  @media (min-width: 600px) {
    .frame .bg-dark-purple-tablet, .frame .bg-dark-purple-themed-tablet {
      background-color: #9f33eb; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-purple-tablet-pc, .frame .bg-dark-purple-themed-tablet-pc {
      background-color: #9f33eb; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-purple-tablet-pc, .frame .bg-dark-purple-themed-tablet-pc {
      background-color: #9f33eb; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-purple-pc, .frame .bg-dark-purple-themed-pc {
      background-color: #9f33eb; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-purple-ultrawide, .frame .bg-dark-purple-themed-ultrawide {
      background-color: #9f33eb; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-purple-super-ultrawide, .frame .bg-dark-purple-themed-super-ultrawide {
      background-color: #9f33eb; } }

.frame .bg-light-blue, .frame .bg-light-blue-themed {
  background-color: #b3bff8; }
  @media (min-width: 600px) {
    .frame .bg-light-blue-tablet, .frame .bg-light-blue-themed-tablet {
      background-color: #b3bff8; } }
  @media (min-width: 1024px) {
    .frame .bg-light-blue-tablet-pc, .frame .bg-light-blue-themed-tablet-pc {
      background-color: #b3bff8; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-blue-tablet-pc, .frame .bg-light-blue-themed-tablet-pc {
      background-color: #b3bff8; } }
  @media (min-width: 1440px) {
    .frame .bg-light-blue-pc, .frame .bg-light-blue-themed-pc {
      background-color: #b3bff8; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-blue-ultrawide, .frame .bg-light-blue-themed-ultrawide {
      background-color: #b3bff8; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-blue-super-ultrawide, .frame .bg-light-blue-themed-super-ultrawide {
      background-color: #b3bff8; } }

.frame .bg-blue, .frame .bg-blue-themed {
  background-color: #6d83f2; }
  @media (min-width: 600px) {
    .frame .bg-blue-tablet, .frame .bg-blue-themed-tablet {
      background-color: #6d83f2; } }
  @media (min-width: 1024px) {
    .frame .bg-blue-tablet-pc, .frame .bg-blue-themed-tablet-pc {
      background-color: #6d83f2; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-blue-tablet-pc, .frame .bg-blue-themed-tablet-pc {
      background-color: #6d83f2; } }
  @media (min-width: 1440px) {
    .frame .bg-blue-pc, .frame .bg-blue-themed-pc {
      background-color: #6d83f2; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-blue-ultrawide, .frame .bg-blue-themed-ultrawide {
      background-color: #6d83f2; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-blue-super-ultrawide, .frame .bg-blue-themed-super-ultrawide {
      background-color: #6d83f2; } }

.frame .bg-dark-blue, .frame .bg-dark-blue-themed {
  background-color: #2747ec; }
  @media (min-width: 600px) {
    .frame .bg-dark-blue-tablet, .frame .bg-dark-blue-themed-tablet {
      background-color: #2747ec; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-blue-tablet-pc, .frame .bg-dark-blue-themed-tablet-pc {
      background-color: #2747ec; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-blue-tablet-pc, .frame .bg-dark-blue-themed-tablet-pc {
      background-color: #2747ec; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-blue-pc, .frame .bg-dark-blue-themed-pc {
      background-color: #2747ec; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-blue-ultrawide, .frame .bg-dark-blue-themed-ultrawide {
      background-color: #2747ec; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-blue-super-ultrawide, .frame .bg-dark-blue-themed-super-ultrawide {
      background-color: #2747ec; } }

.frame .bg-light-mint, .frame .bg-light-mint-themed {
  background-color: #9cf7e1; }
  @media (min-width: 600px) {
    .frame .bg-light-mint-tablet, .frame .bg-light-mint-themed-tablet {
      background-color: #9cf7e1; } }
  @media (min-width: 1024px) {
    .frame .bg-light-mint-tablet-pc, .frame .bg-light-mint-themed-tablet-pc {
      background-color: #9cf7e1; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-mint-tablet-pc, .frame .bg-light-mint-themed-tablet-pc {
      background-color: #9cf7e1; } }
  @media (min-width: 1440px) {
    .frame .bg-light-mint-pc, .frame .bg-light-mint-themed-pc {
      background-color: #9cf7e1; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-mint-ultrawide, .frame .bg-light-mint-themed-ultrawide {
      background-color: #9cf7e1; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-mint-super-ultrawide, .frame .bg-light-mint-themed-super-ultrawide {
      background-color: #9cf7e1; } }

.frame .bg-mint, .frame .bg-mint-themed {
  background-color: #55f2cb; }
  @media (min-width: 600px) {
    .frame .bg-mint-tablet, .frame .bg-mint-themed-tablet {
      background-color: #55f2cb; } }
  @media (min-width: 1024px) {
    .frame .bg-mint-tablet-pc, .frame .bg-mint-themed-tablet-pc {
      background-color: #55f2cb; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-mint-tablet-pc, .frame .bg-mint-themed-tablet-pc {
      background-color: #55f2cb; } }
  @media (min-width: 1440px) {
    .frame .bg-mint-pc, .frame .bg-mint-themed-pc {
      background-color: #55f2cb; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-mint-ultrawide, .frame .bg-mint-themed-ultrawide {
      background-color: #55f2cb; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-mint-super-ultrawide, .frame .bg-mint-themed-super-ultrawide {
      background-color: #55f2cb; } }

.frame .bg-dark-mint, .frame .bg-dark-mint-themed {
  background-color: #12e9b3; }
  @media (min-width: 600px) {
    .frame .bg-dark-mint-tablet, .frame .bg-dark-mint-themed-tablet {
      background-color: #12e9b3; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-mint-tablet-pc, .frame .bg-dark-mint-themed-tablet-pc {
      background-color: #12e9b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-mint-tablet-pc, .frame .bg-dark-mint-themed-tablet-pc {
      background-color: #12e9b3; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-mint-pc, .frame .bg-dark-mint-themed-pc {
      background-color: #12e9b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-mint-ultrawide, .frame .bg-dark-mint-themed-ultrawide {
      background-color: #12e9b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-mint-super-ultrawide, .frame .bg-dark-mint-themed-super-ultrawide {
      background-color: #12e9b3; } }

.frame .bg-light-green, .frame .bg-light-green-themed {
  background-color: #bff9cd; }
  @media (min-width: 600px) {
    .frame .bg-light-green-tablet, .frame .bg-light-green-themed-tablet {
      background-color: #bff9cd; } }
  @media (min-width: 1024px) {
    .frame .bg-light-green-tablet-pc, .frame .bg-light-green-themed-tablet-pc {
      background-color: #bff9cd; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-green-tablet-pc, .frame .bg-light-green-themed-tablet-pc {
      background-color: #bff9cd; } }
  @media (min-width: 1440px) {
    .frame .bg-light-green-pc, .frame .bg-light-green-themed-pc {
      background-color: #bff9cd; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-green-ultrawide, .frame .bg-light-green-themed-ultrawide {
      background-color: #bff9cd; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-green-super-ultrawide, .frame .bg-light-green-themed-super-ultrawide {
      background-color: #bff9cd; } }

.frame .bg-green, .frame .bg-green-themed {
  background-color: #79f297; }
  @media (min-width: 600px) {
    .frame .bg-green-tablet, .frame .bg-green-themed-tablet {
      background-color: #79f297; } }
  @media (min-width: 1024px) {
    .frame .bg-green-tablet-pc, .frame .bg-green-themed-tablet-pc {
      background-color: #79f297; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-green-tablet-pc, .frame .bg-green-themed-tablet-pc {
      background-color: #79f297; } }
  @media (min-width: 1440px) {
    .frame .bg-green-pc, .frame .bg-green-themed-pc {
      background-color: #79f297; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-green-ultrawide, .frame .bg-green-themed-ultrawide {
      background-color: #79f297; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-green-super-ultrawide, .frame .bg-green-themed-super-ultrawide {
      background-color: #79f297; } }

.frame .bg-dark-green, .frame .bg-dark-green-themed {
  background-color: #33eb61; }
  @media (min-width: 600px) {
    .frame .bg-dark-green-tablet, .frame .bg-dark-green-themed-tablet {
      background-color: #33eb61; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-green-tablet-pc, .frame .bg-dark-green-themed-tablet-pc {
      background-color: #33eb61; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-green-tablet-pc, .frame .bg-dark-green-themed-tablet-pc {
      background-color: #33eb61; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-green-pc, .frame .bg-dark-green-themed-pc {
      background-color: #33eb61; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-green-ultrawide, .frame .bg-dark-green-themed-ultrawide {
      background-color: #33eb61; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-green-super-ultrawide, .frame .bg-dark-green-themed-super-ultrawide {
      background-color: #33eb61; } }

.frame-dark .bg-black, .frame-dark .bg-black-themed {
  background-color: #262626; }
  @media (min-width: 600px) {
    .frame-dark .bg-black-tablet, .frame-dark .bg-black-themed-tablet {
      background-color: #262626; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-black-tablet-pc, .frame-dark .bg-black-themed-tablet-pc {
      background-color: #262626; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-black-tablet-pc, .frame-dark .bg-black-themed-tablet-pc {
      background-color: #262626; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-black-pc, .frame-dark .bg-black-themed-pc {
      background-color: #262626; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-black-ultrawide, .frame-dark .bg-black-themed-ultrawide {
      background-color: #262626; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-black-super-ultrawide, .frame-dark .bg-black-themed-super-ultrawide {
      background-color: #262626; } }

.frame-dark .bg-light-black, .frame-dark .bg-light-black-themed {
  background-color: #404040; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-black-tablet, .frame-dark .bg-light-black-themed-tablet {
      background-color: #404040; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-black-tablet-pc, .frame-dark .bg-light-black-themed-tablet-pc {
      background-color: #404040; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-black-tablet-pc, .frame-dark .bg-light-black-themed-tablet-pc {
      background-color: #404040; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-black-pc, .frame-dark .bg-light-black-themed-pc {
      background-color: #404040; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-black-ultrawide, .frame-dark .bg-light-black-themed-ultrawide {
      background-color: #404040; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-black-super-ultrawide, .frame-dark .bg-light-black-themed-super-ultrawide {
      background-color: #404040; } }

.frame-dark .bg-darker-grey, .frame-dark .bg-darker-grey-themed {
  background-color: #4d4d4d; }
  @media (min-width: 600px) {
    .frame-dark .bg-darker-grey-tablet, .frame-dark .bg-darker-grey-themed-tablet {
      background-color: #4d4d4d; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-darker-grey-tablet-pc, .frame-dark .bg-darker-grey-themed-tablet-pc {
      background-color: #4d4d4d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-darker-grey-tablet-pc, .frame-dark .bg-darker-grey-themed-tablet-pc {
      background-color: #4d4d4d; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-darker-grey-pc, .frame-dark .bg-darker-grey-themed-pc {
      background-color: #4d4d4d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-darker-grey-ultrawide, .frame-dark .bg-darker-grey-themed-ultrawide {
      background-color: #4d4d4d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-darker-grey-super-ultrawide, .frame-dark .bg-darker-grey-themed-super-ultrawide {
      background-color: #4d4d4d; } }

.frame-dark .bg-dark-grey, .frame-dark .bg-dark-grey-themed {
  background-color: #676767; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-grey-tablet, .frame-dark .bg-dark-grey-themed-tablet {
      background-color: #676767; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-grey-tablet-pc, .frame-dark .bg-dark-grey-themed-tablet-pc {
      background-color: #676767; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-grey-tablet-pc, .frame-dark .bg-dark-grey-themed-tablet-pc {
      background-color: #676767; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-grey-pc, .frame-dark .bg-dark-grey-themed-pc {
      background-color: #676767; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-grey-ultrawide, .frame-dark .bg-dark-grey-themed-ultrawide {
      background-color: #676767; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-grey-super-ultrawide, .frame-dark .bg-dark-grey-themed-super-ultrawide {
      background-color: #676767; } }

.frame-dark .bg-grey, .frame-dark .bg-grey-themed {
  background-color: #808080; }
  @media (min-width: 600px) {
    .frame-dark .bg-grey-tablet, .frame-dark .bg-grey-themed-tablet {
      background-color: #808080; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-grey-tablet-pc, .frame-dark .bg-grey-themed-tablet-pc {
      background-color: #808080; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-grey-tablet-pc, .frame-dark .bg-grey-themed-tablet-pc {
      background-color: #808080; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-grey-pc, .frame-dark .bg-grey-themed-pc {
      background-color: #808080; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-grey-ultrawide, .frame-dark .bg-grey-themed-ultrawide {
      background-color: #808080; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-grey-super-ultrawide, .frame-dark .bg-grey-themed-super-ultrawide {
      background-color: #808080; } }

.frame-dark .bg-light-grey, .frame-dark .bg-light-grey-themed {
  background-color: #8d8d8d; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-grey-tablet, .frame-dark .bg-light-grey-themed-tablet {
      background-color: #8d8d8d; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-grey-tablet-pc, .frame-dark .bg-light-grey-themed-tablet-pc {
      background-color: #8d8d8d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-grey-tablet-pc, .frame-dark .bg-light-grey-themed-tablet-pc {
      background-color: #8d8d8d; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-grey-pc, .frame-dark .bg-light-grey-themed-pc {
      background-color: #8d8d8d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-grey-ultrawide, .frame-dark .bg-light-grey-themed-ultrawide {
      background-color: #8d8d8d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-grey-super-ultrawide, .frame-dark .bg-light-grey-themed-super-ultrawide {
      background-color: #8d8d8d; } }

.frame-dark .bg-lighter-grey, .frame-dark .bg-lighter-grey-themed {
  background-color: #9a9a9a; }
  @media (min-width: 600px) {
    .frame-dark .bg-lighter-grey-tablet, .frame-dark .bg-lighter-grey-themed-tablet {
      background-color: #9a9a9a; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-lighter-grey-tablet-pc, .frame-dark .bg-lighter-grey-themed-tablet-pc {
      background-color: #9a9a9a; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-lighter-grey-tablet-pc, .frame-dark .bg-lighter-grey-themed-tablet-pc {
      background-color: #9a9a9a; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-lighter-grey-pc, .frame-dark .bg-lighter-grey-themed-pc {
      background-color: #9a9a9a; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-lighter-grey-ultrawide, .frame-dark .bg-lighter-grey-themed-ultrawide {
      background-color: #9a9a9a; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-lighter-grey-super-ultrawide, .frame-dark .bg-lighter-grey-themed-super-ultrawide {
      background-color: #9a9a9a; } }

.frame-dark .bg-dark-white, .frame-dark .bg-dark-white-themed {
  background-color: #d9d9d9; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-white-tablet, .frame-dark .bg-dark-white-themed-tablet {
      background-color: #d9d9d9; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-white-tablet-pc, .frame-dark .bg-dark-white-themed-tablet-pc {
      background-color: #d9d9d9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-white-tablet-pc, .frame-dark .bg-dark-white-themed-tablet-pc {
      background-color: #d9d9d9; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-white-pc, .frame-dark .bg-dark-white-themed-pc {
      background-color: #d9d9d9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-white-ultrawide, .frame-dark .bg-dark-white-themed-ultrawide {
      background-color: #d9d9d9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-white-super-ultrawide, .frame-dark .bg-dark-white-themed-super-ultrawide {
      background-color: #d9d9d9; } }

.frame-dark .bg-white, .frame-dark .bg-white-themed {
  background-color: #e6e6e6; }
  @media (min-width: 600px) {
    .frame-dark .bg-white-tablet, .frame-dark .bg-white-themed-tablet {
      background-color: #e6e6e6; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-white-tablet-pc, .frame-dark .bg-white-themed-tablet-pc {
      background-color: #e6e6e6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-white-tablet-pc, .frame-dark .bg-white-themed-tablet-pc {
      background-color: #e6e6e6; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-white-pc, .frame-dark .bg-white-themed-pc {
      background-color: #e6e6e6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-white-ultrawide, .frame-dark .bg-white-themed-ultrawide {
      background-color: #e6e6e6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-white-super-ultrawide, .frame-dark .bg-white-themed-super-ultrawide {
      background-color: #e6e6e6; } }

.frame-dark .bg-light-yellow, .frame-dark .bg-light-yellow-themed {
  background-color: #fffbc0; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-yellow-tablet, .frame-dark .bg-light-yellow-themed-tablet {
      background-color: #fffbc0; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-yellow-tablet-pc, .frame-dark .bg-light-yellow-themed-tablet-pc {
      background-color: #fffbc0; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-yellow-tablet-pc, .frame-dark .bg-light-yellow-themed-tablet-pc {
      background-color: #fffbc0; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-yellow-pc, .frame-dark .bg-light-yellow-themed-pc {
      background-color: #fffbc0; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-yellow-ultrawide, .frame-dark .bg-light-yellow-themed-ultrawide {
      background-color: #fffbc0; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-yellow-super-ultrawide, .frame-dark .bg-light-yellow-themed-super-ultrawide {
      background-color: #fffbc0; } }

.frame-dark .bg-yellow, .frame-dark .bg-yellow-themed {
  background-color: #fff673; }
  @media (min-width: 600px) {
    .frame-dark .bg-yellow-tablet, .frame-dark .bg-yellow-themed-tablet {
      background-color: #fff673; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-yellow-tablet-pc, .frame-dark .bg-yellow-themed-tablet-pc {
      background-color: #fff673; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-yellow-tablet-pc, .frame-dark .bg-yellow-themed-tablet-pc {
      background-color: #fff673; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-yellow-pc, .frame-dark .bg-yellow-themed-pc {
      background-color: #fff673; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-yellow-ultrawide, .frame-dark .bg-yellow-themed-ultrawide {
      background-color: #fff673; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-yellow-super-ultrawide, .frame-dark .bg-yellow-themed-super-ultrawide {
      background-color: #fff673; } }

.frame-dark .bg-dark-yellow, .frame-dark .bg-dark-yellow-themed {
  background-color: #fff127; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-yellow-tablet, .frame-dark .bg-dark-yellow-themed-tablet {
      background-color: #fff127; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-yellow-tablet-pc, .frame-dark .bg-dark-yellow-themed-tablet-pc {
      background-color: #fff127; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-yellow-tablet-pc, .frame-dark .bg-dark-yellow-themed-tablet-pc {
      background-color: #fff127; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-yellow-pc, .frame-dark .bg-dark-yellow-themed-pc {
      background-color: #fff127; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-yellow-ultrawide, .frame-dark .bg-dark-yellow-themed-ultrawide {
      background-color: #fff127; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-yellow-super-ultrawide, .frame-dark .bg-dark-yellow-themed-super-ultrawide {
      background-color: #fff127; } }

.frame-dark .bg-light-orange, .frame-dark .bg-light-orange-themed {
  background-color: #ffcba6; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-orange-tablet, .frame-dark .bg-light-orange-themed-tablet {
      background-color: #ffcba6; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-orange-tablet-pc, .frame-dark .bg-light-orange-themed-tablet-pc {
      background-color: #ffcba6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-orange-tablet-pc, .frame-dark .bg-light-orange-themed-tablet-pc {
      background-color: #ffcba6; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-orange-pc, .frame-dark .bg-light-orange-themed-pc {
      background-color: #ffcba6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-orange-ultrawide, .frame-dark .bg-light-orange-themed-ultrawide {
      background-color: #ffcba6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-orange-super-ultrawide, .frame-dark .bg-light-orange-themed-super-ultrawide {
      background-color: #ffcba6; } }

.frame-dark .bg-orange, .frame-dark .bg-orange-themed {
  background-color: #ff9e59; }
  @media (min-width: 600px) {
    .frame-dark .bg-orange-tablet, .frame-dark .bg-orange-themed-tablet {
      background-color: #ff9e59; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-orange-tablet-pc, .frame-dark .bg-orange-themed-tablet-pc {
      background-color: #ff9e59; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-orange-tablet-pc, .frame-dark .bg-orange-themed-tablet-pc {
      background-color: #ff9e59; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-orange-pc, .frame-dark .bg-orange-themed-pc {
      background-color: #ff9e59; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-orange-ultrawide, .frame-dark .bg-orange-themed-ultrawide {
      background-color: #ff9e59; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-orange-super-ultrawide, .frame-dark .bg-orange-themed-super-ultrawide {
      background-color: #ff9e59; } }

.frame-dark .bg-dark-orange, .frame-dark .bg-dark-orange-themed {
  background-color: #ff710d; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-orange-tablet, .frame-dark .bg-dark-orange-themed-tablet {
      background-color: #ff710d; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-orange-tablet-pc, .frame-dark .bg-dark-orange-themed-tablet-pc {
      background-color: #ff710d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-orange-tablet-pc, .frame-dark .bg-dark-orange-themed-tablet-pc {
      background-color: #ff710d; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-orange-pc, .frame-dark .bg-dark-orange-themed-pc {
      background-color: #ff710d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-orange-ultrawide, .frame-dark .bg-dark-orange-themed-ultrawide {
      background-color: #ff710d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-orange-super-ultrawide, .frame-dark .bg-dark-orange-themed-super-ultrawide {
      background-color: #ff710d; } }

.frame-dark .bg-light-red, .frame-dark .bg-light-red-themed {
  background-color: #ffb3b9; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-red-tablet, .frame-dark .bg-light-red-themed-tablet {
      background-color: #ffb3b9; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-red-tablet-pc, .frame-dark .bg-light-red-themed-tablet-pc {
      background-color: #ffb3b9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-red-tablet-pc, .frame-dark .bg-light-red-themed-tablet-pc {
      background-color: #ffb3b9; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-red-pc, .frame-dark .bg-light-red-themed-pc {
      background-color: #ffb3b9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-red-ultrawide, .frame-dark .bg-light-red-themed-ultrawide {
      background-color: #ffb3b9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-red-super-ultrawide, .frame-dark .bg-light-red-themed-super-ultrawide {
      background-color: #ffb3b9; } }

.frame-dark .bg-red, .frame-dark .bg-red-themed {
  background-color: #ff6673; }
  @media (min-width: 600px) {
    .frame-dark .bg-red-tablet, .frame-dark .bg-red-themed-tablet {
      background-color: #ff6673; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-red-tablet-pc, .frame-dark .bg-red-themed-tablet-pc {
      background-color: #ff6673; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-red-tablet-pc, .frame-dark .bg-red-themed-tablet-pc {
      background-color: #ff6673; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-red-pc, .frame-dark .bg-red-themed-pc {
      background-color: #ff6673; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-red-ultrawide, .frame-dark .bg-red-themed-ultrawide {
      background-color: #ff6673; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-red-super-ultrawide, .frame-dark .bg-red-themed-super-ultrawide {
      background-color: #ff6673; } }

.frame-dark .bg-dark-red, .frame-dark .bg-dark-red-themed {
  background-color: #ff1a2d; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-red-tablet, .frame-dark .bg-dark-red-themed-tablet {
      background-color: #ff1a2d; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-red-tablet-pc, .frame-dark .bg-dark-red-themed-tablet-pc {
      background-color: #ff1a2d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-red-tablet-pc, .frame-dark .bg-dark-red-themed-tablet-pc {
      background-color: #ff1a2d; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-red-pc, .frame-dark .bg-dark-red-themed-pc {
      background-color: #ff1a2d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-red-ultrawide, .frame-dark .bg-dark-red-themed-ultrawide {
      background-color: #ff1a2d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-red-super-ultrawide, .frame-dark .bg-dark-red-themed-super-ultrawide {
      background-color: #ff1a2d; } }

.frame-dark .bg-light-purple, .frame-dark .bg-light-purple-themed {
  background-color: #eaccff; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-purple-tablet, .frame-dark .bg-light-purple-themed-tablet {
      background-color: #eaccff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-purple-tablet-pc, .frame-dark .bg-light-purple-themed-tablet-pc {
      background-color: #eaccff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-purple-tablet-pc, .frame-dark .bg-light-purple-themed-tablet-pc {
      background-color: #eaccff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-purple-pc, .frame-dark .bg-light-purple-themed-pc {
      background-color: #eaccff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-purple-ultrawide, .frame-dark .bg-light-purple-themed-ultrawide {
      background-color: #eaccff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-purple-super-ultrawide, .frame-dark .bg-light-purple-themed-super-ultrawide {
      background-color: #eaccff; } }

.frame-dark .bg-purple, .frame-dark .bg-purple-themed {
  background-color: #ca7fff; }
  @media (min-width: 600px) {
    .frame-dark .bg-purple-tablet, .frame-dark .bg-purple-themed-tablet {
      background-color: #ca7fff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-purple-tablet-pc, .frame-dark .bg-purple-themed-tablet-pc {
      background-color: #ca7fff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-purple-tablet-pc, .frame-dark .bg-purple-themed-tablet-pc {
      background-color: #ca7fff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-purple-pc, .frame-dark .bg-purple-themed-pc {
      background-color: #ca7fff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-purple-ultrawide, .frame-dark .bg-purple-themed-ultrawide {
      background-color: #ca7fff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-purple-super-ultrawide, .frame-dark .bg-purple-themed-super-ultrawide {
      background-color: #ca7fff; } }

.frame-dark .bg-dark-purple, .frame-dark .bg-dark-purple-themed {
  background-color: #aa33ff; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-purple-tablet, .frame-dark .bg-dark-purple-themed-tablet {
      background-color: #aa33ff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-purple-tablet-pc, .frame-dark .bg-dark-purple-themed-tablet-pc {
      background-color: #aa33ff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-purple-tablet-pc, .frame-dark .bg-dark-purple-themed-tablet-pc {
      background-color: #aa33ff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-purple-pc, .frame-dark .bg-dark-purple-themed-pc {
      background-color: #aa33ff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-purple-ultrawide, .frame-dark .bg-dark-purple-themed-ultrawide {
      background-color: #aa33ff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-purple-super-ultrawide, .frame-dark .bg-dark-purple-themed-super-ultrawide {
      background-color: #aa33ff; } }

.frame-dark .bg-light-blue, .frame-dark .bg-light-blue-themed {
  background-color: #c0caff; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-blue-tablet, .frame-dark .bg-light-blue-themed-tablet {
      background-color: #c0caff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-blue-tablet-pc, .frame-dark .bg-light-blue-themed-tablet-pc {
      background-color: #c0caff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-blue-tablet-pc, .frame-dark .bg-light-blue-themed-tablet-pc {
      background-color: #c0caff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-blue-pc, .frame-dark .bg-light-blue-themed-pc {
      background-color: #c0caff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-blue-ultrawide, .frame-dark .bg-light-blue-themed-ultrawide {
      background-color: #c0caff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-blue-super-ultrawide, .frame-dark .bg-light-blue-themed-super-ultrawide {
      background-color: #c0caff; } }

.frame-dark .bg-blue, .frame-dark .bg-blue-themed {
  background-color: #738aff; }
  @media (min-width: 600px) {
    .frame-dark .bg-blue-tablet, .frame-dark .bg-blue-themed-tablet {
      background-color: #738aff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-blue-tablet-pc, .frame-dark .bg-blue-themed-tablet-pc {
      background-color: #738aff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-blue-tablet-pc, .frame-dark .bg-blue-themed-tablet-pc {
      background-color: #738aff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-blue-pc, .frame-dark .bg-blue-themed-pc {
      background-color: #738aff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-blue-ultrawide, .frame-dark .bg-blue-themed-ultrawide {
      background-color: #738aff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-blue-super-ultrawide, .frame-dark .bg-blue-themed-super-ultrawide {
      background-color: #738aff; } }

.frame-dark .bg-dark-blue, .frame-dark .bg-dark-blue-themed {
  background-color: #274aff; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-blue-tablet, .frame-dark .bg-dark-blue-themed-tablet {
      background-color: #274aff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-blue-tablet-pc, .frame-dark .bg-dark-blue-themed-tablet-pc {
      background-color: #274aff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-blue-tablet-pc, .frame-dark .bg-dark-blue-themed-tablet-pc {
      background-color: #274aff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-blue-pc, .frame-dark .bg-dark-blue-themed-pc {
      background-color: #274aff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-blue-ultrawide, .frame-dark .bg-dark-blue-themed-ultrawide {
      background-color: #274aff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-blue-super-ultrawide, .frame-dark .bg-dark-blue-themed-super-ultrawide {
      background-color: #274aff; } }

.frame-dark .bg-light-mint, .frame-dark .bg-light-mint-themed {
  background-color: #a6ffe9; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-mint-tablet, .frame-dark .bg-light-mint-themed-tablet {
      background-color: #a6ffe9; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-mint-tablet-pc, .frame-dark .bg-light-mint-themed-tablet-pc {
      background-color: #a6ffe9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-mint-tablet-pc, .frame-dark .bg-light-mint-themed-tablet-pc {
      background-color: #a6ffe9; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-mint-pc, .frame-dark .bg-light-mint-themed-pc {
      background-color: #a6ffe9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-mint-ultrawide, .frame-dark .bg-light-mint-themed-ultrawide {
      background-color: #a6ffe9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-mint-super-ultrawide, .frame-dark .bg-light-mint-themed-super-ultrawide {
      background-color: #a6ffe9; } }

.frame-dark .bg-mint, .frame-dark .bg-mint-themed {
  background-color: #59ffd6; }
  @media (min-width: 600px) {
    .frame-dark .bg-mint-tablet, .frame-dark .bg-mint-themed-tablet {
      background-color: #59ffd6; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-mint-tablet-pc, .frame-dark .bg-mint-themed-tablet-pc {
      background-color: #59ffd6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-mint-tablet-pc, .frame-dark .bg-mint-themed-tablet-pc {
      background-color: #59ffd6; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-mint-pc, .frame-dark .bg-mint-themed-pc {
      background-color: #59ffd6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-mint-ultrawide, .frame-dark .bg-mint-themed-ultrawide {
      background-color: #59ffd6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-mint-super-ultrawide, .frame-dark .bg-mint-themed-super-ultrawide {
      background-color: #59ffd6; } }

.frame-dark .bg-dark-mint, .frame-dark .bg-dark-mint-themed {
  background-color: #0dffc3; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-mint-tablet, .frame-dark .bg-dark-mint-themed-tablet {
      background-color: #0dffc3; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-mint-tablet-pc, .frame-dark .bg-dark-mint-themed-tablet-pc {
      background-color: #0dffc3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-mint-tablet-pc, .frame-dark .bg-dark-mint-themed-tablet-pc {
      background-color: #0dffc3; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-mint-pc, .frame-dark .bg-dark-mint-themed-pc {
      background-color: #0dffc3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-mint-ultrawide, .frame-dark .bg-dark-mint-themed-ultrawide {
      background-color: #0dffc3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-mint-super-ultrawide, .frame-dark .bg-dark-mint-themed-super-ultrawide {
      background-color: #0dffc3; } }

.frame-dark .bg-light-green, .frame-dark .bg-light-green-themed {
  background-color: #ccffd8; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-green-tablet, .frame-dark .bg-light-green-themed-tablet {
      background-color: #ccffd8; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-green-tablet-pc, .frame-dark .bg-light-green-themed-tablet-pc {
      background-color: #ccffd8; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-green-tablet-pc, .frame-dark .bg-light-green-themed-tablet-pc {
      background-color: #ccffd8; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-green-pc, .frame-dark .bg-light-green-themed-pc {
      background-color: #ccffd8; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-green-ultrawide, .frame-dark .bg-light-green-themed-ultrawide {
      background-color: #ccffd8; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-green-super-ultrawide, .frame-dark .bg-light-green-themed-super-ultrawide {
      background-color: #ccffd8; } }

.frame-dark .bg-green, .frame-dark .bg-green-themed {
  background-color: #7fff9f; }
  @media (min-width: 600px) {
    .frame-dark .bg-green-tablet, .frame-dark .bg-green-themed-tablet {
      background-color: #7fff9f; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-green-tablet-pc, .frame-dark .bg-green-themed-tablet-pc {
      background-color: #7fff9f; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-green-tablet-pc, .frame-dark .bg-green-themed-tablet-pc {
      background-color: #7fff9f; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-green-pc, .frame-dark .bg-green-themed-pc {
      background-color: #7fff9f; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-green-ultrawide, .frame-dark .bg-green-themed-ultrawide {
      background-color: #7fff9f; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-green-super-ultrawide, .frame-dark .bg-green-themed-super-ultrawide {
      background-color: #7fff9f; } }

.frame-dark .bg-dark-green, .frame-dark .bg-dark-green-themed {
  background-color: #33ff66; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-green-tablet, .frame-dark .bg-dark-green-themed-tablet {
      background-color: #33ff66; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-green-tablet-pc, .frame-dark .bg-dark-green-themed-tablet-pc {
      background-color: #33ff66; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-green-tablet-pc, .frame-dark .bg-dark-green-themed-tablet-pc {
      background-color: #33ff66; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-green-pc, .frame-dark .bg-dark-green-themed-pc {
      background-color: #33ff66; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-green-ultrawide, .frame-dark .bg-dark-green-themed-ultrawide {
      background-color: #33ff66; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-green-super-ultrawide, .frame-dark .bg-dark-green-themed-super-ultrawide {
      background-color: #33ff66; } }

.frame [class*='bg-black-themed'] {
  background: #333333; }

.frame-dark [class*='bg-black-themed'] {
  background: #fdfdfd; }

.frame [class*='bg-white-themed'] {
  background: #fdfdfd; }

.frame-dark [class*='bg-white-themed'] {
  background: #333333; }

.frame .bg-black-lm {
  background-color: #333333; }
  @media (min-width: 600px) {
    .frame .bg-black-lm-tablet {
      background-color: #333333; } }
  @media (min-width: 1024px) {
    .frame .bg-black-lm-tablet-pc {
      background-color: #333333; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-black-lm-tablet-pc {
      background-color: #333333; } }
  @media (min-width: 1440px) {
    .frame .bg-black-lm-pc {
      background-color: #333333; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-black-lm-ultrawide {
      background-color: #333333; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-black-lm-super-ultrawide {
      background-color: #333333; } }

.frame .bg-light-black-lm {
  background-color: #4d4d4d; }
  @media (min-width: 600px) {
    .frame .bg-light-black-lm-tablet {
      background-color: #4d4d4d; } }
  @media (min-width: 1024px) {
    .frame .bg-light-black-lm-tablet-pc {
      background-color: #4d4d4d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-black-lm-tablet-pc {
      background-color: #4d4d4d; } }
  @media (min-width: 1440px) {
    .frame .bg-light-black-lm-pc {
      background-color: #4d4d4d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-black-lm-ultrawide {
      background-color: #4d4d4d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-black-lm-super-ultrawide {
      background-color: #4d4d4d; } }

.frame .bg-darker-grey-lm {
  background-color: #999999; }
  @media (min-width: 600px) {
    .frame .bg-darker-grey-lm-tablet {
      background-color: #999999; } }
  @media (min-width: 1024px) {
    .frame .bg-darker-grey-lm-tablet-pc {
      background-color: #999999; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-darker-grey-lm-tablet-pc {
      background-color: #999999; } }
  @media (min-width: 1440px) {
    .frame .bg-darker-grey-lm-pc {
      background-color: #999999; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-darker-grey-lm-ultrawide {
      background-color: #999999; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-darker-grey-lm-super-ultrawide {
      background-color: #999999; } }

.frame .bg-dark-grey-lm {
  background-color: #b3b3b3; }
  @media (min-width: 600px) {
    .frame .bg-dark-grey-lm-tablet {
      background-color: #b3b3b3; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-grey-lm-tablet-pc {
      background-color: #b3b3b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-grey-lm-tablet-pc {
      background-color: #b3b3b3; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-grey-lm-pc {
      background-color: #b3b3b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-grey-lm-ultrawide {
      background-color: #b3b3b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-grey-lm-super-ultrawide {
      background-color: #b3b3b3; } }

.frame .bg-grey-lm {
  background-color: #cccccc; }
  @media (min-width: 600px) {
    .frame .bg-grey-lm-tablet {
      background-color: #cccccc; } }
  @media (min-width: 1024px) {
    .frame .bg-grey-lm-tablet-pc {
      background-color: #cccccc; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-grey-lm-tablet-pc {
      background-color: #cccccc; } }
  @media (min-width: 1440px) {
    .frame .bg-grey-lm-pc {
      background-color: #cccccc; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-grey-lm-ultrawide {
      background-color: #cccccc; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-grey-lm-super-ultrawide {
      background-color: #cccccc; } }

.frame .bg-light-grey-lm {
  background-color: #d9d9d9; }
  @media (min-width: 600px) {
    .frame .bg-light-grey-lm-tablet {
      background-color: #d9d9d9; } }
  @media (min-width: 1024px) {
    .frame .bg-light-grey-lm-tablet-pc {
      background-color: #d9d9d9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-grey-lm-tablet-pc {
      background-color: #d9d9d9; } }
  @media (min-width: 1440px) {
    .frame .bg-light-grey-lm-pc {
      background-color: #d9d9d9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-grey-lm-ultrawide {
      background-color: #d9d9d9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-grey-lm-super-ultrawide {
      background-color: #d9d9d9; } }

.frame .bg-lighter-grey-lm {
  background-color: #e6e6e6; }
  @media (min-width: 600px) {
    .frame .bg-lighter-grey-lm-tablet {
      background-color: #e6e6e6; } }
  @media (min-width: 1024px) {
    .frame .bg-lighter-grey-lm-tablet-pc {
      background-color: #e6e6e6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-lighter-grey-lm-tablet-pc {
      background-color: #e6e6e6; } }
  @media (min-width: 1440px) {
    .frame .bg-lighter-grey-lm-pc {
      background-color: #e6e6e6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-lighter-grey-lm-ultrawide {
      background-color: #e6e6e6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-lighter-grey-lm-super-ultrawide {
      background-color: #e6e6e6; } }

.frame .bg-dark-white-lm {
  background-color: #f0f0f0; }
  @media (min-width: 600px) {
    .frame .bg-dark-white-lm-tablet {
      background-color: #f0f0f0; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-white-lm-tablet-pc {
      background-color: #f0f0f0; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-white-lm-tablet-pc {
      background-color: #f0f0f0; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-white-lm-pc {
      background-color: #f0f0f0; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-white-lm-ultrawide {
      background-color: #f0f0f0; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-white-lm-super-ultrawide {
      background-color: #f0f0f0; } }

.frame .bg-white-lm {
  background-color: #fdfdfd; }
  @media (min-width: 600px) {
    .frame .bg-white-lm-tablet {
      background-color: #fdfdfd; } }
  @media (min-width: 1024px) {
    .frame .bg-white-lm-tablet-pc {
      background-color: #fdfdfd; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-white-lm-tablet-pc {
      background-color: #fdfdfd; } }
  @media (min-width: 1440px) {
    .frame .bg-white-lm-pc {
      background-color: #fdfdfd; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-white-lm-ultrawide {
      background-color: #fdfdfd; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-white-lm-super-ultrawide {
      background-color: #fdfdfd; } }

.frame .bg-light-yellow-lm {
  background-color: #f8f3b3; }
  @media (min-width: 600px) {
    .frame .bg-light-yellow-lm-tablet {
      background-color: #f8f3b3; } }
  @media (min-width: 1024px) {
    .frame .bg-light-yellow-lm-tablet-pc {
      background-color: #f8f3b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-yellow-lm-tablet-pc {
      background-color: #f8f3b3; } }
  @media (min-width: 1440px) {
    .frame .bg-light-yellow-lm-pc {
      background-color: #f8f3b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-yellow-lm-ultrawide {
      background-color: #f8f3b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-yellow-lm-super-ultrawide {
      background-color: #f8f3b3; } }

.frame .bg-yellow-lm {
  background-color: #f2e76d; }
  @media (min-width: 600px) {
    .frame .bg-yellow-lm-tablet {
      background-color: #f2e76d; } }
  @media (min-width: 1024px) {
    .frame .bg-yellow-lm-tablet-pc {
      background-color: #f2e76d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-yellow-lm-tablet-pc {
      background-color: #f2e76d; } }
  @media (min-width: 1440px) {
    .frame .bg-yellow-lm-pc {
      background-color: #f2e76d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-yellow-lm-ultrawide {
      background-color: #f2e76d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-yellow-lm-super-ultrawide {
      background-color: #f2e76d; } }

.frame .bg-dark-yellow-lm {
  background-color: #ecdb27; }
  @media (min-width: 600px) {
    .frame .bg-dark-yellow-lm-tablet {
      background-color: #ecdb27; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-yellow-lm-tablet-pc {
      background-color: #ecdb27; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-yellow-lm-tablet-pc {
      background-color: #ecdb27; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-yellow-lm-pc {
      background-color: #ecdb27; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-yellow-lm-ultrawide {
      background-color: #ecdb27; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-yellow-lm-super-ultrawide {
      background-color: #ecdb27; } }

.frame .bg-light-orange-lm {
  background-color: #f7c29c; }
  @media (min-width: 600px) {
    .frame .bg-light-orange-lm-tablet {
      background-color: #f7c29c; } }
  @media (min-width: 1024px) {
    .frame .bg-light-orange-lm-tablet-pc {
      background-color: #f7c29c; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-orange-lm-tablet-pc {
      background-color: #f7c29c; } }
  @media (min-width: 1440px) {
    .frame .bg-light-orange-lm-pc {
      background-color: #f7c29c; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-orange-lm-ultrawide {
      background-color: #f7c29c; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-orange-lm-super-ultrawide {
      background-color: #f7c29c; } }

.frame .bg-orange-lm {
  background-color: #f29655; }
  @media (min-width: 600px) {
    .frame .bg-orange-lm-tablet {
      background-color: #f29655; } }
  @media (min-width: 1024px) {
    .frame .bg-orange-lm-tablet-pc {
      background-color: #f29655; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-orange-lm-tablet-pc {
      background-color: #f29655; } }
  @media (min-width: 1440px) {
    .frame .bg-orange-lm-pc {
      background-color: #f29655; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-orange-lm-ultrawide {
      background-color: #f29655; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-orange-lm-super-ultrawide {
      background-color: #f29655; } }

.frame .bg-dark-orange-lm {
  background-color: #e96b12; }
  @media (min-width: 600px) {
    .frame .bg-dark-orange-lm-tablet {
      background-color: #e96b12; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-orange-lm-tablet-pc {
      background-color: #e96b12; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-orange-lm-tablet-pc {
      background-color: #e96b12; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-orange-lm-pc {
      background-color: #e96b12; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-orange-lm-ultrawide {
      background-color: #e96b12; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-orange-lm-super-ultrawide {
      background-color: #e96b12; } }

.frame .bg-light-red-lm {
  background-color: #f8a8ae; }
  @media (min-width: 600px) {
    .frame .bg-light-red-lm-tablet {
      background-color: #f8a8ae; } }
  @media (min-width: 1024px) {
    .frame .bg-light-red-lm-tablet-pc {
      background-color: #f8a8ae; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-red-lm-tablet-pc {
      background-color: #f8a8ae; } }
  @media (min-width: 1440px) {
    .frame .bg-light-red-lm-pc {
      background-color: #f8a8ae; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-red-lm-ultrawide {
      background-color: #f8a8ae; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-red-lm-super-ultrawide {
      background-color: #f8a8ae; } }

.frame .bg-red-lm {
  background-color: #f2616d; }
  @media (min-width: 600px) {
    .frame .bg-red-lm-tablet {
      background-color: #f2616d; } }
  @media (min-width: 1024px) {
    .frame .bg-red-lm-tablet-pc {
      background-color: #f2616d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-red-lm-tablet-pc {
      background-color: #f2616d; } }
  @media (min-width: 1440px) {
    .frame .bg-red-lm-pc {
      background-color: #f2616d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-red-lm-ultrawide {
      background-color: #f2616d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-red-lm-super-ultrawide {
      background-color: #f2616d; } }

.frame .bg-dark-red-lm {
  background-color: #ec1a2c; }
  @media (min-width: 600px) {
    .frame .bg-dark-red-lm-tablet {
      background-color: #ec1a2c; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-red-lm-tablet-pc {
      background-color: #ec1a2c; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-red-lm-tablet-pc {
      background-color: #ec1a2c; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-red-lm-pc {
      background-color: #ec1a2c; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-red-lm-ultrawide {
      background-color: #ec1a2c; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-red-lm-super-ultrawide {
      background-color: #ec1a2c; } }

.frame .bg-light-purple-lm {
  background-color: #e1bff9; }
  @media (min-width: 600px) {
    .frame .bg-light-purple-lm-tablet {
      background-color: #e1bff9; } }
  @media (min-width: 1024px) {
    .frame .bg-light-purple-lm-tablet-pc {
      background-color: #e1bff9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-purple-lm-tablet-pc {
      background-color: #e1bff9; } }
  @media (min-width: 1440px) {
    .frame .bg-light-purple-lm-pc {
      background-color: #e1bff9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-purple-lm-ultrawide {
      background-color: #e1bff9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-purple-lm-super-ultrawide {
      background-color: #e1bff9; } }

.frame .bg-purple-lm {
  background-color: #c079f2; }
  @media (min-width: 600px) {
    .frame .bg-purple-lm-tablet {
      background-color: #c079f2; } }
  @media (min-width: 1024px) {
    .frame .bg-purple-lm-tablet-pc {
      background-color: #c079f2; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-purple-lm-tablet-pc {
      background-color: #c079f2; } }
  @media (min-width: 1440px) {
    .frame .bg-purple-lm-pc {
      background-color: #c079f2; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-purple-lm-ultrawide {
      background-color: #c079f2; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-purple-lm-super-ultrawide {
      background-color: #c079f2; } }

.frame .bg-dark-purple-lm {
  background-color: #9f33eb; }
  @media (min-width: 600px) {
    .frame .bg-dark-purple-lm-tablet {
      background-color: #9f33eb; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-purple-lm-tablet-pc {
      background-color: #9f33eb; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-purple-lm-tablet-pc {
      background-color: #9f33eb; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-purple-lm-pc {
      background-color: #9f33eb; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-purple-lm-ultrawide {
      background-color: #9f33eb; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-purple-lm-super-ultrawide {
      background-color: #9f33eb; } }

.frame .bg-light-blue-lm {
  background-color: #b3bff8; }
  @media (min-width: 600px) {
    .frame .bg-light-blue-lm-tablet {
      background-color: #b3bff8; } }
  @media (min-width: 1024px) {
    .frame .bg-light-blue-lm-tablet-pc {
      background-color: #b3bff8; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-blue-lm-tablet-pc {
      background-color: #b3bff8; } }
  @media (min-width: 1440px) {
    .frame .bg-light-blue-lm-pc {
      background-color: #b3bff8; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-blue-lm-ultrawide {
      background-color: #b3bff8; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-blue-lm-super-ultrawide {
      background-color: #b3bff8; } }

.frame .bg-blue-lm {
  background-color: #6d83f2; }
  @media (min-width: 600px) {
    .frame .bg-blue-lm-tablet {
      background-color: #6d83f2; } }
  @media (min-width: 1024px) {
    .frame .bg-blue-lm-tablet-pc {
      background-color: #6d83f2; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-blue-lm-tablet-pc {
      background-color: #6d83f2; } }
  @media (min-width: 1440px) {
    .frame .bg-blue-lm-pc {
      background-color: #6d83f2; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-blue-lm-ultrawide {
      background-color: #6d83f2; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-blue-lm-super-ultrawide {
      background-color: #6d83f2; } }

.frame .bg-dark-blue-lm {
  background-color: #2747ec; }
  @media (min-width: 600px) {
    .frame .bg-dark-blue-lm-tablet {
      background-color: #2747ec; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-blue-lm-tablet-pc {
      background-color: #2747ec; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-blue-lm-tablet-pc {
      background-color: #2747ec; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-blue-lm-pc {
      background-color: #2747ec; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-blue-lm-ultrawide {
      background-color: #2747ec; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-blue-lm-super-ultrawide {
      background-color: #2747ec; } }

.frame .bg-light-mint-lm {
  background-color: #9cf7e1; }
  @media (min-width: 600px) {
    .frame .bg-light-mint-lm-tablet {
      background-color: #9cf7e1; } }
  @media (min-width: 1024px) {
    .frame .bg-light-mint-lm-tablet-pc {
      background-color: #9cf7e1; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-mint-lm-tablet-pc {
      background-color: #9cf7e1; } }
  @media (min-width: 1440px) {
    .frame .bg-light-mint-lm-pc {
      background-color: #9cf7e1; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-mint-lm-ultrawide {
      background-color: #9cf7e1; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-mint-lm-super-ultrawide {
      background-color: #9cf7e1; } }

.frame .bg-mint-lm {
  background-color: #55f2cb; }
  @media (min-width: 600px) {
    .frame .bg-mint-lm-tablet {
      background-color: #55f2cb; } }
  @media (min-width: 1024px) {
    .frame .bg-mint-lm-tablet-pc {
      background-color: #55f2cb; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-mint-lm-tablet-pc {
      background-color: #55f2cb; } }
  @media (min-width: 1440px) {
    .frame .bg-mint-lm-pc {
      background-color: #55f2cb; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-mint-lm-ultrawide {
      background-color: #55f2cb; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-mint-lm-super-ultrawide {
      background-color: #55f2cb; } }

.frame .bg-dark-mint-lm {
  background-color: #12e9b3; }
  @media (min-width: 600px) {
    .frame .bg-dark-mint-lm-tablet {
      background-color: #12e9b3; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-mint-lm-tablet-pc {
      background-color: #12e9b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-mint-lm-tablet-pc {
      background-color: #12e9b3; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-mint-lm-pc {
      background-color: #12e9b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-mint-lm-ultrawide {
      background-color: #12e9b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-mint-lm-super-ultrawide {
      background-color: #12e9b3; } }

.frame .bg-light-green-lm {
  background-color: #bff9cd; }
  @media (min-width: 600px) {
    .frame .bg-light-green-lm-tablet {
      background-color: #bff9cd; } }
  @media (min-width: 1024px) {
    .frame .bg-light-green-lm-tablet-pc {
      background-color: #bff9cd; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-light-green-lm-tablet-pc {
      background-color: #bff9cd; } }
  @media (min-width: 1440px) {
    .frame .bg-light-green-lm-pc {
      background-color: #bff9cd; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-light-green-lm-ultrawide {
      background-color: #bff9cd; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-light-green-lm-super-ultrawide {
      background-color: #bff9cd; } }

.frame .bg-green-lm {
  background-color: #79f297; }
  @media (min-width: 600px) {
    .frame .bg-green-lm-tablet {
      background-color: #79f297; } }
  @media (min-width: 1024px) {
    .frame .bg-green-lm-tablet-pc {
      background-color: #79f297; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-green-lm-tablet-pc {
      background-color: #79f297; } }
  @media (min-width: 1440px) {
    .frame .bg-green-lm-pc {
      background-color: #79f297; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-green-lm-ultrawide {
      background-color: #79f297; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-green-lm-super-ultrawide {
      background-color: #79f297; } }

.frame .bg-dark-green-lm {
  background-color: #33eb61; }
  @media (min-width: 600px) {
    .frame .bg-dark-green-lm-tablet {
      background-color: #33eb61; } }
  @media (min-width: 1024px) {
    .frame .bg-dark-green-lm-tablet-pc {
      background-color: #33eb61; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .bg-dark-green-lm-tablet-pc {
      background-color: #33eb61; } }
  @media (min-width: 1440px) {
    .frame .bg-dark-green-lm-pc {
      background-color: #33eb61; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .bg-dark-green-lm-ultrawide {
      background-color: #33eb61; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .bg-dark-green-lm-super-ultrawide {
      background-color: #33eb61; } }

.frame-dark .bg-black-dm {
  background-color: #262626; }
  @media (min-width: 600px) {
    .frame-dark .bg-black-dm-tablet {
      background-color: #262626; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-black-dm-tablet-pc {
      background-color: #262626; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-black-dm-tablet-pc {
      background-color: #262626; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-black-dm-pc {
      background-color: #262626; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-black-dm-ultrawide {
      background-color: #262626; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-black-dm-super-ultrawide {
      background-color: #262626; } }

.frame-dark .bg-light-black-dm {
  background-color: #404040; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-black-dm-tablet {
      background-color: #404040; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-black-dm-tablet-pc {
      background-color: #404040; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-black-dm-tablet-pc {
      background-color: #404040; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-black-dm-pc {
      background-color: #404040; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-black-dm-ultrawide {
      background-color: #404040; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-black-dm-super-ultrawide {
      background-color: #404040; } }

.frame-dark .bg-darker-grey-dm {
  background-color: #4d4d4d; }
  @media (min-width: 600px) {
    .frame-dark .bg-darker-grey-dm-tablet {
      background-color: #4d4d4d; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-darker-grey-dm-tablet-pc {
      background-color: #4d4d4d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-darker-grey-dm-tablet-pc {
      background-color: #4d4d4d; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-darker-grey-dm-pc {
      background-color: #4d4d4d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-darker-grey-dm-ultrawide {
      background-color: #4d4d4d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-darker-grey-dm-super-ultrawide {
      background-color: #4d4d4d; } }

.frame-dark .bg-dark-grey-dm {
  background-color: #676767; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-grey-dm-tablet {
      background-color: #676767; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-grey-dm-tablet-pc {
      background-color: #676767; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-grey-dm-tablet-pc {
      background-color: #676767; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-grey-dm-pc {
      background-color: #676767; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-grey-dm-ultrawide {
      background-color: #676767; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-grey-dm-super-ultrawide {
      background-color: #676767; } }

.frame-dark .bg-grey-dm {
  background-color: #808080; }
  @media (min-width: 600px) {
    .frame-dark .bg-grey-dm-tablet {
      background-color: #808080; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-grey-dm-tablet-pc {
      background-color: #808080; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-grey-dm-tablet-pc {
      background-color: #808080; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-grey-dm-pc {
      background-color: #808080; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-grey-dm-ultrawide {
      background-color: #808080; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-grey-dm-super-ultrawide {
      background-color: #808080; } }

.frame-dark .bg-light-grey-dm {
  background-color: #8d8d8d; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-grey-dm-tablet {
      background-color: #8d8d8d; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-grey-dm-tablet-pc {
      background-color: #8d8d8d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-grey-dm-tablet-pc {
      background-color: #8d8d8d; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-grey-dm-pc {
      background-color: #8d8d8d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-grey-dm-ultrawide {
      background-color: #8d8d8d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-grey-dm-super-ultrawide {
      background-color: #8d8d8d; } }

.frame-dark .bg-lighter-grey-dm {
  background-color: #9a9a9a; }
  @media (min-width: 600px) {
    .frame-dark .bg-lighter-grey-dm-tablet {
      background-color: #9a9a9a; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-lighter-grey-dm-tablet-pc {
      background-color: #9a9a9a; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-lighter-grey-dm-tablet-pc {
      background-color: #9a9a9a; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-lighter-grey-dm-pc {
      background-color: #9a9a9a; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-lighter-grey-dm-ultrawide {
      background-color: #9a9a9a; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-lighter-grey-dm-super-ultrawide {
      background-color: #9a9a9a; } }

.frame-dark .bg-dark-white-dm {
  background-color: #d9d9d9; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-white-dm-tablet {
      background-color: #d9d9d9; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-white-dm-tablet-pc {
      background-color: #d9d9d9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-white-dm-tablet-pc {
      background-color: #d9d9d9; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-white-dm-pc {
      background-color: #d9d9d9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-white-dm-ultrawide {
      background-color: #d9d9d9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-white-dm-super-ultrawide {
      background-color: #d9d9d9; } }

.frame-dark .bg-white-dm {
  background-color: #e6e6e6; }
  @media (min-width: 600px) {
    .frame-dark .bg-white-dm-tablet {
      background-color: #e6e6e6; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-white-dm-tablet-pc {
      background-color: #e6e6e6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-white-dm-tablet-pc {
      background-color: #e6e6e6; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-white-dm-pc {
      background-color: #e6e6e6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-white-dm-ultrawide {
      background-color: #e6e6e6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-white-dm-super-ultrawide {
      background-color: #e6e6e6; } }

.frame-dark .bg-light-yellow-dm {
  background-color: #fffbc0; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-yellow-dm-tablet {
      background-color: #fffbc0; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-yellow-dm-tablet-pc {
      background-color: #fffbc0; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-yellow-dm-tablet-pc {
      background-color: #fffbc0; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-yellow-dm-pc {
      background-color: #fffbc0; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-yellow-dm-ultrawide {
      background-color: #fffbc0; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-yellow-dm-super-ultrawide {
      background-color: #fffbc0; } }

.frame-dark .bg-yellow-dm {
  background-color: #fff673; }
  @media (min-width: 600px) {
    .frame-dark .bg-yellow-dm-tablet {
      background-color: #fff673; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-yellow-dm-tablet-pc {
      background-color: #fff673; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-yellow-dm-tablet-pc {
      background-color: #fff673; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-yellow-dm-pc {
      background-color: #fff673; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-yellow-dm-ultrawide {
      background-color: #fff673; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-yellow-dm-super-ultrawide {
      background-color: #fff673; } }

.frame-dark .bg-dark-yellow-dm {
  background-color: #fff127; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-yellow-dm-tablet {
      background-color: #fff127; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-yellow-dm-tablet-pc {
      background-color: #fff127; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-yellow-dm-tablet-pc {
      background-color: #fff127; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-yellow-dm-pc {
      background-color: #fff127; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-yellow-dm-ultrawide {
      background-color: #fff127; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-yellow-dm-super-ultrawide {
      background-color: #fff127; } }

.frame-dark .bg-light-orange-dm {
  background-color: #ffcba6; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-orange-dm-tablet {
      background-color: #ffcba6; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-orange-dm-tablet-pc {
      background-color: #ffcba6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-orange-dm-tablet-pc {
      background-color: #ffcba6; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-orange-dm-pc {
      background-color: #ffcba6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-orange-dm-ultrawide {
      background-color: #ffcba6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-orange-dm-super-ultrawide {
      background-color: #ffcba6; } }

.frame-dark .bg-orange-dm {
  background-color: #ff9e59; }
  @media (min-width: 600px) {
    .frame-dark .bg-orange-dm-tablet {
      background-color: #ff9e59; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-orange-dm-tablet-pc {
      background-color: #ff9e59; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-orange-dm-tablet-pc {
      background-color: #ff9e59; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-orange-dm-pc {
      background-color: #ff9e59; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-orange-dm-ultrawide {
      background-color: #ff9e59; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-orange-dm-super-ultrawide {
      background-color: #ff9e59; } }

.frame-dark .bg-dark-orange-dm {
  background-color: #ff710d; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-orange-dm-tablet {
      background-color: #ff710d; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-orange-dm-tablet-pc {
      background-color: #ff710d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-orange-dm-tablet-pc {
      background-color: #ff710d; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-orange-dm-pc {
      background-color: #ff710d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-orange-dm-ultrawide {
      background-color: #ff710d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-orange-dm-super-ultrawide {
      background-color: #ff710d; } }

.frame-dark .bg-light-red-dm {
  background-color: #ffb3b9; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-red-dm-tablet {
      background-color: #ffb3b9; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-red-dm-tablet-pc {
      background-color: #ffb3b9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-red-dm-tablet-pc {
      background-color: #ffb3b9; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-red-dm-pc {
      background-color: #ffb3b9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-red-dm-ultrawide {
      background-color: #ffb3b9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-red-dm-super-ultrawide {
      background-color: #ffb3b9; } }

.frame-dark .bg-red-dm {
  background-color: #ff6673; }
  @media (min-width: 600px) {
    .frame-dark .bg-red-dm-tablet {
      background-color: #ff6673; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-red-dm-tablet-pc {
      background-color: #ff6673; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-red-dm-tablet-pc {
      background-color: #ff6673; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-red-dm-pc {
      background-color: #ff6673; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-red-dm-ultrawide {
      background-color: #ff6673; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-red-dm-super-ultrawide {
      background-color: #ff6673; } }

.frame-dark .bg-dark-red-dm {
  background-color: #ff1a2d; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-red-dm-tablet {
      background-color: #ff1a2d; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-red-dm-tablet-pc {
      background-color: #ff1a2d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-red-dm-tablet-pc {
      background-color: #ff1a2d; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-red-dm-pc {
      background-color: #ff1a2d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-red-dm-ultrawide {
      background-color: #ff1a2d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-red-dm-super-ultrawide {
      background-color: #ff1a2d; } }

.frame-dark .bg-light-purple-dm {
  background-color: #eaccff; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-purple-dm-tablet {
      background-color: #eaccff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-purple-dm-tablet-pc {
      background-color: #eaccff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-purple-dm-tablet-pc {
      background-color: #eaccff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-purple-dm-pc {
      background-color: #eaccff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-purple-dm-ultrawide {
      background-color: #eaccff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-purple-dm-super-ultrawide {
      background-color: #eaccff; } }

.frame-dark .bg-purple-dm {
  background-color: #ca7fff; }
  @media (min-width: 600px) {
    .frame-dark .bg-purple-dm-tablet {
      background-color: #ca7fff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-purple-dm-tablet-pc {
      background-color: #ca7fff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-purple-dm-tablet-pc {
      background-color: #ca7fff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-purple-dm-pc {
      background-color: #ca7fff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-purple-dm-ultrawide {
      background-color: #ca7fff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-purple-dm-super-ultrawide {
      background-color: #ca7fff; } }

.frame-dark .bg-dark-purple-dm {
  background-color: #aa33ff; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-purple-dm-tablet {
      background-color: #aa33ff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-purple-dm-tablet-pc {
      background-color: #aa33ff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-purple-dm-tablet-pc {
      background-color: #aa33ff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-purple-dm-pc {
      background-color: #aa33ff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-purple-dm-ultrawide {
      background-color: #aa33ff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-purple-dm-super-ultrawide {
      background-color: #aa33ff; } }

.frame-dark .bg-light-blue-dm {
  background-color: #c0caff; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-blue-dm-tablet {
      background-color: #c0caff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-blue-dm-tablet-pc {
      background-color: #c0caff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-blue-dm-tablet-pc {
      background-color: #c0caff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-blue-dm-pc {
      background-color: #c0caff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-blue-dm-ultrawide {
      background-color: #c0caff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-blue-dm-super-ultrawide {
      background-color: #c0caff; } }

.frame-dark .bg-blue-dm {
  background-color: #738aff; }
  @media (min-width: 600px) {
    .frame-dark .bg-blue-dm-tablet {
      background-color: #738aff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-blue-dm-tablet-pc {
      background-color: #738aff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-blue-dm-tablet-pc {
      background-color: #738aff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-blue-dm-pc {
      background-color: #738aff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-blue-dm-ultrawide {
      background-color: #738aff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-blue-dm-super-ultrawide {
      background-color: #738aff; } }

.frame-dark .bg-dark-blue-dm {
  background-color: #274aff; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-blue-dm-tablet {
      background-color: #274aff; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-blue-dm-tablet-pc {
      background-color: #274aff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-blue-dm-tablet-pc {
      background-color: #274aff; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-blue-dm-pc {
      background-color: #274aff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-blue-dm-ultrawide {
      background-color: #274aff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-blue-dm-super-ultrawide {
      background-color: #274aff; } }

.frame-dark .bg-light-mint-dm {
  background-color: #a6ffe9; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-mint-dm-tablet {
      background-color: #a6ffe9; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-mint-dm-tablet-pc {
      background-color: #a6ffe9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-mint-dm-tablet-pc {
      background-color: #a6ffe9; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-mint-dm-pc {
      background-color: #a6ffe9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-mint-dm-ultrawide {
      background-color: #a6ffe9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-mint-dm-super-ultrawide {
      background-color: #a6ffe9; } }

.frame-dark .bg-mint-dm {
  background-color: #59ffd6; }
  @media (min-width: 600px) {
    .frame-dark .bg-mint-dm-tablet {
      background-color: #59ffd6; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-mint-dm-tablet-pc {
      background-color: #59ffd6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-mint-dm-tablet-pc {
      background-color: #59ffd6; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-mint-dm-pc {
      background-color: #59ffd6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-mint-dm-ultrawide {
      background-color: #59ffd6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-mint-dm-super-ultrawide {
      background-color: #59ffd6; } }

.frame-dark .bg-dark-mint-dm {
  background-color: #0dffc3; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-mint-dm-tablet {
      background-color: #0dffc3; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-mint-dm-tablet-pc {
      background-color: #0dffc3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-mint-dm-tablet-pc {
      background-color: #0dffc3; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-mint-dm-pc {
      background-color: #0dffc3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-mint-dm-ultrawide {
      background-color: #0dffc3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-mint-dm-super-ultrawide {
      background-color: #0dffc3; } }

.frame-dark .bg-light-green-dm {
  background-color: #ccffd8; }
  @media (min-width: 600px) {
    .frame-dark .bg-light-green-dm-tablet {
      background-color: #ccffd8; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-light-green-dm-tablet-pc {
      background-color: #ccffd8; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-light-green-dm-tablet-pc {
      background-color: #ccffd8; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-light-green-dm-pc {
      background-color: #ccffd8; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-green-dm-ultrawide {
      background-color: #ccffd8; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-light-green-dm-super-ultrawide {
      background-color: #ccffd8; } }

.frame-dark .bg-green-dm {
  background-color: #7fff9f; }
  @media (min-width: 600px) {
    .frame-dark .bg-green-dm-tablet {
      background-color: #7fff9f; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-green-dm-tablet-pc {
      background-color: #7fff9f; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-green-dm-tablet-pc {
      background-color: #7fff9f; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-green-dm-pc {
      background-color: #7fff9f; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-green-dm-ultrawide {
      background-color: #7fff9f; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-green-dm-super-ultrawide {
      background-color: #7fff9f; } }

.frame-dark .bg-dark-green-dm {
  background-color: #33ff66; }
  @media (min-width: 600px) {
    .frame-dark .bg-dark-green-dm-tablet {
      background-color: #33ff66; } }
  @media (min-width: 1024px) {
    .frame-dark .bg-dark-green-dm-tablet-pc {
      background-color: #33ff66; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .bg-dark-green-dm-tablet-pc {
      background-color: #33ff66; } }
  @media (min-width: 1440px) {
    .frame-dark .bg-dark-green-dm-pc {
      background-color: #33ff66; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-green-dm-ultrawide {
      background-color: #33ff66; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .bg-dark-green-dm-super-ultrawide {
      background-color: #33ff66; } }

.border, [class*="frame"] .border {
  border: 1px solid #cccccc; }
  @media (min-width: 600px) {
    .border-tablet, [class*="frame"] .border-tablet {
      border: 1px solid #cccccc; } }
  @media (min-width: 1024px) {
    .border-tablet-pc, [class*="frame"] .border-tablet-pc {
      border: 1px solid #cccccc; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .border-tablet-pc, [class*="frame"] .border-tablet-pc {
      border: 1px solid #cccccc; } }
  @media (min-width: 1440px) {
    .border-pc, [class*="frame"] .border-pc {
      border: 1px solid #cccccc; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .border-ultrawide, [class*="frame"] .border-ultrawide {
      border: 1px solid #cccccc; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .border-super-ultrawide, [class*="frame"] .border-super-ultrawide {
      border: 1px solid #cccccc; } }
  .border-horizontal, [class*="frame"] .border-horizontal {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
    @media (min-width: 600px) {
      .border-horizontal-tablet, [class*="frame"] .border-horizontal-tablet {
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc; } }
    @media (min-width: 1024px) {
      .border-horizontal-tablet-pc, [class*="frame"] .border-horizontal-tablet-pc {
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .border-horizontal-tablet-pc, [class*="frame"] .border-horizontal-tablet-pc {
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc; } }
    @media (min-width: 1440px) {
      .border-horizontal-pc, [class*="frame"] .border-horizontal-pc {
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .border-horizontal-ultrawide, [class*="frame"] .border-horizontal-ultrawide {
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .border-horizontal-super-ultrawide, [class*="frame"] .border-horizontal-super-ultrawide {
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc; } }
  .border-vertical, [class*="frame"] .border-vertical {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc; }
    @media (min-width: 600px) {
      .border-vertical-tablet, [class*="frame"] .border-vertical-tablet {
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc; } }
    @media (min-width: 1024px) {
      .border-vertical-tablet-pc, [class*="frame"] .border-vertical-tablet-pc {
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .border-vertical-tablet-pc, [class*="frame"] .border-vertical-tablet-pc {
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc; } }
    @media (min-width: 1440px) {
      .border-vertical-pc, [class*="frame"] .border-vertical-pc {
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .border-vertical-ultrawide, [class*="frame"] .border-vertical-ultrawide {
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .border-vertical-super-ultrawide, [class*="frame"] .border-vertical-super-ultrawide {
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc; } }
  .border-top, [class*="frame"] .border-top {
    border-top: 1px solid #cccccc; }
    @media (min-width: 600px) {
      .border-top-tablet, [class*="frame"] .border-top-tablet {
        border-top: 1px solid #cccccc; } }
    @media (min-width: 1024px) {
      .border-top-tablet-pc, [class*="frame"] .border-top-tablet-pc {
        border-top: 1px solid #cccccc; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .border-top-tablet-pc, [class*="frame"] .border-top-tablet-pc {
        border-top: 1px solid #cccccc; } }
    @media (min-width: 1440px) {
      .border-top-pc, [class*="frame"] .border-top-pc {
        border-top: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .border-top-ultrawide, [class*="frame"] .border-top-ultrawide {
        border-top: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .border-top-super-ultrawide, [class*="frame"] .border-top-super-ultrawide {
        border-top: 1px solid #cccccc; } }
  .border-left, [class*="frame"] .border-left {
    border-left: 1px solid #cccccc; }
    @media (min-width: 600px) {
      .border-left-tablet, [class*="frame"] .border-left-tablet {
        border-left: 1px solid #cccccc; } }
    @media (min-width: 1024px) {
      .border-left-tablet-pc, [class*="frame"] .border-left-tablet-pc {
        border-left: 1px solid #cccccc; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .border-left-tablet-pc, [class*="frame"] .border-left-tablet-pc {
        border-left: 1px solid #cccccc; } }
    @media (min-width: 1440px) {
      .border-left-pc, [class*="frame"] .border-left-pc {
        border-left: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .border-left-ultrawide, [class*="frame"] .border-left-ultrawide {
        border-left: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .border-left-super-ultrawide, [class*="frame"] .border-left-super-ultrawide {
        border-left: 1px solid #cccccc; } }
  .border-right, [class*="frame"] .border-right {
    border-right: 1px solid #cccccc; }
    @media (min-width: 600px) {
      .border-right-tablet, [class*="frame"] .border-right-tablet {
        border-right: 1px solid #cccccc; } }
    @media (min-width: 1024px) {
      .border-right-tablet-pc, [class*="frame"] .border-right-tablet-pc {
        border-right: 1px solid #cccccc; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .border-right-tablet-pc, [class*="frame"] .border-right-tablet-pc {
        border-right: 1px solid #cccccc; } }
    @media (min-width: 1440px) {
      .border-right-pc, [class*="frame"] .border-right-pc {
        border-right: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .border-right-ultrawide, [class*="frame"] .border-right-ultrawide {
        border-right: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .border-right-super-ultrawide, [class*="frame"] .border-right-super-ultrawide {
        border-right: 1px solid #cccccc; } }
  .border-bottom, [class*="frame"] .border-bottom {
    border-bottom: 1px solid #cccccc; }
    @media (min-width: 600px) {
      .border-bottom-tablet, [class*="frame"] .border-bottom-tablet {
        border-bottom: 1px solid #cccccc; } }
    @media (min-width: 1024px) {
      .border-bottom-tablet-pc, [class*="frame"] .border-bottom-tablet-pc {
        border-bottom: 1px solid #cccccc; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .border-bottom-tablet-pc, [class*="frame"] .border-bottom-tablet-pc {
        border-bottom: 1px solid #cccccc; } }
    @media (min-width: 1440px) {
      .border-bottom-pc, [class*="frame"] .border-bottom-pc {
        border-bottom: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .border-bottom-ultrawide, [class*="frame"] .border-bottom-ultrawide {
        border-bottom: 1px solid #cccccc; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .border-bottom-super-ultrawide, [class*="frame"] .border-bottom-super-ultrawide {
        border-bottom: 1px solid #cccccc; } }
  .border-none, [class*="frame"] .border-none {
    border: none; }
    @media (min-width: 600px) {
      .border-none-tablet, [class*="frame"] .border-none-tablet {
        border: none; } }
    @media (min-width: 1024px) {
      .border-none-tablet-pc, [class*="frame"] .border-none-tablet-pc {
        border: none; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .border-none-tablet-pc, [class*="frame"] .border-none-tablet-pc {
        border: none; } }
    @media (min-width: 1440px) {
      .border-none-pc, [class*="frame"] .border-none-pc {
        border: none; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .border-none-ultrawide, [class*="frame"] .border-none-ultrawide {
        border: none; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .border-none-super-ultrawide, [class*="frame"] .border-none-super-ultrawide {
        border: none; } }

.frame .border-black, .frame .border-black-themed {
  border-color: #333333; }
  @media (min-width: 600px) {
    .frame .border-black-tablet, .frame .border-black-themed-tablet {
      border-color: #333333; } }
  @media (min-width: 1024px) {
    .frame .border-black-tablet-pc, .frame .border-black-themed-tablet-pc {
      border-color: #333333; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-black-tablet-pc, .frame .border-black-themed-tablet-pc {
      border-color: #333333; } }
  @media (min-width: 1440px) {
    .frame .border-black-pc, .frame .border-black-themed-pc {
      border-color: #333333; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-black-ultrawide, .frame .border-black-themed-ultrawide {
      border-color: #333333; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-black-super-ultrawide, .frame .border-black-themed-super-ultrawide {
      border-color: #333333; } }

.frame .border-light-black, .frame .border-light-black-themed {
  border-color: #4d4d4d; }
  @media (min-width: 600px) {
    .frame .border-light-black-tablet, .frame .border-light-black-themed-tablet {
      border-color: #4d4d4d; } }
  @media (min-width: 1024px) {
    .frame .border-light-black-tablet-pc, .frame .border-light-black-themed-tablet-pc {
      border-color: #4d4d4d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-black-tablet-pc, .frame .border-light-black-themed-tablet-pc {
      border-color: #4d4d4d; } }
  @media (min-width: 1440px) {
    .frame .border-light-black-pc, .frame .border-light-black-themed-pc {
      border-color: #4d4d4d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-black-ultrawide, .frame .border-light-black-themed-ultrawide {
      border-color: #4d4d4d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-black-super-ultrawide, .frame .border-light-black-themed-super-ultrawide {
      border-color: #4d4d4d; } }

.frame .border-darker-grey, .frame .border-darker-grey-themed {
  border-color: #999999; }
  @media (min-width: 600px) {
    .frame .border-darker-grey-tablet, .frame .border-darker-grey-themed-tablet {
      border-color: #999999; } }
  @media (min-width: 1024px) {
    .frame .border-darker-grey-tablet-pc, .frame .border-darker-grey-themed-tablet-pc {
      border-color: #999999; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-darker-grey-tablet-pc, .frame .border-darker-grey-themed-tablet-pc {
      border-color: #999999; } }
  @media (min-width: 1440px) {
    .frame .border-darker-grey-pc, .frame .border-darker-grey-themed-pc {
      border-color: #999999; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-darker-grey-ultrawide, .frame .border-darker-grey-themed-ultrawide {
      border-color: #999999; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-darker-grey-super-ultrawide, .frame .border-darker-grey-themed-super-ultrawide {
      border-color: #999999; } }

.frame .border-dark-grey, .frame .border-dark-grey-themed {
  border-color: #b3b3b3; }
  @media (min-width: 600px) {
    .frame .border-dark-grey-tablet, .frame .border-dark-grey-themed-tablet {
      border-color: #b3b3b3; } }
  @media (min-width: 1024px) {
    .frame .border-dark-grey-tablet-pc, .frame .border-dark-grey-themed-tablet-pc {
      border-color: #b3b3b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-grey-tablet-pc, .frame .border-dark-grey-themed-tablet-pc {
      border-color: #b3b3b3; } }
  @media (min-width: 1440px) {
    .frame .border-dark-grey-pc, .frame .border-dark-grey-themed-pc {
      border-color: #b3b3b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-grey-ultrawide, .frame .border-dark-grey-themed-ultrawide {
      border-color: #b3b3b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-grey-super-ultrawide, .frame .border-dark-grey-themed-super-ultrawide {
      border-color: #b3b3b3; } }

.frame .border-grey, .frame .border-grey-themed {
  border-color: #cccccc; }
  @media (min-width: 600px) {
    .frame .border-grey-tablet, .frame .border-grey-themed-tablet {
      border-color: #cccccc; } }
  @media (min-width: 1024px) {
    .frame .border-grey-tablet-pc, .frame .border-grey-themed-tablet-pc {
      border-color: #cccccc; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-grey-tablet-pc, .frame .border-grey-themed-tablet-pc {
      border-color: #cccccc; } }
  @media (min-width: 1440px) {
    .frame .border-grey-pc, .frame .border-grey-themed-pc {
      border-color: #cccccc; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-grey-ultrawide, .frame .border-grey-themed-ultrawide {
      border-color: #cccccc; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-grey-super-ultrawide, .frame .border-grey-themed-super-ultrawide {
      border-color: #cccccc; } }

.frame .border-light-grey, .frame .border-light-grey-themed {
  border-color: #d9d9d9; }
  @media (min-width: 600px) {
    .frame .border-light-grey-tablet, .frame .border-light-grey-themed-tablet {
      border-color: #d9d9d9; } }
  @media (min-width: 1024px) {
    .frame .border-light-grey-tablet-pc, .frame .border-light-grey-themed-tablet-pc {
      border-color: #d9d9d9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-grey-tablet-pc, .frame .border-light-grey-themed-tablet-pc {
      border-color: #d9d9d9; } }
  @media (min-width: 1440px) {
    .frame .border-light-grey-pc, .frame .border-light-grey-themed-pc {
      border-color: #d9d9d9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-grey-ultrawide, .frame .border-light-grey-themed-ultrawide {
      border-color: #d9d9d9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-grey-super-ultrawide, .frame .border-light-grey-themed-super-ultrawide {
      border-color: #d9d9d9; } }

.frame .border-lighter-grey, .frame .border-lighter-grey-themed {
  border-color: #e6e6e6; }
  @media (min-width: 600px) {
    .frame .border-lighter-grey-tablet, .frame .border-lighter-grey-themed-tablet {
      border-color: #e6e6e6; } }
  @media (min-width: 1024px) {
    .frame .border-lighter-grey-tablet-pc, .frame .border-lighter-grey-themed-tablet-pc {
      border-color: #e6e6e6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-lighter-grey-tablet-pc, .frame .border-lighter-grey-themed-tablet-pc {
      border-color: #e6e6e6; } }
  @media (min-width: 1440px) {
    .frame .border-lighter-grey-pc, .frame .border-lighter-grey-themed-pc {
      border-color: #e6e6e6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-lighter-grey-ultrawide, .frame .border-lighter-grey-themed-ultrawide {
      border-color: #e6e6e6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-lighter-grey-super-ultrawide, .frame .border-lighter-grey-themed-super-ultrawide {
      border-color: #e6e6e6; } }

.frame .border-dark-white, .frame .border-dark-white-themed {
  border-color: #f0f0f0; }
  @media (min-width: 600px) {
    .frame .border-dark-white-tablet, .frame .border-dark-white-themed-tablet {
      border-color: #f0f0f0; } }
  @media (min-width: 1024px) {
    .frame .border-dark-white-tablet-pc, .frame .border-dark-white-themed-tablet-pc {
      border-color: #f0f0f0; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-white-tablet-pc, .frame .border-dark-white-themed-tablet-pc {
      border-color: #f0f0f0; } }
  @media (min-width: 1440px) {
    .frame .border-dark-white-pc, .frame .border-dark-white-themed-pc {
      border-color: #f0f0f0; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-white-ultrawide, .frame .border-dark-white-themed-ultrawide {
      border-color: #f0f0f0; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-white-super-ultrawide, .frame .border-dark-white-themed-super-ultrawide {
      border-color: #f0f0f0; } }

.frame .border-white, .frame .border-white-themed {
  border-color: #fdfdfd; }
  @media (min-width: 600px) {
    .frame .border-white-tablet, .frame .border-white-themed-tablet {
      border-color: #fdfdfd; } }
  @media (min-width: 1024px) {
    .frame .border-white-tablet-pc, .frame .border-white-themed-tablet-pc {
      border-color: #fdfdfd; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-white-tablet-pc, .frame .border-white-themed-tablet-pc {
      border-color: #fdfdfd; } }
  @media (min-width: 1440px) {
    .frame .border-white-pc, .frame .border-white-themed-pc {
      border-color: #fdfdfd; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-white-ultrawide, .frame .border-white-themed-ultrawide {
      border-color: #fdfdfd; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-white-super-ultrawide, .frame .border-white-themed-super-ultrawide {
      border-color: #fdfdfd; } }

.frame .border-light-yellow, .frame .border-light-yellow-themed {
  border-color: #f8f3b3; }
  @media (min-width: 600px) {
    .frame .border-light-yellow-tablet, .frame .border-light-yellow-themed-tablet {
      border-color: #f8f3b3; } }
  @media (min-width: 1024px) {
    .frame .border-light-yellow-tablet-pc, .frame .border-light-yellow-themed-tablet-pc {
      border-color: #f8f3b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-yellow-tablet-pc, .frame .border-light-yellow-themed-tablet-pc {
      border-color: #f8f3b3; } }
  @media (min-width: 1440px) {
    .frame .border-light-yellow-pc, .frame .border-light-yellow-themed-pc {
      border-color: #f8f3b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-yellow-ultrawide, .frame .border-light-yellow-themed-ultrawide {
      border-color: #f8f3b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-yellow-super-ultrawide, .frame .border-light-yellow-themed-super-ultrawide {
      border-color: #f8f3b3; } }

.frame .border-yellow, .frame .border-yellow-themed {
  border-color: #f2e76d; }
  @media (min-width: 600px) {
    .frame .border-yellow-tablet, .frame .border-yellow-themed-tablet {
      border-color: #f2e76d; } }
  @media (min-width: 1024px) {
    .frame .border-yellow-tablet-pc, .frame .border-yellow-themed-tablet-pc {
      border-color: #f2e76d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-yellow-tablet-pc, .frame .border-yellow-themed-tablet-pc {
      border-color: #f2e76d; } }
  @media (min-width: 1440px) {
    .frame .border-yellow-pc, .frame .border-yellow-themed-pc {
      border-color: #f2e76d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-yellow-ultrawide, .frame .border-yellow-themed-ultrawide {
      border-color: #f2e76d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-yellow-super-ultrawide, .frame .border-yellow-themed-super-ultrawide {
      border-color: #f2e76d; } }

.frame .border-dark-yellow, .frame .border-dark-yellow-themed {
  border-color: #ecdb27; }
  @media (min-width: 600px) {
    .frame .border-dark-yellow-tablet, .frame .border-dark-yellow-themed-tablet {
      border-color: #ecdb27; } }
  @media (min-width: 1024px) {
    .frame .border-dark-yellow-tablet-pc, .frame .border-dark-yellow-themed-tablet-pc {
      border-color: #ecdb27; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-yellow-tablet-pc, .frame .border-dark-yellow-themed-tablet-pc {
      border-color: #ecdb27; } }
  @media (min-width: 1440px) {
    .frame .border-dark-yellow-pc, .frame .border-dark-yellow-themed-pc {
      border-color: #ecdb27; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-yellow-ultrawide, .frame .border-dark-yellow-themed-ultrawide {
      border-color: #ecdb27; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-yellow-super-ultrawide, .frame .border-dark-yellow-themed-super-ultrawide {
      border-color: #ecdb27; } }

.frame .border-light-orange, .frame .border-light-orange-themed {
  border-color: #f7c29c; }
  @media (min-width: 600px) {
    .frame .border-light-orange-tablet, .frame .border-light-orange-themed-tablet {
      border-color: #f7c29c; } }
  @media (min-width: 1024px) {
    .frame .border-light-orange-tablet-pc, .frame .border-light-orange-themed-tablet-pc {
      border-color: #f7c29c; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-orange-tablet-pc, .frame .border-light-orange-themed-tablet-pc {
      border-color: #f7c29c; } }
  @media (min-width: 1440px) {
    .frame .border-light-orange-pc, .frame .border-light-orange-themed-pc {
      border-color: #f7c29c; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-orange-ultrawide, .frame .border-light-orange-themed-ultrawide {
      border-color: #f7c29c; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-orange-super-ultrawide, .frame .border-light-orange-themed-super-ultrawide {
      border-color: #f7c29c; } }

.frame .border-orange, .frame .border-orange-themed {
  border-color: #f29655; }
  @media (min-width: 600px) {
    .frame .border-orange-tablet, .frame .border-orange-themed-tablet {
      border-color: #f29655; } }
  @media (min-width: 1024px) {
    .frame .border-orange-tablet-pc, .frame .border-orange-themed-tablet-pc {
      border-color: #f29655; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-orange-tablet-pc, .frame .border-orange-themed-tablet-pc {
      border-color: #f29655; } }
  @media (min-width: 1440px) {
    .frame .border-orange-pc, .frame .border-orange-themed-pc {
      border-color: #f29655; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-orange-ultrawide, .frame .border-orange-themed-ultrawide {
      border-color: #f29655; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-orange-super-ultrawide, .frame .border-orange-themed-super-ultrawide {
      border-color: #f29655; } }

.frame .border-dark-orange, .frame .border-dark-orange-themed {
  border-color: #e96b12; }
  @media (min-width: 600px) {
    .frame .border-dark-orange-tablet, .frame .border-dark-orange-themed-tablet {
      border-color: #e96b12; } }
  @media (min-width: 1024px) {
    .frame .border-dark-orange-tablet-pc, .frame .border-dark-orange-themed-tablet-pc {
      border-color: #e96b12; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-orange-tablet-pc, .frame .border-dark-orange-themed-tablet-pc {
      border-color: #e96b12; } }
  @media (min-width: 1440px) {
    .frame .border-dark-orange-pc, .frame .border-dark-orange-themed-pc {
      border-color: #e96b12; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-orange-ultrawide, .frame .border-dark-orange-themed-ultrawide {
      border-color: #e96b12; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-orange-super-ultrawide, .frame .border-dark-orange-themed-super-ultrawide {
      border-color: #e96b12; } }

.frame .border-light-red, .frame .border-light-red-themed {
  border-color: #f8a8ae; }
  @media (min-width: 600px) {
    .frame .border-light-red-tablet, .frame .border-light-red-themed-tablet {
      border-color: #f8a8ae; } }
  @media (min-width: 1024px) {
    .frame .border-light-red-tablet-pc, .frame .border-light-red-themed-tablet-pc {
      border-color: #f8a8ae; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-red-tablet-pc, .frame .border-light-red-themed-tablet-pc {
      border-color: #f8a8ae; } }
  @media (min-width: 1440px) {
    .frame .border-light-red-pc, .frame .border-light-red-themed-pc {
      border-color: #f8a8ae; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-red-ultrawide, .frame .border-light-red-themed-ultrawide {
      border-color: #f8a8ae; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-red-super-ultrawide, .frame .border-light-red-themed-super-ultrawide {
      border-color: #f8a8ae; } }

.frame .border-red, .frame .border-red-themed {
  border-color: #f2616d; }
  @media (min-width: 600px) {
    .frame .border-red-tablet, .frame .border-red-themed-tablet {
      border-color: #f2616d; } }
  @media (min-width: 1024px) {
    .frame .border-red-tablet-pc, .frame .border-red-themed-tablet-pc {
      border-color: #f2616d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-red-tablet-pc, .frame .border-red-themed-tablet-pc {
      border-color: #f2616d; } }
  @media (min-width: 1440px) {
    .frame .border-red-pc, .frame .border-red-themed-pc {
      border-color: #f2616d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-red-ultrawide, .frame .border-red-themed-ultrawide {
      border-color: #f2616d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-red-super-ultrawide, .frame .border-red-themed-super-ultrawide {
      border-color: #f2616d; } }

.frame .border-dark-red, .frame .border-dark-red-themed {
  border-color: #ec1a2c; }
  @media (min-width: 600px) {
    .frame .border-dark-red-tablet, .frame .border-dark-red-themed-tablet {
      border-color: #ec1a2c; } }
  @media (min-width: 1024px) {
    .frame .border-dark-red-tablet-pc, .frame .border-dark-red-themed-tablet-pc {
      border-color: #ec1a2c; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-red-tablet-pc, .frame .border-dark-red-themed-tablet-pc {
      border-color: #ec1a2c; } }
  @media (min-width: 1440px) {
    .frame .border-dark-red-pc, .frame .border-dark-red-themed-pc {
      border-color: #ec1a2c; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-red-ultrawide, .frame .border-dark-red-themed-ultrawide {
      border-color: #ec1a2c; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-red-super-ultrawide, .frame .border-dark-red-themed-super-ultrawide {
      border-color: #ec1a2c; } }

.frame .border-light-purple, .frame .border-light-purple-themed {
  border-color: #e1bff9; }
  @media (min-width: 600px) {
    .frame .border-light-purple-tablet, .frame .border-light-purple-themed-tablet {
      border-color: #e1bff9; } }
  @media (min-width: 1024px) {
    .frame .border-light-purple-tablet-pc, .frame .border-light-purple-themed-tablet-pc {
      border-color: #e1bff9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-purple-tablet-pc, .frame .border-light-purple-themed-tablet-pc {
      border-color: #e1bff9; } }
  @media (min-width: 1440px) {
    .frame .border-light-purple-pc, .frame .border-light-purple-themed-pc {
      border-color: #e1bff9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-purple-ultrawide, .frame .border-light-purple-themed-ultrawide {
      border-color: #e1bff9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-purple-super-ultrawide, .frame .border-light-purple-themed-super-ultrawide {
      border-color: #e1bff9; } }

.frame .border-purple, .frame .border-purple-themed {
  border-color: #c079f2; }
  @media (min-width: 600px) {
    .frame .border-purple-tablet, .frame .border-purple-themed-tablet {
      border-color: #c079f2; } }
  @media (min-width: 1024px) {
    .frame .border-purple-tablet-pc, .frame .border-purple-themed-tablet-pc {
      border-color: #c079f2; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-purple-tablet-pc, .frame .border-purple-themed-tablet-pc {
      border-color: #c079f2; } }
  @media (min-width: 1440px) {
    .frame .border-purple-pc, .frame .border-purple-themed-pc {
      border-color: #c079f2; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-purple-ultrawide, .frame .border-purple-themed-ultrawide {
      border-color: #c079f2; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-purple-super-ultrawide, .frame .border-purple-themed-super-ultrawide {
      border-color: #c079f2; } }

.frame .border-dark-purple, .frame .border-dark-purple-themed {
  border-color: #9f33eb; }
  @media (min-width: 600px) {
    .frame .border-dark-purple-tablet, .frame .border-dark-purple-themed-tablet {
      border-color: #9f33eb; } }
  @media (min-width: 1024px) {
    .frame .border-dark-purple-tablet-pc, .frame .border-dark-purple-themed-tablet-pc {
      border-color: #9f33eb; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-purple-tablet-pc, .frame .border-dark-purple-themed-tablet-pc {
      border-color: #9f33eb; } }
  @media (min-width: 1440px) {
    .frame .border-dark-purple-pc, .frame .border-dark-purple-themed-pc {
      border-color: #9f33eb; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-purple-ultrawide, .frame .border-dark-purple-themed-ultrawide {
      border-color: #9f33eb; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-purple-super-ultrawide, .frame .border-dark-purple-themed-super-ultrawide {
      border-color: #9f33eb; } }

.frame .border-light-blue, .frame .border-light-blue-themed {
  border-color: #b3bff8; }
  @media (min-width: 600px) {
    .frame .border-light-blue-tablet, .frame .border-light-blue-themed-tablet {
      border-color: #b3bff8; } }
  @media (min-width: 1024px) {
    .frame .border-light-blue-tablet-pc, .frame .border-light-blue-themed-tablet-pc {
      border-color: #b3bff8; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-blue-tablet-pc, .frame .border-light-blue-themed-tablet-pc {
      border-color: #b3bff8; } }
  @media (min-width: 1440px) {
    .frame .border-light-blue-pc, .frame .border-light-blue-themed-pc {
      border-color: #b3bff8; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-blue-ultrawide, .frame .border-light-blue-themed-ultrawide {
      border-color: #b3bff8; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-blue-super-ultrawide, .frame .border-light-blue-themed-super-ultrawide {
      border-color: #b3bff8; } }

.frame .border-blue, .frame .border-blue-themed {
  border-color: #6d83f2; }
  @media (min-width: 600px) {
    .frame .border-blue-tablet, .frame .border-blue-themed-tablet {
      border-color: #6d83f2; } }
  @media (min-width: 1024px) {
    .frame .border-blue-tablet-pc, .frame .border-blue-themed-tablet-pc {
      border-color: #6d83f2; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-blue-tablet-pc, .frame .border-blue-themed-tablet-pc {
      border-color: #6d83f2; } }
  @media (min-width: 1440px) {
    .frame .border-blue-pc, .frame .border-blue-themed-pc {
      border-color: #6d83f2; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-blue-ultrawide, .frame .border-blue-themed-ultrawide {
      border-color: #6d83f2; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-blue-super-ultrawide, .frame .border-blue-themed-super-ultrawide {
      border-color: #6d83f2; } }

.frame .border-dark-blue, .frame .border-dark-blue-themed {
  border-color: #2747ec; }
  @media (min-width: 600px) {
    .frame .border-dark-blue-tablet, .frame .border-dark-blue-themed-tablet {
      border-color: #2747ec; } }
  @media (min-width: 1024px) {
    .frame .border-dark-blue-tablet-pc, .frame .border-dark-blue-themed-tablet-pc {
      border-color: #2747ec; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-blue-tablet-pc, .frame .border-dark-blue-themed-tablet-pc {
      border-color: #2747ec; } }
  @media (min-width: 1440px) {
    .frame .border-dark-blue-pc, .frame .border-dark-blue-themed-pc {
      border-color: #2747ec; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-blue-ultrawide, .frame .border-dark-blue-themed-ultrawide {
      border-color: #2747ec; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-blue-super-ultrawide, .frame .border-dark-blue-themed-super-ultrawide {
      border-color: #2747ec; } }

.frame .border-light-mint, .frame .border-light-mint-themed {
  border-color: #9cf7e1; }
  @media (min-width: 600px) {
    .frame .border-light-mint-tablet, .frame .border-light-mint-themed-tablet {
      border-color: #9cf7e1; } }
  @media (min-width: 1024px) {
    .frame .border-light-mint-tablet-pc, .frame .border-light-mint-themed-tablet-pc {
      border-color: #9cf7e1; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-mint-tablet-pc, .frame .border-light-mint-themed-tablet-pc {
      border-color: #9cf7e1; } }
  @media (min-width: 1440px) {
    .frame .border-light-mint-pc, .frame .border-light-mint-themed-pc {
      border-color: #9cf7e1; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-mint-ultrawide, .frame .border-light-mint-themed-ultrawide {
      border-color: #9cf7e1; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-mint-super-ultrawide, .frame .border-light-mint-themed-super-ultrawide {
      border-color: #9cf7e1; } }

.frame .border-mint, .frame .border-mint-themed {
  border-color: #55f2cb; }
  @media (min-width: 600px) {
    .frame .border-mint-tablet, .frame .border-mint-themed-tablet {
      border-color: #55f2cb; } }
  @media (min-width: 1024px) {
    .frame .border-mint-tablet-pc, .frame .border-mint-themed-tablet-pc {
      border-color: #55f2cb; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-mint-tablet-pc, .frame .border-mint-themed-tablet-pc {
      border-color: #55f2cb; } }
  @media (min-width: 1440px) {
    .frame .border-mint-pc, .frame .border-mint-themed-pc {
      border-color: #55f2cb; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-mint-ultrawide, .frame .border-mint-themed-ultrawide {
      border-color: #55f2cb; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-mint-super-ultrawide, .frame .border-mint-themed-super-ultrawide {
      border-color: #55f2cb; } }

.frame .border-dark-mint, .frame .border-dark-mint-themed {
  border-color: #12e9b3; }
  @media (min-width: 600px) {
    .frame .border-dark-mint-tablet, .frame .border-dark-mint-themed-tablet {
      border-color: #12e9b3; } }
  @media (min-width: 1024px) {
    .frame .border-dark-mint-tablet-pc, .frame .border-dark-mint-themed-tablet-pc {
      border-color: #12e9b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-mint-tablet-pc, .frame .border-dark-mint-themed-tablet-pc {
      border-color: #12e9b3; } }
  @media (min-width: 1440px) {
    .frame .border-dark-mint-pc, .frame .border-dark-mint-themed-pc {
      border-color: #12e9b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-mint-ultrawide, .frame .border-dark-mint-themed-ultrawide {
      border-color: #12e9b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-mint-super-ultrawide, .frame .border-dark-mint-themed-super-ultrawide {
      border-color: #12e9b3; } }

.frame .border-light-green, .frame .border-light-green-themed {
  border-color: #bff9cd; }
  @media (min-width: 600px) {
    .frame .border-light-green-tablet, .frame .border-light-green-themed-tablet {
      border-color: #bff9cd; } }
  @media (min-width: 1024px) {
    .frame .border-light-green-tablet-pc, .frame .border-light-green-themed-tablet-pc {
      border-color: #bff9cd; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-green-tablet-pc, .frame .border-light-green-themed-tablet-pc {
      border-color: #bff9cd; } }
  @media (min-width: 1440px) {
    .frame .border-light-green-pc, .frame .border-light-green-themed-pc {
      border-color: #bff9cd; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-green-ultrawide, .frame .border-light-green-themed-ultrawide {
      border-color: #bff9cd; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-green-super-ultrawide, .frame .border-light-green-themed-super-ultrawide {
      border-color: #bff9cd; } }

.frame .border-green, .frame .border-green-themed {
  border-color: #79f297; }
  @media (min-width: 600px) {
    .frame .border-green-tablet, .frame .border-green-themed-tablet {
      border-color: #79f297; } }
  @media (min-width: 1024px) {
    .frame .border-green-tablet-pc, .frame .border-green-themed-tablet-pc {
      border-color: #79f297; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-green-tablet-pc, .frame .border-green-themed-tablet-pc {
      border-color: #79f297; } }
  @media (min-width: 1440px) {
    .frame .border-green-pc, .frame .border-green-themed-pc {
      border-color: #79f297; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-green-ultrawide, .frame .border-green-themed-ultrawide {
      border-color: #79f297; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-green-super-ultrawide, .frame .border-green-themed-super-ultrawide {
      border-color: #79f297; } }

.frame .border-dark-green, .frame .border-dark-green-themed {
  border-color: #33eb61; }
  @media (min-width: 600px) {
    .frame .border-dark-green-tablet, .frame .border-dark-green-themed-tablet {
      border-color: #33eb61; } }
  @media (min-width: 1024px) {
    .frame .border-dark-green-tablet-pc, .frame .border-dark-green-themed-tablet-pc {
      border-color: #33eb61; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-green-tablet-pc, .frame .border-dark-green-themed-tablet-pc {
      border-color: #33eb61; } }
  @media (min-width: 1440px) {
    .frame .border-dark-green-pc, .frame .border-dark-green-themed-pc {
      border-color: #33eb61; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-green-ultrawide, .frame .border-dark-green-themed-ultrawide {
      border-color: #33eb61; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-green-super-ultrawide, .frame .border-dark-green-themed-super-ultrawide {
      border-color: #33eb61; } }

.frame-dark .border-black, .frame-dark .border-black-themed {
  border-color: #262626; }
  @media (min-width: 600px) {
    .frame-dark .border-black-tablet, .frame-dark .border-black-themed-tablet {
      border-color: #262626; } }
  @media (min-width: 1024px) {
    .frame-dark .border-black-tablet-pc, .frame-dark .border-black-themed-tablet-pc {
      border-color: #262626; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-black-tablet-pc, .frame-dark .border-black-themed-tablet-pc {
      border-color: #262626; } }
  @media (min-width: 1440px) {
    .frame-dark .border-black-pc, .frame-dark .border-black-themed-pc {
      border-color: #262626; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-black-ultrawide, .frame-dark .border-black-themed-ultrawide {
      border-color: #262626; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-black-super-ultrawide, .frame-dark .border-black-themed-super-ultrawide {
      border-color: #262626; } }

.frame-dark .border-light-black, .frame-dark .border-light-black-themed {
  border-color: #404040; }
  @media (min-width: 600px) {
    .frame-dark .border-light-black-tablet, .frame-dark .border-light-black-themed-tablet {
      border-color: #404040; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-black-tablet-pc, .frame-dark .border-light-black-themed-tablet-pc {
      border-color: #404040; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-black-tablet-pc, .frame-dark .border-light-black-themed-tablet-pc {
      border-color: #404040; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-black-pc, .frame-dark .border-light-black-themed-pc {
      border-color: #404040; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-black-ultrawide, .frame-dark .border-light-black-themed-ultrawide {
      border-color: #404040; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-black-super-ultrawide, .frame-dark .border-light-black-themed-super-ultrawide {
      border-color: #404040; } }

.frame-dark .border-darker-grey, .frame-dark .border-darker-grey-themed {
  border-color: #4d4d4d; }
  @media (min-width: 600px) {
    .frame-dark .border-darker-grey-tablet, .frame-dark .border-darker-grey-themed-tablet {
      border-color: #4d4d4d; } }
  @media (min-width: 1024px) {
    .frame-dark .border-darker-grey-tablet-pc, .frame-dark .border-darker-grey-themed-tablet-pc {
      border-color: #4d4d4d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-darker-grey-tablet-pc, .frame-dark .border-darker-grey-themed-tablet-pc {
      border-color: #4d4d4d; } }
  @media (min-width: 1440px) {
    .frame-dark .border-darker-grey-pc, .frame-dark .border-darker-grey-themed-pc {
      border-color: #4d4d4d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-darker-grey-ultrawide, .frame-dark .border-darker-grey-themed-ultrawide {
      border-color: #4d4d4d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-darker-grey-super-ultrawide, .frame-dark .border-darker-grey-themed-super-ultrawide {
      border-color: #4d4d4d; } }

.frame-dark .border-dark-grey, .frame-dark .border-dark-grey-themed {
  border-color: #676767; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-grey-tablet, .frame-dark .border-dark-grey-themed-tablet {
      border-color: #676767; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-grey-tablet-pc, .frame-dark .border-dark-grey-themed-tablet-pc {
      border-color: #676767; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-grey-tablet-pc, .frame-dark .border-dark-grey-themed-tablet-pc {
      border-color: #676767; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-grey-pc, .frame-dark .border-dark-grey-themed-pc {
      border-color: #676767; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-grey-ultrawide, .frame-dark .border-dark-grey-themed-ultrawide {
      border-color: #676767; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-grey-super-ultrawide, .frame-dark .border-dark-grey-themed-super-ultrawide {
      border-color: #676767; } }

.frame-dark .border-grey, .frame-dark .border-grey-themed {
  border-color: #808080; }
  @media (min-width: 600px) {
    .frame-dark .border-grey-tablet, .frame-dark .border-grey-themed-tablet {
      border-color: #808080; } }
  @media (min-width: 1024px) {
    .frame-dark .border-grey-tablet-pc, .frame-dark .border-grey-themed-tablet-pc {
      border-color: #808080; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-grey-tablet-pc, .frame-dark .border-grey-themed-tablet-pc {
      border-color: #808080; } }
  @media (min-width: 1440px) {
    .frame-dark .border-grey-pc, .frame-dark .border-grey-themed-pc {
      border-color: #808080; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-grey-ultrawide, .frame-dark .border-grey-themed-ultrawide {
      border-color: #808080; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-grey-super-ultrawide, .frame-dark .border-grey-themed-super-ultrawide {
      border-color: #808080; } }

.frame-dark .border-light-grey, .frame-dark .border-light-grey-themed {
  border-color: #8d8d8d; }
  @media (min-width: 600px) {
    .frame-dark .border-light-grey-tablet, .frame-dark .border-light-grey-themed-tablet {
      border-color: #8d8d8d; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-grey-tablet-pc, .frame-dark .border-light-grey-themed-tablet-pc {
      border-color: #8d8d8d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-grey-tablet-pc, .frame-dark .border-light-grey-themed-tablet-pc {
      border-color: #8d8d8d; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-grey-pc, .frame-dark .border-light-grey-themed-pc {
      border-color: #8d8d8d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-grey-ultrawide, .frame-dark .border-light-grey-themed-ultrawide {
      border-color: #8d8d8d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-grey-super-ultrawide, .frame-dark .border-light-grey-themed-super-ultrawide {
      border-color: #8d8d8d; } }

.frame-dark .border-lighter-grey, .frame-dark .border-lighter-grey-themed {
  border-color: #9a9a9a; }
  @media (min-width: 600px) {
    .frame-dark .border-lighter-grey-tablet, .frame-dark .border-lighter-grey-themed-tablet {
      border-color: #9a9a9a; } }
  @media (min-width: 1024px) {
    .frame-dark .border-lighter-grey-tablet-pc, .frame-dark .border-lighter-grey-themed-tablet-pc {
      border-color: #9a9a9a; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-lighter-grey-tablet-pc, .frame-dark .border-lighter-grey-themed-tablet-pc {
      border-color: #9a9a9a; } }
  @media (min-width: 1440px) {
    .frame-dark .border-lighter-grey-pc, .frame-dark .border-lighter-grey-themed-pc {
      border-color: #9a9a9a; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-lighter-grey-ultrawide, .frame-dark .border-lighter-grey-themed-ultrawide {
      border-color: #9a9a9a; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-lighter-grey-super-ultrawide, .frame-dark .border-lighter-grey-themed-super-ultrawide {
      border-color: #9a9a9a; } }

.frame-dark .border-dark-white, .frame-dark .border-dark-white-themed {
  border-color: #d9d9d9; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-white-tablet, .frame-dark .border-dark-white-themed-tablet {
      border-color: #d9d9d9; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-white-tablet-pc, .frame-dark .border-dark-white-themed-tablet-pc {
      border-color: #d9d9d9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-white-tablet-pc, .frame-dark .border-dark-white-themed-tablet-pc {
      border-color: #d9d9d9; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-white-pc, .frame-dark .border-dark-white-themed-pc {
      border-color: #d9d9d9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-white-ultrawide, .frame-dark .border-dark-white-themed-ultrawide {
      border-color: #d9d9d9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-white-super-ultrawide, .frame-dark .border-dark-white-themed-super-ultrawide {
      border-color: #d9d9d9; } }

.frame-dark .border-white, .frame-dark .border-white-themed {
  border-color: #e6e6e6; }
  @media (min-width: 600px) {
    .frame-dark .border-white-tablet, .frame-dark .border-white-themed-tablet {
      border-color: #e6e6e6; } }
  @media (min-width: 1024px) {
    .frame-dark .border-white-tablet-pc, .frame-dark .border-white-themed-tablet-pc {
      border-color: #e6e6e6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-white-tablet-pc, .frame-dark .border-white-themed-tablet-pc {
      border-color: #e6e6e6; } }
  @media (min-width: 1440px) {
    .frame-dark .border-white-pc, .frame-dark .border-white-themed-pc {
      border-color: #e6e6e6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-white-ultrawide, .frame-dark .border-white-themed-ultrawide {
      border-color: #e6e6e6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-white-super-ultrawide, .frame-dark .border-white-themed-super-ultrawide {
      border-color: #e6e6e6; } }

.frame-dark .border-light-yellow, .frame-dark .border-light-yellow-themed {
  border-color: #fffbc0; }
  @media (min-width: 600px) {
    .frame-dark .border-light-yellow-tablet, .frame-dark .border-light-yellow-themed-tablet {
      border-color: #fffbc0; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-yellow-tablet-pc, .frame-dark .border-light-yellow-themed-tablet-pc {
      border-color: #fffbc0; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-yellow-tablet-pc, .frame-dark .border-light-yellow-themed-tablet-pc {
      border-color: #fffbc0; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-yellow-pc, .frame-dark .border-light-yellow-themed-pc {
      border-color: #fffbc0; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-yellow-ultrawide, .frame-dark .border-light-yellow-themed-ultrawide {
      border-color: #fffbc0; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-yellow-super-ultrawide, .frame-dark .border-light-yellow-themed-super-ultrawide {
      border-color: #fffbc0; } }

.frame-dark .border-yellow, .frame-dark .border-yellow-themed {
  border-color: #fff673; }
  @media (min-width: 600px) {
    .frame-dark .border-yellow-tablet, .frame-dark .border-yellow-themed-tablet {
      border-color: #fff673; } }
  @media (min-width: 1024px) {
    .frame-dark .border-yellow-tablet-pc, .frame-dark .border-yellow-themed-tablet-pc {
      border-color: #fff673; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-yellow-tablet-pc, .frame-dark .border-yellow-themed-tablet-pc {
      border-color: #fff673; } }
  @media (min-width: 1440px) {
    .frame-dark .border-yellow-pc, .frame-dark .border-yellow-themed-pc {
      border-color: #fff673; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-yellow-ultrawide, .frame-dark .border-yellow-themed-ultrawide {
      border-color: #fff673; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-yellow-super-ultrawide, .frame-dark .border-yellow-themed-super-ultrawide {
      border-color: #fff673; } }

.frame-dark .border-dark-yellow, .frame-dark .border-dark-yellow-themed {
  border-color: #fff127; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-yellow-tablet, .frame-dark .border-dark-yellow-themed-tablet {
      border-color: #fff127; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-yellow-tablet-pc, .frame-dark .border-dark-yellow-themed-tablet-pc {
      border-color: #fff127; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-yellow-tablet-pc, .frame-dark .border-dark-yellow-themed-tablet-pc {
      border-color: #fff127; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-yellow-pc, .frame-dark .border-dark-yellow-themed-pc {
      border-color: #fff127; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-yellow-ultrawide, .frame-dark .border-dark-yellow-themed-ultrawide {
      border-color: #fff127; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-yellow-super-ultrawide, .frame-dark .border-dark-yellow-themed-super-ultrawide {
      border-color: #fff127; } }

.frame-dark .border-light-orange, .frame-dark .border-light-orange-themed {
  border-color: #ffcba6; }
  @media (min-width: 600px) {
    .frame-dark .border-light-orange-tablet, .frame-dark .border-light-orange-themed-tablet {
      border-color: #ffcba6; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-orange-tablet-pc, .frame-dark .border-light-orange-themed-tablet-pc {
      border-color: #ffcba6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-orange-tablet-pc, .frame-dark .border-light-orange-themed-tablet-pc {
      border-color: #ffcba6; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-orange-pc, .frame-dark .border-light-orange-themed-pc {
      border-color: #ffcba6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-orange-ultrawide, .frame-dark .border-light-orange-themed-ultrawide {
      border-color: #ffcba6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-orange-super-ultrawide, .frame-dark .border-light-orange-themed-super-ultrawide {
      border-color: #ffcba6; } }

.frame-dark .border-orange, .frame-dark .border-orange-themed {
  border-color: #ff9e59; }
  @media (min-width: 600px) {
    .frame-dark .border-orange-tablet, .frame-dark .border-orange-themed-tablet {
      border-color: #ff9e59; } }
  @media (min-width: 1024px) {
    .frame-dark .border-orange-tablet-pc, .frame-dark .border-orange-themed-tablet-pc {
      border-color: #ff9e59; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-orange-tablet-pc, .frame-dark .border-orange-themed-tablet-pc {
      border-color: #ff9e59; } }
  @media (min-width: 1440px) {
    .frame-dark .border-orange-pc, .frame-dark .border-orange-themed-pc {
      border-color: #ff9e59; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-orange-ultrawide, .frame-dark .border-orange-themed-ultrawide {
      border-color: #ff9e59; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-orange-super-ultrawide, .frame-dark .border-orange-themed-super-ultrawide {
      border-color: #ff9e59; } }

.frame-dark .border-dark-orange, .frame-dark .border-dark-orange-themed {
  border-color: #ff710d; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-orange-tablet, .frame-dark .border-dark-orange-themed-tablet {
      border-color: #ff710d; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-orange-tablet-pc, .frame-dark .border-dark-orange-themed-tablet-pc {
      border-color: #ff710d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-orange-tablet-pc, .frame-dark .border-dark-orange-themed-tablet-pc {
      border-color: #ff710d; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-orange-pc, .frame-dark .border-dark-orange-themed-pc {
      border-color: #ff710d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-orange-ultrawide, .frame-dark .border-dark-orange-themed-ultrawide {
      border-color: #ff710d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-orange-super-ultrawide, .frame-dark .border-dark-orange-themed-super-ultrawide {
      border-color: #ff710d; } }

.frame-dark .border-light-red, .frame-dark .border-light-red-themed {
  border-color: #ffb3b9; }
  @media (min-width: 600px) {
    .frame-dark .border-light-red-tablet, .frame-dark .border-light-red-themed-tablet {
      border-color: #ffb3b9; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-red-tablet-pc, .frame-dark .border-light-red-themed-tablet-pc {
      border-color: #ffb3b9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-red-tablet-pc, .frame-dark .border-light-red-themed-tablet-pc {
      border-color: #ffb3b9; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-red-pc, .frame-dark .border-light-red-themed-pc {
      border-color: #ffb3b9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-red-ultrawide, .frame-dark .border-light-red-themed-ultrawide {
      border-color: #ffb3b9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-red-super-ultrawide, .frame-dark .border-light-red-themed-super-ultrawide {
      border-color: #ffb3b9; } }

.frame-dark .border-red, .frame-dark .border-red-themed {
  border-color: #ff6673; }
  @media (min-width: 600px) {
    .frame-dark .border-red-tablet, .frame-dark .border-red-themed-tablet {
      border-color: #ff6673; } }
  @media (min-width: 1024px) {
    .frame-dark .border-red-tablet-pc, .frame-dark .border-red-themed-tablet-pc {
      border-color: #ff6673; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-red-tablet-pc, .frame-dark .border-red-themed-tablet-pc {
      border-color: #ff6673; } }
  @media (min-width: 1440px) {
    .frame-dark .border-red-pc, .frame-dark .border-red-themed-pc {
      border-color: #ff6673; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-red-ultrawide, .frame-dark .border-red-themed-ultrawide {
      border-color: #ff6673; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-red-super-ultrawide, .frame-dark .border-red-themed-super-ultrawide {
      border-color: #ff6673; } }

.frame-dark .border-dark-red, .frame-dark .border-dark-red-themed {
  border-color: #ff1a2d; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-red-tablet, .frame-dark .border-dark-red-themed-tablet {
      border-color: #ff1a2d; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-red-tablet-pc, .frame-dark .border-dark-red-themed-tablet-pc {
      border-color: #ff1a2d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-red-tablet-pc, .frame-dark .border-dark-red-themed-tablet-pc {
      border-color: #ff1a2d; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-red-pc, .frame-dark .border-dark-red-themed-pc {
      border-color: #ff1a2d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-red-ultrawide, .frame-dark .border-dark-red-themed-ultrawide {
      border-color: #ff1a2d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-red-super-ultrawide, .frame-dark .border-dark-red-themed-super-ultrawide {
      border-color: #ff1a2d; } }

.frame-dark .border-light-purple, .frame-dark .border-light-purple-themed {
  border-color: #eaccff; }
  @media (min-width: 600px) {
    .frame-dark .border-light-purple-tablet, .frame-dark .border-light-purple-themed-tablet {
      border-color: #eaccff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-purple-tablet-pc, .frame-dark .border-light-purple-themed-tablet-pc {
      border-color: #eaccff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-purple-tablet-pc, .frame-dark .border-light-purple-themed-tablet-pc {
      border-color: #eaccff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-purple-pc, .frame-dark .border-light-purple-themed-pc {
      border-color: #eaccff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-purple-ultrawide, .frame-dark .border-light-purple-themed-ultrawide {
      border-color: #eaccff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-purple-super-ultrawide, .frame-dark .border-light-purple-themed-super-ultrawide {
      border-color: #eaccff; } }

.frame-dark .border-purple, .frame-dark .border-purple-themed {
  border-color: #ca7fff; }
  @media (min-width: 600px) {
    .frame-dark .border-purple-tablet, .frame-dark .border-purple-themed-tablet {
      border-color: #ca7fff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-purple-tablet-pc, .frame-dark .border-purple-themed-tablet-pc {
      border-color: #ca7fff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-purple-tablet-pc, .frame-dark .border-purple-themed-tablet-pc {
      border-color: #ca7fff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-purple-pc, .frame-dark .border-purple-themed-pc {
      border-color: #ca7fff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-purple-ultrawide, .frame-dark .border-purple-themed-ultrawide {
      border-color: #ca7fff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-purple-super-ultrawide, .frame-dark .border-purple-themed-super-ultrawide {
      border-color: #ca7fff; } }

.frame-dark .border-dark-purple, .frame-dark .border-dark-purple-themed {
  border-color: #aa33ff; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-purple-tablet, .frame-dark .border-dark-purple-themed-tablet {
      border-color: #aa33ff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-purple-tablet-pc, .frame-dark .border-dark-purple-themed-tablet-pc {
      border-color: #aa33ff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-purple-tablet-pc, .frame-dark .border-dark-purple-themed-tablet-pc {
      border-color: #aa33ff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-purple-pc, .frame-dark .border-dark-purple-themed-pc {
      border-color: #aa33ff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-purple-ultrawide, .frame-dark .border-dark-purple-themed-ultrawide {
      border-color: #aa33ff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-purple-super-ultrawide, .frame-dark .border-dark-purple-themed-super-ultrawide {
      border-color: #aa33ff; } }

.frame-dark .border-light-blue, .frame-dark .border-light-blue-themed {
  border-color: #c0caff; }
  @media (min-width: 600px) {
    .frame-dark .border-light-blue-tablet, .frame-dark .border-light-blue-themed-tablet {
      border-color: #c0caff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-blue-tablet-pc, .frame-dark .border-light-blue-themed-tablet-pc {
      border-color: #c0caff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-blue-tablet-pc, .frame-dark .border-light-blue-themed-tablet-pc {
      border-color: #c0caff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-blue-pc, .frame-dark .border-light-blue-themed-pc {
      border-color: #c0caff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-blue-ultrawide, .frame-dark .border-light-blue-themed-ultrawide {
      border-color: #c0caff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-blue-super-ultrawide, .frame-dark .border-light-blue-themed-super-ultrawide {
      border-color: #c0caff; } }

.frame-dark .border-blue, .frame-dark .border-blue-themed {
  border-color: #738aff; }
  @media (min-width: 600px) {
    .frame-dark .border-blue-tablet, .frame-dark .border-blue-themed-tablet {
      border-color: #738aff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-blue-tablet-pc, .frame-dark .border-blue-themed-tablet-pc {
      border-color: #738aff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-blue-tablet-pc, .frame-dark .border-blue-themed-tablet-pc {
      border-color: #738aff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-blue-pc, .frame-dark .border-blue-themed-pc {
      border-color: #738aff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-blue-ultrawide, .frame-dark .border-blue-themed-ultrawide {
      border-color: #738aff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-blue-super-ultrawide, .frame-dark .border-blue-themed-super-ultrawide {
      border-color: #738aff; } }

.frame-dark .border-dark-blue, .frame-dark .border-dark-blue-themed {
  border-color: #274aff; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-blue-tablet, .frame-dark .border-dark-blue-themed-tablet {
      border-color: #274aff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-blue-tablet-pc, .frame-dark .border-dark-blue-themed-tablet-pc {
      border-color: #274aff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-blue-tablet-pc, .frame-dark .border-dark-blue-themed-tablet-pc {
      border-color: #274aff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-blue-pc, .frame-dark .border-dark-blue-themed-pc {
      border-color: #274aff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-blue-ultrawide, .frame-dark .border-dark-blue-themed-ultrawide {
      border-color: #274aff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-blue-super-ultrawide, .frame-dark .border-dark-blue-themed-super-ultrawide {
      border-color: #274aff; } }

.frame-dark .border-light-mint, .frame-dark .border-light-mint-themed {
  border-color: #a6ffe9; }
  @media (min-width: 600px) {
    .frame-dark .border-light-mint-tablet, .frame-dark .border-light-mint-themed-tablet {
      border-color: #a6ffe9; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-mint-tablet-pc, .frame-dark .border-light-mint-themed-tablet-pc {
      border-color: #a6ffe9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-mint-tablet-pc, .frame-dark .border-light-mint-themed-tablet-pc {
      border-color: #a6ffe9; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-mint-pc, .frame-dark .border-light-mint-themed-pc {
      border-color: #a6ffe9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-mint-ultrawide, .frame-dark .border-light-mint-themed-ultrawide {
      border-color: #a6ffe9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-mint-super-ultrawide, .frame-dark .border-light-mint-themed-super-ultrawide {
      border-color: #a6ffe9; } }

.frame-dark .border-mint, .frame-dark .border-mint-themed {
  border-color: #59ffd6; }
  @media (min-width: 600px) {
    .frame-dark .border-mint-tablet, .frame-dark .border-mint-themed-tablet {
      border-color: #59ffd6; } }
  @media (min-width: 1024px) {
    .frame-dark .border-mint-tablet-pc, .frame-dark .border-mint-themed-tablet-pc {
      border-color: #59ffd6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-mint-tablet-pc, .frame-dark .border-mint-themed-tablet-pc {
      border-color: #59ffd6; } }
  @media (min-width: 1440px) {
    .frame-dark .border-mint-pc, .frame-dark .border-mint-themed-pc {
      border-color: #59ffd6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-mint-ultrawide, .frame-dark .border-mint-themed-ultrawide {
      border-color: #59ffd6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-mint-super-ultrawide, .frame-dark .border-mint-themed-super-ultrawide {
      border-color: #59ffd6; } }

.frame-dark .border-dark-mint, .frame-dark .border-dark-mint-themed {
  border-color: #0dffc3; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-mint-tablet, .frame-dark .border-dark-mint-themed-tablet {
      border-color: #0dffc3; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-mint-tablet-pc, .frame-dark .border-dark-mint-themed-tablet-pc {
      border-color: #0dffc3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-mint-tablet-pc, .frame-dark .border-dark-mint-themed-tablet-pc {
      border-color: #0dffc3; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-mint-pc, .frame-dark .border-dark-mint-themed-pc {
      border-color: #0dffc3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-mint-ultrawide, .frame-dark .border-dark-mint-themed-ultrawide {
      border-color: #0dffc3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-mint-super-ultrawide, .frame-dark .border-dark-mint-themed-super-ultrawide {
      border-color: #0dffc3; } }

.frame-dark .border-light-green, .frame-dark .border-light-green-themed {
  border-color: #ccffd8; }
  @media (min-width: 600px) {
    .frame-dark .border-light-green-tablet, .frame-dark .border-light-green-themed-tablet {
      border-color: #ccffd8; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-green-tablet-pc, .frame-dark .border-light-green-themed-tablet-pc {
      border-color: #ccffd8; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-green-tablet-pc, .frame-dark .border-light-green-themed-tablet-pc {
      border-color: #ccffd8; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-green-pc, .frame-dark .border-light-green-themed-pc {
      border-color: #ccffd8; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-green-ultrawide, .frame-dark .border-light-green-themed-ultrawide {
      border-color: #ccffd8; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-green-super-ultrawide, .frame-dark .border-light-green-themed-super-ultrawide {
      border-color: #ccffd8; } }

.frame-dark .border-green, .frame-dark .border-green-themed {
  border-color: #7fff9f; }
  @media (min-width: 600px) {
    .frame-dark .border-green-tablet, .frame-dark .border-green-themed-tablet {
      border-color: #7fff9f; } }
  @media (min-width: 1024px) {
    .frame-dark .border-green-tablet-pc, .frame-dark .border-green-themed-tablet-pc {
      border-color: #7fff9f; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-green-tablet-pc, .frame-dark .border-green-themed-tablet-pc {
      border-color: #7fff9f; } }
  @media (min-width: 1440px) {
    .frame-dark .border-green-pc, .frame-dark .border-green-themed-pc {
      border-color: #7fff9f; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-green-ultrawide, .frame-dark .border-green-themed-ultrawide {
      border-color: #7fff9f; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-green-super-ultrawide, .frame-dark .border-green-themed-super-ultrawide {
      border-color: #7fff9f; } }

.frame-dark .border-dark-green, .frame-dark .border-dark-green-themed {
  border-color: #33ff66; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-green-tablet, .frame-dark .border-dark-green-themed-tablet {
      border-color: #33ff66; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-green-tablet-pc, .frame-dark .border-dark-green-themed-tablet-pc {
      border-color: #33ff66; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-green-tablet-pc, .frame-dark .border-dark-green-themed-tablet-pc {
      border-color: #33ff66; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-green-pc, .frame-dark .border-dark-green-themed-pc {
      border-color: #33ff66; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-green-ultrawide, .frame-dark .border-dark-green-themed-ultrawide {
      border-color: #33ff66; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-green-super-ultrawide, .frame-dark .border-dark-green-themed-super-ultrawide {
      border-color: #33ff66; } }

.frame [class*='border-black-themed'] {
  border-color: #333333; }

.frame-dark [class*='border-black-themed'] {
  border-color: #fdfdfd; }

.frame [class*='border-white-themed'] {
  border-color: #fdfdfd; }

.frame-dark [class*='border-white-themed'] {
  border-color: #333333; }

.frame .border-black-lm {
  border-color: #333333; }
  @media (min-width: 600px) {
    .frame .border-black-lm-tablet {
      border-color: #333333; } }
  @media (min-width: 1024px) {
    .frame .border-black-lm-tablet-pc {
      border-color: #333333; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-black-lm-tablet-pc {
      border-color: #333333; } }
  @media (min-width: 1440px) {
    .frame .border-black-lm-pc {
      border-color: #333333; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-black-lm-ultrawide {
      border-color: #333333; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-black-lm-super-ultrawide {
      border-color: #333333; } }

.frame .border-light-black-lm {
  border-color: #4d4d4d; }
  @media (min-width: 600px) {
    .frame .border-light-black-lm-tablet {
      border-color: #4d4d4d; } }
  @media (min-width: 1024px) {
    .frame .border-light-black-lm-tablet-pc {
      border-color: #4d4d4d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-black-lm-tablet-pc {
      border-color: #4d4d4d; } }
  @media (min-width: 1440px) {
    .frame .border-light-black-lm-pc {
      border-color: #4d4d4d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-black-lm-ultrawide {
      border-color: #4d4d4d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-black-lm-super-ultrawide {
      border-color: #4d4d4d; } }

.frame .border-darker-grey-lm {
  border-color: #999999; }
  @media (min-width: 600px) {
    .frame .border-darker-grey-lm-tablet {
      border-color: #999999; } }
  @media (min-width: 1024px) {
    .frame .border-darker-grey-lm-tablet-pc {
      border-color: #999999; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-darker-grey-lm-tablet-pc {
      border-color: #999999; } }
  @media (min-width: 1440px) {
    .frame .border-darker-grey-lm-pc {
      border-color: #999999; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-darker-grey-lm-ultrawide {
      border-color: #999999; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-darker-grey-lm-super-ultrawide {
      border-color: #999999; } }

.frame .border-dark-grey-lm {
  border-color: #b3b3b3; }
  @media (min-width: 600px) {
    .frame .border-dark-grey-lm-tablet {
      border-color: #b3b3b3; } }
  @media (min-width: 1024px) {
    .frame .border-dark-grey-lm-tablet-pc {
      border-color: #b3b3b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-grey-lm-tablet-pc {
      border-color: #b3b3b3; } }
  @media (min-width: 1440px) {
    .frame .border-dark-grey-lm-pc {
      border-color: #b3b3b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-grey-lm-ultrawide {
      border-color: #b3b3b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-grey-lm-super-ultrawide {
      border-color: #b3b3b3; } }

.frame .border-grey-lm {
  border-color: #cccccc; }
  @media (min-width: 600px) {
    .frame .border-grey-lm-tablet {
      border-color: #cccccc; } }
  @media (min-width: 1024px) {
    .frame .border-grey-lm-tablet-pc {
      border-color: #cccccc; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-grey-lm-tablet-pc {
      border-color: #cccccc; } }
  @media (min-width: 1440px) {
    .frame .border-grey-lm-pc {
      border-color: #cccccc; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-grey-lm-ultrawide {
      border-color: #cccccc; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-grey-lm-super-ultrawide {
      border-color: #cccccc; } }

.frame .border-light-grey-lm {
  border-color: #d9d9d9; }
  @media (min-width: 600px) {
    .frame .border-light-grey-lm-tablet {
      border-color: #d9d9d9; } }
  @media (min-width: 1024px) {
    .frame .border-light-grey-lm-tablet-pc {
      border-color: #d9d9d9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-grey-lm-tablet-pc {
      border-color: #d9d9d9; } }
  @media (min-width: 1440px) {
    .frame .border-light-grey-lm-pc {
      border-color: #d9d9d9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-grey-lm-ultrawide {
      border-color: #d9d9d9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-grey-lm-super-ultrawide {
      border-color: #d9d9d9; } }

.frame .border-lighter-grey-lm {
  border-color: #e6e6e6; }
  @media (min-width: 600px) {
    .frame .border-lighter-grey-lm-tablet {
      border-color: #e6e6e6; } }
  @media (min-width: 1024px) {
    .frame .border-lighter-grey-lm-tablet-pc {
      border-color: #e6e6e6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-lighter-grey-lm-tablet-pc {
      border-color: #e6e6e6; } }
  @media (min-width: 1440px) {
    .frame .border-lighter-grey-lm-pc {
      border-color: #e6e6e6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-lighter-grey-lm-ultrawide {
      border-color: #e6e6e6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-lighter-grey-lm-super-ultrawide {
      border-color: #e6e6e6; } }

.frame .border-dark-white-lm {
  border-color: #f0f0f0; }
  @media (min-width: 600px) {
    .frame .border-dark-white-lm-tablet {
      border-color: #f0f0f0; } }
  @media (min-width: 1024px) {
    .frame .border-dark-white-lm-tablet-pc {
      border-color: #f0f0f0; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-white-lm-tablet-pc {
      border-color: #f0f0f0; } }
  @media (min-width: 1440px) {
    .frame .border-dark-white-lm-pc {
      border-color: #f0f0f0; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-white-lm-ultrawide {
      border-color: #f0f0f0; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-white-lm-super-ultrawide {
      border-color: #f0f0f0; } }

.frame .border-white-lm {
  border-color: #fdfdfd; }
  @media (min-width: 600px) {
    .frame .border-white-lm-tablet {
      border-color: #fdfdfd; } }
  @media (min-width: 1024px) {
    .frame .border-white-lm-tablet-pc {
      border-color: #fdfdfd; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-white-lm-tablet-pc {
      border-color: #fdfdfd; } }
  @media (min-width: 1440px) {
    .frame .border-white-lm-pc {
      border-color: #fdfdfd; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-white-lm-ultrawide {
      border-color: #fdfdfd; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-white-lm-super-ultrawide {
      border-color: #fdfdfd; } }

.frame .border-light-yellow-lm {
  border-color: #f8f3b3; }
  @media (min-width: 600px) {
    .frame .border-light-yellow-lm-tablet {
      border-color: #f8f3b3; } }
  @media (min-width: 1024px) {
    .frame .border-light-yellow-lm-tablet-pc {
      border-color: #f8f3b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-yellow-lm-tablet-pc {
      border-color: #f8f3b3; } }
  @media (min-width: 1440px) {
    .frame .border-light-yellow-lm-pc {
      border-color: #f8f3b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-yellow-lm-ultrawide {
      border-color: #f8f3b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-yellow-lm-super-ultrawide {
      border-color: #f8f3b3; } }

.frame .border-yellow-lm {
  border-color: #f2e76d; }
  @media (min-width: 600px) {
    .frame .border-yellow-lm-tablet {
      border-color: #f2e76d; } }
  @media (min-width: 1024px) {
    .frame .border-yellow-lm-tablet-pc {
      border-color: #f2e76d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-yellow-lm-tablet-pc {
      border-color: #f2e76d; } }
  @media (min-width: 1440px) {
    .frame .border-yellow-lm-pc {
      border-color: #f2e76d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-yellow-lm-ultrawide {
      border-color: #f2e76d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-yellow-lm-super-ultrawide {
      border-color: #f2e76d; } }

.frame .border-dark-yellow-lm {
  border-color: #ecdb27; }
  @media (min-width: 600px) {
    .frame .border-dark-yellow-lm-tablet {
      border-color: #ecdb27; } }
  @media (min-width: 1024px) {
    .frame .border-dark-yellow-lm-tablet-pc {
      border-color: #ecdb27; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-yellow-lm-tablet-pc {
      border-color: #ecdb27; } }
  @media (min-width: 1440px) {
    .frame .border-dark-yellow-lm-pc {
      border-color: #ecdb27; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-yellow-lm-ultrawide {
      border-color: #ecdb27; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-yellow-lm-super-ultrawide {
      border-color: #ecdb27; } }

.frame .border-light-orange-lm {
  border-color: #f7c29c; }
  @media (min-width: 600px) {
    .frame .border-light-orange-lm-tablet {
      border-color: #f7c29c; } }
  @media (min-width: 1024px) {
    .frame .border-light-orange-lm-tablet-pc {
      border-color: #f7c29c; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-orange-lm-tablet-pc {
      border-color: #f7c29c; } }
  @media (min-width: 1440px) {
    .frame .border-light-orange-lm-pc {
      border-color: #f7c29c; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-orange-lm-ultrawide {
      border-color: #f7c29c; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-orange-lm-super-ultrawide {
      border-color: #f7c29c; } }

.frame .border-orange-lm {
  border-color: #f29655; }
  @media (min-width: 600px) {
    .frame .border-orange-lm-tablet {
      border-color: #f29655; } }
  @media (min-width: 1024px) {
    .frame .border-orange-lm-tablet-pc {
      border-color: #f29655; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-orange-lm-tablet-pc {
      border-color: #f29655; } }
  @media (min-width: 1440px) {
    .frame .border-orange-lm-pc {
      border-color: #f29655; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-orange-lm-ultrawide {
      border-color: #f29655; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-orange-lm-super-ultrawide {
      border-color: #f29655; } }

.frame .border-dark-orange-lm {
  border-color: #e96b12; }
  @media (min-width: 600px) {
    .frame .border-dark-orange-lm-tablet {
      border-color: #e96b12; } }
  @media (min-width: 1024px) {
    .frame .border-dark-orange-lm-tablet-pc {
      border-color: #e96b12; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-orange-lm-tablet-pc {
      border-color: #e96b12; } }
  @media (min-width: 1440px) {
    .frame .border-dark-orange-lm-pc {
      border-color: #e96b12; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-orange-lm-ultrawide {
      border-color: #e96b12; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-orange-lm-super-ultrawide {
      border-color: #e96b12; } }

.frame .border-light-red-lm {
  border-color: #f8a8ae; }
  @media (min-width: 600px) {
    .frame .border-light-red-lm-tablet {
      border-color: #f8a8ae; } }
  @media (min-width: 1024px) {
    .frame .border-light-red-lm-tablet-pc {
      border-color: #f8a8ae; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-red-lm-tablet-pc {
      border-color: #f8a8ae; } }
  @media (min-width: 1440px) {
    .frame .border-light-red-lm-pc {
      border-color: #f8a8ae; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-red-lm-ultrawide {
      border-color: #f8a8ae; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-red-lm-super-ultrawide {
      border-color: #f8a8ae; } }

.frame .border-red-lm {
  border-color: #f2616d; }
  @media (min-width: 600px) {
    .frame .border-red-lm-tablet {
      border-color: #f2616d; } }
  @media (min-width: 1024px) {
    .frame .border-red-lm-tablet-pc {
      border-color: #f2616d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-red-lm-tablet-pc {
      border-color: #f2616d; } }
  @media (min-width: 1440px) {
    .frame .border-red-lm-pc {
      border-color: #f2616d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-red-lm-ultrawide {
      border-color: #f2616d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-red-lm-super-ultrawide {
      border-color: #f2616d; } }

.frame .border-dark-red-lm {
  border-color: #ec1a2c; }
  @media (min-width: 600px) {
    .frame .border-dark-red-lm-tablet {
      border-color: #ec1a2c; } }
  @media (min-width: 1024px) {
    .frame .border-dark-red-lm-tablet-pc {
      border-color: #ec1a2c; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-red-lm-tablet-pc {
      border-color: #ec1a2c; } }
  @media (min-width: 1440px) {
    .frame .border-dark-red-lm-pc {
      border-color: #ec1a2c; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-red-lm-ultrawide {
      border-color: #ec1a2c; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-red-lm-super-ultrawide {
      border-color: #ec1a2c; } }

.frame .border-light-purple-lm {
  border-color: #e1bff9; }
  @media (min-width: 600px) {
    .frame .border-light-purple-lm-tablet {
      border-color: #e1bff9; } }
  @media (min-width: 1024px) {
    .frame .border-light-purple-lm-tablet-pc {
      border-color: #e1bff9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-purple-lm-tablet-pc {
      border-color: #e1bff9; } }
  @media (min-width: 1440px) {
    .frame .border-light-purple-lm-pc {
      border-color: #e1bff9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-purple-lm-ultrawide {
      border-color: #e1bff9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-purple-lm-super-ultrawide {
      border-color: #e1bff9; } }

.frame .border-purple-lm {
  border-color: #c079f2; }
  @media (min-width: 600px) {
    .frame .border-purple-lm-tablet {
      border-color: #c079f2; } }
  @media (min-width: 1024px) {
    .frame .border-purple-lm-tablet-pc {
      border-color: #c079f2; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-purple-lm-tablet-pc {
      border-color: #c079f2; } }
  @media (min-width: 1440px) {
    .frame .border-purple-lm-pc {
      border-color: #c079f2; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-purple-lm-ultrawide {
      border-color: #c079f2; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-purple-lm-super-ultrawide {
      border-color: #c079f2; } }

.frame .border-dark-purple-lm {
  border-color: #9f33eb; }
  @media (min-width: 600px) {
    .frame .border-dark-purple-lm-tablet {
      border-color: #9f33eb; } }
  @media (min-width: 1024px) {
    .frame .border-dark-purple-lm-tablet-pc {
      border-color: #9f33eb; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-purple-lm-tablet-pc {
      border-color: #9f33eb; } }
  @media (min-width: 1440px) {
    .frame .border-dark-purple-lm-pc {
      border-color: #9f33eb; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-purple-lm-ultrawide {
      border-color: #9f33eb; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-purple-lm-super-ultrawide {
      border-color: #9f33eb; } }

.frame .border-light-blue-lm {
  border-color: #b3bff8; }
  @media (min-width: 600px) {
    .frame .border-light-blue-lm-tablet {
      border-color: #b3bff8; } }
  @media (min-width: 1024px) {
    .frame .border-light-blue-lm-tablet-pc {
      border-color: #b3bff8; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-blue-lm-tablet-pc {
      border-color: #b3bff8; } }
  @media (min-width: 1440px) {
    .frame .border-light-blue-lm-pc {
      border-color: #b3bff8; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-blue-lm-ultrawide {
      border-color: #b3bff8; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-blue-lm-super-ultrawide {
      border-color: #b3bff8; } }

.frame .border-blue-lm {
  border-color: #6d83f2; }
  @media (min-width: 600px) {
    .frame .border-blue-lm-tablet {
      border-color: #6d83f2; } }
  @media (min-width: 1024px) {
    .frame .border-blue-lm-tablet-pc {
      border-color: #6d83f2; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-blue-lm-tablet-pc {
      border-color: #6d83f2; } }
  @media (min-width: 1440px) {
    .frame .border-blue-lm-pc {
      border-color: #6d83f2; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-blue-lm-ultrawide {
      border-color: #6d83f2; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-blue-lm-super-ultrawide {
      border-color: #6d83f2; } }

.frame .border-dark-blue-lm {
  border-color: #2747ec; }
  @media (min-width: 600px) {
    .frame .border-dark-blue-lm-tablet {
      border-color: #2747ec; } }
  @media (min-width: 1024px) {
    .frame .border-dark-blue-lm-tablet-pc {
      border-color: #2747ec; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-blue-lm-tablet-pc {
      border-color: #2747ec; } }
  @media (min-width: 1440px) {
    .frame .border-dark-blue-lm-pc {
      border-color: #2747ec; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-blue-lm-ultrawide {
      border-color: #2747ec; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-blue-lm-super-ultrawide {
      border-color: #2747ec; } }

.frame .border-light-mint-lm {
  border-color: #9cf7e1; }
  @media (min-width: 600px) {
    .frame .border-light-mint-lm-tablet {
      border-color: #9cf7e1; } }
  @media (min-width: 1024px) {
    .frame .border-light-mint-lm-tablet-pc {
      border-color: #9cf7e1; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-mint-lm-tablet-pc {
      border-color: #9cf7e1; } }
  @media (min-width: 1440px) {
    .frame .border-light-mint-lm-pc {
      border-color: #9cf7e1; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-mint-lm-ultrawide {
      border-color: #9cf7e1; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-mint-lm-super-ultrawide {
      border-color: #9cf7e1; } }

.frame .border-mint-lm {
  border-color: #55f2cb; }
  @media (min-width: 600px) {
    .frame .border-mint-lm-tablet {
      border-color: #55f2cb; } }
  @media (min-width: 1024px) {
    .frame .border-mint-lm-tablet-pc {
      border-color: #55f2cb; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-mint-lm-tablet-pc {
      border-color: #55f2cb; } }
  @media (min-width: 1440px) {
    .frame .border-mint-lm-pc {
      border-color: #55f2cb; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-mint-lm-ultrawide {
      border-color: #55f2cb; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-mint-lm-super-ultrawide {
      border-color: #55f2cb; } }

.frame .border-dark-mint-lm {
  border-color: #12e9b3; }
  @media (min-width: 600px) {
    .frame .border-dark-mint-lm-tablet {
      border-color: #12e9b3; } }
  @media (min-width: 1024px) {
    .frame .border-dark-mint-lm-tablet-pc {
      border-color: #12e9b3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-mint-lm-tablet-pc {
      border-color: #12e9b3; } }
  @media (min-width: 1440px) {
    .frame .border-dark-mint-lm-pc {
      border-color: #12e9b3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-mint-lm-ultrawide {
      border-color: #12e9b3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-mint-lm-super-ultrawide {
      border-color: #12e9b3; } }

.frame .border-light-green-lm {
  border-color: #bff9cd; }
  @media (min-width: 600px) {
    .frame .border-light-green-lm-tablet {
      border-color: #bff9cd; } }
  @media (min-width: 1024px) {
    .frame .border-light-green-lm-tablet-pc {
      border-color: #bff9cd; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-light-green-lm-tablet-pc {
      border-color: #bff9cd; } }
  @media (min-width: 1440px) {
    .frame .border-light-green-lm-pc {
      border-color: #bff9cd; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-light-green-lm-ultrawide {
      border-color: #bff9cd; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-light-green-lm-super-ultrawide {
      border-color: #bff9cd; } }

.frame .border-green-lm {
  border-color: #79f297; }
  @media (min-width: 600px) {
    .frame .border-green-lm-tablet {
      border-color: #79f297; } }
  @media (min-width: 1024px) {
    .frame .border-green-lm-tablet-pc {
      border-color: #79f297; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-green-lm-tablet-pc {
      border-color: #79f297; } }
  @media (min-width: 1440px) {
    .frame .border-green-lm-pc {
      border-color: #79f297; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-green-lm-ultrawide {
      border-color: #79f297; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-green-lm-super-ultrawide {
      border-color: #79f297; } }

.frame .border-dark-green-lm {
  border-color: #33eb61; }
  @media (min-width: 600px) {
    .frame .border-dark-green-lm-tablet {
      border-color: #33eb61; } }
  @media (min-width: 1024px) {
    .frame .border-dark-green-lm-tablet-pc {
      border-color: #33eb61; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame .border-dark-green-lm-tablet-pc {
      border-color: #33eb61; } }
  @media (min-width: 1440px) {
    .frame .border-dark-green-lm-pc {
      border-color: #33eb61; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame .border-dark-green-lm-ultrawide {
      border-color: #33eb61; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame .border-dark-green-lm-super-ultrawide {
      border-color: #33eb61; } }

.frame-dark .border-black-dm {
  border-color: #262626; }
  @media (min-width: 600px) {
    .frame-dark .border-black-dm-tablet {
      border-color: #262626; } }
  @media (min-width: 1024px) {
    .frame-dark .border-black-dm-tablet-pc {
      border-color: #262626; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-black-dm-tablet-pc {
      border-color: #262626; } }
  @media (min-width: 1440px) {
    .frame-dark .border-black-dm-pc {
      border-color: #262626; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-black-dm-ultrawide {
      border-color: #262626; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-black-dm-super-ultrawide {
      border-color: #262626; } }

.frame-dark .border-light-black-dm {
  border-color: #404040; }
  @media (min-width: 600px) {
    .frame-dark .border-light-black-dm-tablet {
      border-color: #404040; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-black-dm-tablet-pc {
      border-color: #404040; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-black-dm-tablet-pc {
      border-color: #404040; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-black-dm-pc {
      border-color: #404040; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-black-dm-ultrawide {
      border-color: #404040; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-black-dm-super-ultrawide {
      border-color: #404040; } }

.frame-dark .border-darker-grey-dm {
  border-color: #4d4d4d; }
  @media (min-width: 600px) {
    .frame-dark .border-darker-grey-dm-tablet {
      border-color: #4d4d4d; } }
  @media (min-width: 1024px) {
    .frame-dark .border-darker-grey-dm-tablet-pc {
      border-color: #4d4d4d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-darker-grey-dm-tablet-pc {
      border-color: #4d4d4d; } }
  @media (min-width: 1440px) {
    .frame-dark .border-darker-grey-dm-pc {
      border-color: #4d4d4d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-darker-grey-dm-ultrawide {
      border-color: #4d4d4d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-darker-grey-dm-super-ultrawide {
      border-color: #4d4d4d; } }

.frame-dark .border-dark-grey-dm {
  border-color: #676767; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-grey-dm-tablet {
      border-color: #676767; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-grey-dm-tablet-pc {
      border-color: #676767; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-grey-dm-tablet-pc {
      border-color: #676767; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-grey-dm-pc {
      border-color: #676767; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-grey-dm-ultrawide {
      border-color: #676767; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-grey-dm-super-ultrawide {
      border-color: #676767; } }

.frame-dark .border-grey-dm {
  border-color: #808080; }
  @media (min-width: 600px) {
    .frame-dark .border-grey-dm-tablet {
      border-color: #808080; } }
  @media (min-width: 1024px) {
    .frame-dark .border-grey-dm-tablet-pc {
      border-color: #808080; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-grey-dm-tablet-pc {
      border-color: #808080; } }
  @media (min-width: 1440px) {
    .frame-dark .border-grey-dm-pc {
      border-color: #808080; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-grey-dm-ultrawide {
      border-color: #808080; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-grey-dm-super-ultrawide {
      border-color: #808080; } }

.frame-dark .border-light-grey-dm {
  border-color: #8d8d8d; }
  @media (min-width: 600px) {
    .frame-dark .border-light-grey-dm-tablet {
      border-color: #8d8d8d; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-grey-dm-tablet-pc {
      border-color: #8d8d8d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-grey-dm-tablet-pc {
      border-color: #8d8d8d; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-grey-dm-pc {
      border-color: #8d8d8d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-grey-dm-ultrawide {
      border-color: #8d8d8d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-grey-dm-super-ultrawide {
      border-color: #8d8d8d; } }

.frame-dark .border-lighter-grey-dm {
  border-color: #9a9a9a; }
  @media (min-width: 600px) {
    .frame-dark .border-lighter-grey-dm-tablet {
      border-color: #9a9a9a; } }
  @media (min-width: 1024px) {
    .frame-dark .border-lighter-grey-dm-tablet-pc {
      border-color: #9a9a9a; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-lighter-grey-dm-tablet-pc {
      border-color: #9a9a9a; } }
  @media (min-width: 1440px) {
    .frame-dark .border-lighter-grey-dm-pc {
      border-color: #9a9a9a; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-lighter-grey-dm-ultrawide {
      border-color: #9a9a9a; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-lighter-grey-dm-super-ultrawide {
      border-color: #9a9a9a; } }

.frame-dark .border-dark-white-dm {
  border-color: #d9d9d9; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-white-dm-tablet {
      border-color: #d9d9d9; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-white-dm-tablet-pc {
      border-color: #d9d9d9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-white-dm-tablet-pc {
      border-color: #d9d9d9; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-white-dm-pc {
      border-color: #d9d9d9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-white-dm-ultrawide {
      border-color: #d9d9d9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-white-dm-super-ultrawide {
      border-color: #d9d9d9; } }

.frame-dark .border-white-dm {
  border-color: #e6e6e6; }
  @media (min-width: 600px) {
    .frame-dark .border-white-dm-tablet {
      border-color: #e6e6e6; } }
  @media (min-width: 1024px) {
    .frame-dark .border-white-dm-tablet-pc {
      border-color: #e6e6e6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-white-dm-tablet-pc {
      border-color: #e6e6e6; } }
  @media (min-width: 1440px) {
    .frame-dark .border-white-dm-pc {
      border-color: #e6e6e6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-white-dm-ultrawide {
      border-color: #e6e6e6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-white-dm-super-ultrawide {
      border-color: #e6e6e6; } }

.frame-dark .border-light-yellow-dm {
  border-color: #fffbc0; }
  @media (min-width: 600px) {
    .frame-dark .border-light-yellow-dm-tablet {
      border-color: #fffbc0; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-yellow-dm-tablet-pc {
      border-color: #fffbc0; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-yellow-dm-tablet-pc {
      border-color: #fffbc0; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-yellow-dm-pc {
      border-color: #fffbc0; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-yellow-dm-ultrawide {
      border-color: #fffbc0; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-yellow-dm-super-ultrawide {
      border-color: #fffbc0; } }

.frame-dark .border-yellow-dm {
  border-color: #fff673; }
  @media (min-width: 600px) {
    .frame-dark .border-yellow-dm-tablet {
      border-color: #fff673; } }
  @media (min-width: 1024px) {
    .frame-dark .border-yellow-dm-tablet-pc {
      border-color: #fff673; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-yellow-dm-tablet-pc {
      border-color: #fff673; } }
  @media (min-width: 1440px) {
    .frame-dark .border-yellow-dm-pc {
      border-color: #fff673; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-yellow-dm-ultrawide {
      border-color: #fff673; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-yellow-dm-super-ultrawide {
      border-color: #fff673; } }

.frame-dark .border-dark-yellow-dm {
  border-color: #fff127; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-yellow-dm-tablet {
      border-color: #fff127; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-yellow-dm-tablet-pc {
      border-color: #fff127; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-yellow-dm-tablet-pc {
      border-color: #fff127; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-yellow-dm-pc {
      border-color: #fff127; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-yellow-dm-ultrawide {
      border-color: #fff127; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-yellow-dm-super-ultrawide {
      border-color: #fff127; } }

.frame-dark .border-light-orange-dm {
  border-color: #ffcba6; }
  @media (min-width: 600px) {
    .frame-dark .border-light-orange-dm-tablet {
      border-color: #ffcba6; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-orange-dm-tablet-pc {
      border-color: #ffcba6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-orange-dm-tablet-pc {
      border-color: #ffcba6; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-orange-dm-pc {
      border-color: #ffcba6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-orange-dm-ultrawide {
      border-color: #ffcba6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-orange-dm-super-ultrawide {
      border-color: #ffcba6; } }

.frame-dark .border-orange-dm {
  border-color: #ff9e59; }
  @media (min-width: 600px) {
    .frame-dark .border-orange-dm-tablet {
      border-color: #ff9e59; } }
  @media (min-width: 1024px) {
    .frame-dark .border-orange-dm-tablet-pc {
      border-color: #ff9e59; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-orange-dm-tablet-pc {
      border-color: #ff9e59; } }
  @media (min-width: 1440px) {
    .frame-dark .border-orange-dm-pc {
      border-color: #ff9e59; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-orange-dm-ultrawide {
      border-color: #ff9e59; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-orange-dm-super-ultrawide {
      border-color: #ff9e59; } }

.frame-dark .border-dark-orange-dm {
  border-color: #ff710d; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-orange-dm-tablet {
      border-color: #ff710d; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-orange-dm-tablet-pc {
      border-color: #ff710d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-orange-dm-tablet-pc {
      border-color: #ff710d; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-orange-dm-pc {
      border-color: #ff710d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-orange-dm-ultrawide {
      border-color: #ff710d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-orange-dm-super-ultrawide {
      border-color: #ff710d; } }

.frame-dark .border-light-red-dm {
  border-color: #ffb3b9; }
  @media (min-width: 600px) {
    .frame-dark .border-light-red-dm-tablet {
      border-color: #ffb3b9; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-red-dm-tablet-pc {
      border-color: #ffb3b9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-red-dm-tablet-pc {
      border-color: #ffb3b9; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-red-dm-pc {
      border-color: #ffb3b9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-red-dm-ultrawide {
      border-color: #ffb3b9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-red-dm-super-ultrawide {
      border-color: #ffb3b9; } }

.frame-dark .border-red-dm {
  border-color: #ff6673; }
  @media (min-width: 600px) {
    .frame-dark .border-red-dm-tablet {
      border-color: #ff6673; } }
  @media (min-width: 1024px) {
    .frame-dark .border-red-dm-tablet-pc {
      border-color: #ff6673; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-red-dm-tablet-pc {
      border-color: #ff6673; } }
  @media (min-width: 1440px) {
    .frame-dark .border-red-dm-pc {
      border-color: #ff6673; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-red-dm-ultrawide {
      border-color: #ff6673; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-red-dm-super-ultrawide {
      border-color: #ff6673; } }

.frame-dark .border-dark-red-dm {
  border-color: #ff1a2d; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-red-dm-tablet {
      border-color: #ff1a2d; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-red-dm-tablet-pc {
      border-color: #ff1a2d; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-red-dm-tablet-pc {
      border-color: #ff1a2d; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-red-dm-pc {
      border-color: #ff1a2d; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-red-dm-ultrawide {
      border-color: #ff1a2d; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-red-dm-super-ultrawide {
      border-color: #ff1a2d; } }

.frame-dark .border-light-purple-dm {
  border-color: #eaccff; }
  @media (min-width: 600px) {
    .frame-dark .border-light-purple-dm-tablet {
      border-color: #eaccff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-purple-dm-tablet-pc {
      border-color: #eaccff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-purple-dm-tablet-pc {
      border-color: #eaccff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-purple-dm-pc {
      border-color: #eaccff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-purple-dm-ultrawide {
      border-color: #eaccff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-purple-dm-super-ultrawide {
      border-color: #eaccff; } }

.frame-dark .border-purple-dm {
  border-color: #ca7fff; }
  @media (min-width: 600px) {
    .frame-dark .border-purple-dm-tablet {
      border-color: #ca7fff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-purple-dm-tablet-pc {
      border-color: #ca7fff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-purple-dm-tablet-pc {
      border-color: #ca7fff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-purple-dm-pc {
      border-color: #ca7fff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-purple-dm-ultrawide {
      border-color: #ca7fff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-purple-dm-super-ultrawide {
      border-color: #ca7fff; } }

.frame-dark .border-dark-purple-dm {
  border-color: #aa33ff; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-purple-dm-tablet {
      border-color: #aa33ff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-purple-dm-tablet-pc {
      border-color: #aa33ff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-purple-dm-tablet-pc {
      border-color: #aa33ff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-purple-dm-pc {
      border-color: #aa33ff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-purple-dm-ultrawide {
      border-color: #aa33ff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-purple-dm-super-ultrawide {
      border-color: #aa33ff; } }

.frame-dark .border-light-blue-dm {
  border-color: #c0caff; }
  @media (min-width: 600px) {
    .frame-dark .border-light-blue-dm-tablet {
      border-color: #c0caff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-blue-dm-tablet-pc {
      border-color: #c0caff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-blue-dm-tablet-pc {
      border-color: #c0caff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-blue-dm-pc {
      border-color: #c0caff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-blue-dm-ultrawide {
      border-color: #c0caff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-blue-dm-super-ultrawide {
      border-color: #c0caff; } }

.frame-dark .border-blue-dm {
  border-color: #738aff; }
  @media (min-width: 600px) {
    .frame-dark .border-blue-dm-tablet {
      border-color: #738aff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-blue-dm-tablet-pc {
      border-color: #738aff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-blue-dm-tablet-pc {
      border-color: #738aff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-blue-dm-pc {
      border-color: #738aff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-blue-dm-ultrawide {
      border-color: #738aff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-blue-dm-super-ultrawide {
      border-color: #738aff; } }

.frame-dark .border-dark-blue-dm {
  border-color: #274aff; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-blue-dm-tablet {
      border-color: #274aff; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-blue-dm-tablet-pc {
      border-color: #274aff; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-blue-dm-tablet-pc {
      border-color: #274aff; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-blue-dm-pc {
      border-color: #274aff; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-blue-dm-ultrawide {
      border-color: #274aff; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-blue-dm-super-ultrawide {
      border-color: #274aff; } }

.frame-dark .border-light-mint-dm {
  border-color: #a6ffe9; }
  @media (min-width: 600px) {
    .frame-dark .border-light-mint-dm-tablet {
      border-color: #a6ffe9; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-mint-dm-tablet-pc {
      border-color: #a6ffe9; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-mint-dm-tablet-pc {
      border-color: #a6ffe9; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-mint-dm-pc {
      border-color: #a6ffe9; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-mint-dm-ultrawide {
      border-color: #a6ffe9; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-mint-dm-super-ultrawide {
      border-color: #a6ffe9; } }

.frame-dark .border-mint-dm {
  border-color: #59ffd6; }
  @media (min-width: 600px) {
    .frame-dark .border-mint-dm-tablet {
      border-color: #59ffd6; } }
  @media (min-width: 1024px) {
    .frame-dark .border-mint-dm-tablet-pc {
      border-color: #59ffd6; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-mint-dm-tablet-pc {
      border-color: #59ffd6; } }
  @media (min-width: 1440px) {
    .frame-dark .border-mint-dm-pc {
      border-color: #59ffd6; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-mint-dm-ultrawide {
      border-color: #59ffd6; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-mint-dm-super-ultrawide {
      border-color: #59ffd6; } }

.frame-dark .border-dark-mint-dm {
  border-color: #0dffc3; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-mint-dm-tablet {
      border-color: #0dffc3; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-mint-dm-tablet-pc {
      border-color: #0dffc3; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-mint-dm-tablet-pc {
      border-color: #0dffc3; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-mint-dm-pc {
      border-color: #0dffc3; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-mint-dm-ultrawide {
      border-color: #0dffc3; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-mint-dm-super-ultrawide {
      border-color: #0dffc3; } }

.frame-dark .border-light-green-dm {
  border-color: #ccffd8; }
  @media (min-width: 600px) {
    .frame-dark .border-light-green-dm-tablet {
      border-color: #ccffd8; } }
  @media (min-width: 1024px) {
    .frame-dark .border-light-green-dm-tablet-pc {
      border-color: #ccffd8; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-light-green-dm-tablet-pc {
      border-color: #ccffd8; } }
  @media (min-width: 1440px) {
    .frame-dark .border-light-green-dm-pc {
      border-color: #ccffd8; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-green-dm-ultrawide {
      border-color: #ccffd8; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-light-green-dm-super-ultrawide {
      border-color: #ccffd8; } }

.frame-dark .border-green-dm {
  border-color: #7fff9f; }
  @media (min-width: 600px) {
    .frame-dark .border-green-dm-tablet {
      border-color: #7fff9f; } }
  @media (min-width: 1024px) {
    .frame-dark .border-green-dm-tablet-pc {
      border-color: #7fff9f; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-green-dm-tablet-pc {
      border-color: #7fff9f; } }
  @media (min-width: 1440px) {
    .frame-dark .border-green-dm-pc {
      border-color: #7fff9f; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-green-dm-ultrawide {
      border-color: #7fff9f; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-green-dm-super-ultrawide {
      border-color: #7fff9f; } }

.frame-dark .border-dark-green-dm {
  border-color: #33ff66; }
  @media (min-width: 600px) {
    .frame-dark .border-dark-green-dm-tablet {
      border-color: #33ff66; } }
  @media (min-width: 1024px) {
    .frame-dark .border-dark-green-dm-tablet-pc {
      border-color: #33ff66; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .frame-dark .border-dark-green-dm-tablet-pc {
      border-color: #33ff66; } }
  @media (min-width: 1440px) {
    .frame-dark .border-dark-green-dm-pc {
      border-color: #33ff66; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-green-dm-ultrawide {
      border-color: #33ff66; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .frame-dark .border-dark-green-dm-super-ultrawide {
      border-color: #33ff66; } }

.roundness {
  border-radius: 24px; }
  .roundness-xxs {
    border-radius: 8px; }
  .roundness-xs {
    border-radius: 12px; }
  .roundness-sm {
    border-radius: 16px; }
  .roundness-md {
    border-radius: 24px; }
  .roundness-lg {
    border-radius: 32px; }
  .roundness-xl {
    border-radius: 48px; }
  .roundness-xxl {
    border-radius: 64px; }
  .roundness-full {
    border-radius: 1000px; }
  .roundness-top {
    border-radius: 24px 24px 0 0; }
    .roundness-top-xxs {
      border-radius: 8px 8px 0 0; }
    .roundness-top-xs {
      border-radius: 12px 12px 0 0; }
    .roundness-top-sm {
      border-radius: 16px 16px 0 0; }
    .roundness-top-md {
      border-radius: 24px 24px 0 0; }
    .roundness-top-lg {
      border-radius: 32px 32px 0 0; }
    .roundness-top-xl {
      border-radius: 48px 48px 0 0; }
    .roundness-top-xxl {
      border-radius: 64px 64px 0 0; }
    .roundness-top-full {
      border-radius: 1000px 1000px 0 0; }
    .roundness-top-none {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .roundness-left {
    border-radius: 24px 0 0 0; }
    .roundness-left-xxs {
      border-radius: 8px 0 0 0; }
    .roundness-left-xs {
      border-radius: 12px 0 0 0; }
    .roundness-left-sm {
      border-radius: 16px 0 0 0; }
    .roundness-left-md {
      border-radius: 24px 0 0 0; }
    .roundness-left-lg {
      border-radius: 32px 0 0 0; }
    .roundness-left-xl {
      border-radius: 48px 0 0 0; }
    .roundness-left-xxl {
      border-radius: 64px 0 0 0; }
    .roundness-left-full {
      border-radius: 1000px 0 0 0; }
    .roundness-left-none {
      border-top-left-radius: 0; }
  .roundness-right {
    border-radius: 0 24px 0 0; }
    .roundness-right-xxs {
      border-radius: 0 8px 0 0; }
    .roundness-right-xs {
      border-radius: 0 12px 0 0; }
    .roundness-right-sm {
      border-radius: 0 16px 0 0; }
    .roundness-right-md {
      border-radius: 0 24px 0 0; }
    .roundness-right-lg {
      border-radius: 0 32px 0 0; }
    .roundness-right-xl {
      border-radius: 0 48px 0 0; }
    .roundness-right-xxl {
      border-radius: 0 64px 0 0; }
    .roundness-right-full {
      border-radius: 0 1000px 0 0; }
    .roundness-right-none {
      border-top-right-radius: 0; }
  .roundness-bottom {
    border-radius: 0 0 24px 24px; }
    .roundness-bottom-xxs {
      border-radius: 0 0 8px 8px; }
    .roundness-bottom-xs {
      border-radius: 0 0 12px 12px; }
    .roundness-bottom-sm {
      border-radius: 0 0 16px 16px; }
    .roundness-bottom-md {
      border-radius: 0 0 24px 24px; }
    .roundness-bottom-lg {
      border-radius: 0 0 32px 32px; }
    .roundness-bottom-xl {
      border-radius: 0 0 48px 48px; }
    .roundness-bottom-xxl {
      border-radius: 0 0 64px 64px; }
    .roundness-bottom-full {
      border-radius: 0 0 1000px 1000px; }
    .roundness-bottom-none {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
  .roundness-none {
    border-radius: 0; }

.text, [class*="frame"] .text {
  font-size: 16px; }
  .text-xxs, [class*="frame"] .text-xxs {
    font-size: 10px; }
  .text-xs, [class*="frame"] .text-xs {
    font-size: 12px; }
  .text-sm, [class*="frame"] .text-sm {
    font-size: 14px; }
  .text-md, [class*="frame"] .text-md {
    font-size: 16px; }
  .text-lg, [class*="frame"] .text-lg {
    font-size: 20px; }
  .text-xl, [class*="frame"] .text-xl {
    font-size: 24px; }
  .text-xxl, [class*="frame"] .text-xxl {
    font-size: 32px; }
  .text-light, [class*="frame"] .text-light {
    font-weight: 300; }
  .text-regular, [class*="frame"] .text-regular {
    font-weight: 400; }
  .text-medium, [class*="frame"] .text-medium {
    font-weight: 600; }
  .text-bold, [class*="frame"] .text-bold {
    font-weight: 700; }
  .text-bolder, [class*="frame"] .text-bolder {
    font-weight: 800; }
  .text-italic, [class*="frame"] .text-italic {
    font-style: italic; }
  .text-uppercase, [class*="frame"] .text-uppercase {
    text-transform: uppercase; }
  .text-ellipsis, [class*="frame"] .text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .text-link, [class*="frame"] .text-link {
    color: #6d83f2;
    cursor: pointer; }
    .text-link:hover, [class*="frame"] .text-link:hover { 
      color: #2747ec; }
  .text-nowrap, [class*="frame"] .text-nowrap {
    white-space: nowrap; }
  .text-left, [class*="frame"] .text-left {
    text-align: left; }
  .text-center, [class*="frame"] .text-center {
    text-align: center; }
  .text-right, [class*="frame"] .text-right {
    text-align: right; }
  .text-none, [class*="frame"] .text-none {
    color: transparent; }

.frame .text-black, .frame .text-black-themed {
  color: #333333; }

.frame .text-light-black, .frame .text-light-black-themed {
  color: #4d4d4d; }

.frame .text-darker-grey, .frame .text-darker-grey-themed {
  color: #999999; }

.frame .text-dark-grey, .frame .text-dark-grey-themed {
  color: #b3b3b3; }

.frame .text-grey, .frame .text-grey-themed {
  color: #cccccc; }

.frame .text-light-grey, .frame .text-light-grey-themed {
  color: #d9d9d9; }

.frame .text-lighter-grey, .frame .text-lighter-grey-themed {
  color: #e6e6e6; }

.frame .text-dark-white, .frame .text-dark-white-themed {
  color: #f0f0f0; }

.frame .text-white, .frame .text-white-themed {
  color: #fdfdfd; }

.frame .text-light-yellow, .frame .text-light-yellow-themed {
  color: #f8f3b3; }

.frame .text-yellow, .frame .text-yellow-themed {
  color: #f2e76d; }

.frame .text-dark-yellow, .frame .text-dark-yellow-themed {
  color: #ecdb27; }

.frame .text-light-orange, .frame .text-light-orange-themed {
  color: #f7c29c; }

.frame .text-orange, .frame .text-orange-themed {
  color: #f29655; }

.frame .text-dark-orange, .frame .text-dark-orange-themed {
  color: #e96b12; }

.frame .text-light-red, .frame .text-light-red-themed {
  color: #f8a8ae; }

.frame .text-red, .frame .text-red-themed {
  color: #f2616d; }

.frame .text-dark-red, .frame .text-dark-red-themed {
  color: #ec1a2c; }

.frame .text-light-purple, .frame .text-light-purple-themed {
  color: #e1bff9; }

.frame .text-purple, .frame .text-purple-themed {
  color: #c079f2; }

.frame .text-dark-purple, .frame .text-dark-purple-themed {
  color: #9f33eb; }

.frame .text-light-blue, .frame .text-light-blue-themed {
  color: #b3bff8; }

.frame .text-blue, .frame .text-blue-themed {
  color: #6d83f2; }

.frame .text-dark-blue, .frame .text-dark-blue-themed {
  color: #2747ec; }

.frame .text-light-mint, .frame .text-light-mint-themed {
  color: #9cf7e1; }

.frame .text-mint, .frame .text-mint-themed {
  color: #55f2cb; }

.frame .text-dark-mint, .frame .text-dark-mint-themed {
  color: #12e9b3; }

.frame .text-light-green, .frame .text-light-green-themed {
  color: #bff9cd; }

.frame .text-green, .frame .text-green-themed {
  color: #79f297; }

.frame .text-dark-green, .frame .text-dark-green-themed {
  color: #33eb61; }

.frame-dark .text-black, .frame-dark .text-black-themed {
  color: #262626; }

.frame-dark .text-light-black, .frame-dark .text-light-black-themed {
  color: #404040; }

.frame-dark .text-darker-grey, .frame-dark .text-darker-grey-themed {
  color: #4d4d4d; }

.frame-dark .text-dark-grey, .frame-dark .text-dark-grey-themed {
  color: #676767; }

.frame-dark .text-grey, .frame-dark .text-grey-themed {
  color: #808080; }

.frame-dark .text-light-grey, .frame-dark .text-light-grey-themed {
  color: #8d8d8d; }

.frame-dark .text-lighter-grey, .frame-dark .text-lighter-grey-themed {
  color: #9a9a9a; }

.frame-dark .text-dark-white, .frame-dark .text-dark-white-themed {
  color: #d9d9d9; }

.frame-dark .text-white, .frame-dark .text-white-themed {
  color: #e6e6e6; }

.frame-dark .text-light-yellow, .frame-dark .text-light-yellow-themed {
  color: #fffbc0; }

.frame-dark .text-yellow, .frame-dark .text-yellow-themed {
  color: #fff673; }

.frame-dark .text-dark-yellow, .frame-dark .text-dark-yellow-themed {
  color: #fff127; }

.frame-dark .text-light-orange, .frame-dark .text-light-orange-themed {
  color: #ffcba6; }

.frame-dark .text-orange, .frame-dark .text-orange-themed {
  color: #ff9e59; }

.frame-dark .text-dark-orange, .frame-dark .text-dark-orange-themed {
  color: #ff710d; }

.frame-dark .text-light-red, .frame-dark .text-light-red-themed {
  color: #ffb3b9; }

.frame-dark .text-red, .frame-dark .text-red-themed {
  color: #ff6673; }

.frame-dark .text-dark-red, .frame-dark .text-dark-red-themed {
  color: #ff1a2d; }

.frame-dark .text-light-purple, .frame-dark .text-light-purple-themed {
  color: #eaccff; }

.frame-dark .text-purple, .frame-dark .text-purple-themed {
  color: #ca7fff; }

.frame-dark .text-dark-purple, .frame-dark .text-dark-purple-themed {
  color: #aa33ff; }

.frame-dark .text-light-blue, .frame-dark .text-light-blue-themed {
  color: #c0caff; }

.frame-dark .text-blue, .frame-dark .text-blue-themed {
  color: #738aff; }

.frame-dark .text-dark-blue, .frame-dark .text-dark-blue-themed {
  color: #274aff; }

.frame-dark .text-light-mint, .frame-dark .text-light-mint-themed {
  color: #a6ffe9; }

.frame-dark .text-mint, .frame-dark .text-mint-themed {
  color: #59ffd6; }

.frame-dark .text-dark-mint, .frame-dark .text-dark-mint-themed {
  color: #0dffc3; }

.frame-dark .text-light-green, .frame-dark .text-light-green-themed {
  color: #ccffd8; }

.frame-dark .text-green, .frame-dark .text-green-themed {
  color: #7fff9f; }

.frame-dark .text-dark-green, .frame-dark .text-dark-green-themed {
  color: #33ff66; }

.frame [class*='text-black-themed'] {
  color: #333333; }

.frame-dark [class*='text-black-themed'] {
  color: #fdfdfd; }

.frame [class*='text-white-themed'] {
  color: #fdfdfd; }

.frame-dark [class*='text-white-themed'] {
  color: #333333; }

.frame .text-black-lm {
  color: #333333; }

.frame .text-light-black-lm {
  color: #4d4d4d; }

.frame .text-darker-grey-lm {
  color: #999999; }

.frame .text-dark-grey-lm {
  color: #b3b3b3; }

.frame .text-grey-lm {
  color: #cccccc; }

.frame .text-light-grey-lm {
  color: #d9d9d9; }

.frame .text-lighter-grey-lm {
  color: #e6e6e6; }

.frame .text-dark-white-lm {
  color: #f0f0f0; }

.frame .text-white-lm {
  color: #fdfdfd; }

.frame .text-light-yellow-lm {
  color: #f8f3b3; }

.frame .text-yellow-lm {
  color: #f2e76d; }

.frame .text-dark-yellow-lm {
  color: #ecdb27; }

.frame .text-light-orange-lm {
  color: #f7c29c; }

.frame .text-orange-lm {
  color: #f29655; }

.frame .text-dark-orange-lm {
  color: #e96b12; }

.frame .text-light-red-lm {
  color: #f8a8ae; }

.frame .text-red-lm {
  color: #f2616d; }

.frame .text-dark-red-lm {
  color: #ec1a2c; }

.frame .text-light-purple-lm {
  color: #e1bff9; }

.frame .text-purple-lm {
  color: #c079f2; }

.frame .text-dark-purple-lm {
  color: #9f33eb; }

.frame .text-light-blue-lm {
  color: #b3bff8; }

.frame .text-blue-lm {
  color: #6d83f2; }

.frame .text-dark-blue-lm {
  color: #2747ec; }

.frame .text-light-mint-lm {
  color: #9cf7e1; }

.frame .text-mint-lm {
  color: #55f2cb; }

.frame .text-dark-mint-lm {
  color: #12e9b3; }

.frame .text-light-green-lm {
  color: #bff9cd; }

.frame .text-green-lm {
  color: #79f297; }

.frame .text-dark-green-lm {
  color: #33eb61; }

.frame-dark .text-black-dm {
  color: #262626; }

.frame-dark .text-light-black-dm {
  color: #404040; }

.frame-dark .text-darker-grey-dm {
  color: #4d4d4d; }

.frame-dark .text-dark-grey-dm {
  color: #676767; }

.frame-dark .text-grey-dm {
  color: #808080; }

.frame-dark .text-light-grey-dm {
  color: #8d8d8d; }

.frame-dark .text-lighter-grey-dm {
  color: #9a9a9a; }

.frame-dark .text-dark-white-dm {
  color: #d9d9d9; }

.frame-dark .text-white-dm {
  color: #e6e6e6; }

.frame-dark .text-light-yellow-dm {
  color: #fffbc0; }

.frame-dark .text-yellow-dm {
  color: #fff673; }

.frame-dark .text-dark-yellow-dm {
  color: #fff127; }

.frame-dark .text-light-orange-dm {
  color: #ffcba6; }

.frame-dark .text-orange-dm {
  color: #ff9e59; }

.frame-dark .text-dark-orange-dm {
  color: #ff710d; }

.frame-dark .text-light-red-dm {
  color: #ffb3b9; }

.frame-dark .text-red-dm {
  color: #ff6673; }

.frame-dark .text-dark-red-dm {
  color: #ff1a2d; }

.frame-dark .text-light-purple-dm {
  color: #eaccff; }

.frame-dark .text-purple-dm {
  color: #ca7fff; }

.frame-dark .text-dark-purple-dm {
  color: #aa33ff; }

.frame-dark .text-light-blue-dm {
  color: #c0caff; }

.frame-dark .text-blue-dm {
  color: #738aff; }

.frame-dark .text-dark-blue-dm {
  color: #274aff; }

.frame-dark .text-light-mint-dm {
  color: #a6ffe9; }

.frame-dark .text-mint-dm {
  color: #59ffd6; }

.frame-dark .text-dark-mint-dm {
  color: #0dffc3; }

.frame-dark .text-light-green-dm {
  color: #ccffd8; }

.frame-dark .text-green-dm {
  color: #7fff9f; }

.frame-dark .text-dark-green-dm {
  color: #33ff66; }

.m, .margin {
  margin: 24px; }
  @media (min-width: 600px) {
    .m-tablet, .margin-tablet {
      margin: 24px; } }
  @media (min-width: 1024px) {
    .m-tablet-pc, .margin-tablet-pc {
      margin: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .m-tablet-pc, .margin-tablet-pc {
      margin: 24px; } }
  @media (min-width: 1440px) {
    .m-pc, .margin-pc {
      margin: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .m-ultrawide, .margin-ultrawide {
      margin: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .m-super-ultrawide, .margin-super-ultrawide {
      margin: 24px; } }
  .m-xxs, .margin-xxs {
    margin: 4px; }
    @media (min-width: 600px) {
      .m-xxs-tablet, .margin-xxs-tablet {
        margin: 4px; } }
    @media (min-width: 1024px) {
      .m-xxs-tablet-pc, .margin-xxs-tablet-pc {
        margin: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .m-xxs-tablet-pc, .margin-xxs-tablet-pc {
        margin: 4px; } }
    @media (min-width: 1440px) {
      .m-xxs-pc, .margin-xxs-pc {
        margin: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .m-xxs-ultrawide, .margin-xxs-ultrawide {
        margin: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .m-xxs-super-ultrawide, .margin-xxs-super-ultrawide {
        margin: 4px; } }
  .m-xs, .margin-xs {
    margin: 8px; }
    @media (min-width: 600px) {
      .m-xs-tablet, .margin-xs-tablet {
        margin: 8px; } }
    @media (min-width: 1024px) {
      .m-xs-tablet-pc, .margin-xs-tablet-pc {
        margin: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .m-xs-tablet-pc, .margin-xs-tablet-pc {
        margin: 8px; } }
    @media (min-width: 1440px) {
      .m-xs-pc, .margin-xs-pc {
        margin: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .m-xs-ultrawide, .margin-xs-ultrawide {
        margin: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .m-xs-super-ultrawide, .margin-xs-super-ultrawide {
        margin: 8px; } }
  .m-sm, .margin-sm {
    margin: 16px; }
    @media (min-width: 600px) {
      .m-sm-tablet, .margin-sm-tablet {
        margin: 16px; } }
    @media (min-width: 1024px) {
      .m-sm-tablet-pc, .margin-sm-tablet-pc {
        margin: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .m-sm-tablet-pc, .margin-sm-tablet-pc {
        margin: 16px; } }
    @media (min-width: 1440px) {
      .m-sm-pc, .margin-sm-pc {
        margin: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .m-sm-ultrawide, .margin-sm-ultrawide {
        margin: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .m-sm-super-ultrawide, .margin-sm-super-ultrawide {
        margin: 16px; } }
  .m-md, .margin-md {
    margin: 24px; }
    @media (min-width: 600px) {
      .m-md-tablet, .margin-md-tablet {
        margin: 24px; } }
    @media (min-width: 1024px) {
      .m-md-tablet-pc, .margin-md-tablet-pc {
        margin: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .m-md-tablet-pc, .margin-md-tablet-pc {
        margin: 24px; } }
    @media (min-width: 1440px) {
      .m-md-pc, .margin-md-pc {
        margin: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .m-md-ultrawide, .margin-md-ultrawide {
        margin: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .m-md-super-ultrawide, .margin-md-super-ultrawide {
        margin: 24px; } }
  .m-lg, .margin-lg {
    margin: 32px; }
    @media (min-width: 600px) {
      .m-lg-tablet, .margin-lg-tablet {
        margin: 32px; } }
    @media (min-width: 1024px) {
      .m-lg-tablet-pc, .margin-lg-tablet-pc {
        margin: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .m-lg-tablet-pc, .margin-lg-tablet-pc {
        margin: 32px; } }
    @media (min-width: 1440px) {
      .m-lg-pc, .margin-lg-pc {
        margin: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .m-lg-ultrawide, .margin-lg-ultrawide {
        margin: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .m-lg-super-ultrawide, .margin-lg-super-ultrawide {
        margin: 32px; } }
  .m-xl, .margin-xl {
    margin: 48px; }
    @media (min-width: 600px) {
      .m-xl-tablet, .margin-xl-tablet {
        margin: 48px; } }
    @media (min-width: 1024px) {
      .m-xl-tablet-pc, .margin-xl-tablet-pc {
        margin: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .m-xl-tablet-pc, .margin-xl-tablet-pc {
        margin: 48px; } }
    @media (min-width: 1440px) {
      .m-xl-pc, .margin-xl-pc {
        margin: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .m-xl-ultrawide, .margin-xl-ultrawide {
        margin: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .m-xl-super-ultrawide, .margin-xl-super-ultrawide {
        margin: 48px; } }
  .m-xxl, .margin-xxl {
    margin: 64px; }
    @media (min-width: 600px) {
      .m-xxl-tablet, .margin-xxl-tablet {
        margin: 64px; } }
    @media (min-width: 1024px) {
      .m-xxl-tablet-pc, .margin-xxl-tablet-pc {
        margin: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .m-xxl-tablet-pc, .margin-xxl-tablet-pc {
        margin: 64px; } }
    @media (min-width: 1440px) {
      .m-xxl-pc, .margin-xxl-pc {
        margin: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .m-xxl-ultrawide, .margin-xxl-ultrawide {
        margin: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .m-xxl-super-ultrawide, .margin-xxl-super-ultrawide {
        margin: 64px; } }
  .m-none, .margin-none {
    margin: 0; }
    @media (min-width: 600px) {
      .m-none-tablet, .margin-none-tablet {
        margin: 0; } }
    @media (min-width: 1024px) {
      .m-none-tablet-pc, .margin-none-tablet-pc {
        margin: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .m-none-tablet-pc, .margin-none-tablet-pc {
        margin: 0; } }
    @media (min-width: 1440px) {
      .m-none-pc, .margin-none-pc {
        margin: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .m-none-ultrawide, .margin-none-ultrawide {
        margin: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .m-none-super-ultrawide, .margin-none-super-ultrawide {
        margin: 0; } }
  .m-balance, .margin-balance {
    margin: -24px; }
    @media (min-width: 600px) {
      .m-balance-tablet, .margin-balance-tablet {
        margin: -24px; } }
    @media (min-width: 1024px) {
      .m-balance-tablet-pc, .margin-balance-tablet-pc {
        margin: -24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .m-balance-tablet-pc, .margin-balance-tablet-pc {
        margin: -24px; } }
    @media (min-width: 1440px) {
      .m-balance-pc, .margin-balance-pc {
        margin: -24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .m-balance-ultrawide, .margin-balance-ultrawide {
        margin: -24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .m-balance-super-ultrawide, .margin-balance-super-ultrawide {
        margin: -24px; } }
    .m-balance-xxs, .margin-balance-xxs {
      margin: -4px; }
      @media (min-width: 600px) {
        .m-balance-xxs-tablet, .margin-balance-xxs-tablet {
          margin: -4px; } }
      @media (min-width: 1024px) {
        .m-balance-xxs-tablet-pc, .margin-balance-xxs-tablet-pc {
          margin: -4px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .m-balance-xxs-tablet-pc, .margin-balance-xxs-tablet-pc {
          margin: -4px; } }
      @media (min-width: 1440px) {
        .m-balance-xxs-pc, .margin-balance-xxs-pc {
          margin: -4px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .m-balance-xxs-ultrawide, .margin-balance-xxs-ultrawide {
          margin: -4px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .m-balance-xxs-super-ultrawide, .margin-balance-xxs-super-ultrawide {
          margin: -4px; } }
    .m-balance-xs, .margin-balance-xs {
      margin: -8px; }
      @media (min-width: 600px) {
        .m-balance-xs-tablet, .margin-balance-xs-tablet {
          margin: -8px; } }
      @media (min-width: 1024px) {
        .m-balance-xs-tablet-pc, .margin-balance-xs-tablet-pc {
          margin: -8px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .m-balance-xs-tablet-pc, .margin-balance-xs-tablet-pc {
          margin: -8px; } }
      @media (min-width: 1440px) {
        .m-balance-xs-pc, .margin-balance-xs-pc {
          margin: -8px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .m-balance-xs-ultrawide, .margin-balance-xs-ultrawide {
          margin: -8px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .m-balance-xs-super-ultrawide, .margin-balance-xs-super-ultrawide {
          margin: -8px; } }
    .m-balance-sm, .margin-balance-sm {
      margin: -16px; }
      @media (min-width: 600px) {
        .m-balance-sm-tablet, .margin-balance-sm-tablet {
          margin: -16px; } }
      @media (min-width: 1024px) {
        .m-balance-sm-tablet-pc, .margin-balance-sm-tablet-pc {
          margin: -16px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .m-balance-sm-tablet-pc, .margin-balance-sm-tablet-pc {
          margin: -16px; } }
      @media (min-width: 1440px) {
        .m-balance-sm-pc, .margin-balance-sm-pc {
          margin: -16px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .m-balance-sm-ultrawide, .margin-balance-sm-ultrawide {
          margin: -16px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .m-balance-sm-super-ultrawide, .margin-balance-sm-super-ultrawide {
          margin: -16px; } }
    .m-balance-md, .margin-balance-md {
      margin: -24px; }
      @media (min-width: 600px) {
        .m-balance-md-tablet, .margin-balance-md-tablet {
          margin: -24px; } }
      @media (min-width: 1024px) {
        .m-balance-md-tablet-pc, .margin-balance-md-tablet-pc {
          margin: -24px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .m-balance-md-tablet-pc, .margin-balance-md-tablet-pc {
          margin: -24px; } }
      @media (min-width: 1440px) {
        .m-balance-md-pc, .margin-balance-md-pc {
          margin: -24px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .m-balance-md-ultrawide, .margin-balance-md-ultrawide {
          margin: -24px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .m-balance-md-super-ultrawide, .margin-balance-md-super-ultrawide {
          margin: -24px; } }
    .m-balance-lg, .margin-balance-lg {
      margin: -32px; }
      @media (min-width: 600px) {
        .m-balance-lg-tablet, .margin-balance-lg-tablet {
          margin: -32px; } }
      @media (min-width: 1024px) {
        .m-balance-lg-tablet-pc, .margin-balance-lg-tablet-pc {
          margin: -32px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .m-balance-lg-tablet-pc, .margin-balance-lg-tablet-pc {
          margin: -32px; } }
      @media (min-width: 1440px) {
        .m-balance-lg-pc, .margin-balance-lg-pc {
          margin: -32px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .m-balance-lg-ultrawide, .margin-balance-lg-ultrawide {
          margin: -32px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .m-balance-lg-super-ultrawide, .margin-balance-lg-super-ultrawide {
          margin: -32px; } }
    .m-balance-xl, .margin-balance-xl {
      margin: -48px; }
      @media (min-width: 600px) {
        .m-balance-xl-tablet, .margin-balance-xl-tablet {
          margin: -48px; } }
      @media (min-width: 1024px) {
        .m-balance-xl-tablet-pc, .margin-balance-xl-tablet-pc {
          margin: -48px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .m-balance-xl-tablet-pc, .margin-balance-xl-tablet-pc {
          margin: -48px; } }
      @media (min-width: 1440px) {
        .m-balance-xl-pc, .margin-balance-xl-pc {
          margin: -48px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .m-balance-xl-ultrawide, .margin-balance-xl-ultrawide {
          margin: -48px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .m-balance-xl-super-ultrawide, .margin-balance-xl-super-ultrawide {
          margin: -48px; } }
    .m-balance-xxl, .margin-balance-xxl {
      margin: -64px; }
      @media (min-width: 600px) {
        .m-balance-xxl-tablet, .margin-balance-xxl-tablet {
          margin: -64px; } }
      @media (min-width: 1024px) {
        .m-balance-xxl-tablet-pc, .margin-balance-xxl-tablet-pc {
          margin: -64px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .m-balance-xxl-tablet-pc, .margin-balance-xxl-tablet-pc {
          margin: -64px; } }
      @media (min-width: 1440px) {
        .m-balance-xxl-pc, .margin-balance-xxl-pc {
          margin: -64px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .m-balance-xxl-ultrawide, .margin-balance-xxl-ultrawide {
          margin: -64px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .m-balance-xxl-super-ultrawide, .margin-balance-xxl-super-ultrawide {
          margin: -64px; } }

.mh, .margin-horizontal {
  margin-left: 24px;
  margin-right: 24px; }
  @media (min-width: 600px) {
    .mh-tablet, .margin-horizontal-tablet {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (min-width: 1024px) {
    .mh-tablet-pc, .margin-horizontal-tablet-pc {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .mh-tablet-pc, .margin-horizontal-tablet-pc {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (min-width: 1440px) {
    .mh-pc, .margin-horizontal-pc {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .mh-ultrawide, .margin-horizontal-ultrawide {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .mh-super-ultrawide, .margin-horizontal-super-ultrawide {
      margin-left: 24px;
      margin-right: 24px; } }
  .mh-xxs, .margin-horizontal-xxs {
    margin-left: 4px;
    margin-right: 4px; }
    @media (min-width: 600px) {
      .mh-xxs-tablet, .margin-horizontal-xxs-tablet {
        margin-left: 4px;
        margin-right: 4px; } }
    @media (min-width: 1024px) {
      .mh-xxs-tablet-pc, .margin-horizontal-xxs-tablet-pc {
        margin-left: 4px;
        margin-right: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mh-xxs-tablet-pc, .margin-horizontal-xxs-tablet-pc {
        margin-left: 4px;
        margin-right: 4px; } }
    @media (min-width: 1440px) {
      .mh-xxs-pc, .margin-horizontal-xxs-pc {
        margin-left: 4px;
        margin-right: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mh-xxs-ultrawide, .margin-horizontal-xxs-ultrawide {
        margin-left: 4px;
        margin-right: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mh-xxs-super-ultrawide, .margin-horizontal-xxs-super-ultrawide {
        margin-left: 4px;
        margin-right: 4px; } }
  .mh-xs, .margin-horizontal-xs {
    margin-left: 8px;
    margin-right: 8px; }
    @media (min-width: 600px) {
      .mh-xs-tablet, .margin-horizontal-xs-tablet {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (min-width: 1024px) {
      .mh-xs-tablet-pc, .margin-horizontal-xs-tablet-pc {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mh-xs-tablet-pc, .margin-horizontal-xs-tablet-pc {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (min-width: 1440px) {
      .mh-xs-pc, .margin-horizontal-xs-pc {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mh-xs-ultrawide, .margin-horizontal-xs-ultrawide {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mh-xs-super-ultrawide, .margin-horizontal-xs-super-ultrawide {
        margin-left: 8px;
        margin-right: 8px; } }
  .mh-sm, .margin-horizontal-sm {
    margin-left: 16px;
    margin-right: 16px; }
    @media (min-width: 600px) {
      .mh-sm-tablet, .margin-horizontal-sm-tablet {
        margin-left: 16px;
        margin-right: 16px; } }
    @media (min-width: 1024px) {
      .mh-sm-tablet-pc, .margin-horizontal-sm-tablet-pc {
        margin-left: 16px;
        margin-right: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mh-sm-tablet-pc, .margin-horizontal-sm-tablet-pc {
        margin-left: 16px;
        margin-right: 16px; } }
    @media (min-width: 1440px) {
      .mh-sm-pc, .margin-horizontal-sm-pc {
        margin-left: 16px;
        margin-right: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mh-sm-ultrawide, .margin-horizontal-sm-ultrawide {
        margin-left: 16px;
        margin-right: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mh-sm-super-ultrawide, .margin-horizontal-sm-super-ultrawide {
        margin-left: 16px;
        margin-right: 16px; } }
  .mh-md, .margin-horizontal-md {
    margin-left: 24px;
    margin-right: 24px; }
    @media (min-width: 600px) {
      .mh-md-tablet, .margin-horizontal-md-tablet {
        margin-left: 24px;
        margin-right: 24px; } }
    @media (min-width: 1024px) {
      .mh-md-tablet-pc, .margin-horizontal-md-tablet-pc {
        margin-left: 24px;
        margin-right: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mh-md-tablet-pc, .margin-horizontal-md-tablet-pc {
        margin-left: 24px;
        margin-right: 24px; } }
    @media (min-width: 1440px) {
      .mh-md-pc, .margin-horizontal-md-pc {
        margin-left: 24px;
        margin-right: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mh-md-ultrawide, .margin-horizontal-md-ultrawide {
        margin-left: 24px;
        margin-right: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mh-md-super-ultrawide, .margin-horizontal-md-super-ultrawide {
        margin-left: 24px;
        margin-right: 24px; } }
  .mh-lg, .margin-horizontal-lg {
    margin-left: 32px;
    margin-right: 32px; }
    @media (min-width: 600px) {
      .mh-lg-tablet, .margin-horizontal-lg-tablet {
        margin-left: 32px;
        margin-right: 32px; } }
    @media (min-width: 1024px) {
      .mh-lg-tablet-pc, .margin-horizontal-lg-tablet-pc {
        margin-left: 32px;
        margin-right: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mh-lg-tablet-pc, .margin-horizontal-lg-tablet-pc {
        margin-left: 32px;
        margin-right: 32px; } }
    @media (min-width: 1440px) {
      .mh-lg-pc, .margin-horizontal-lg-pc {
        margin-left: 32px;
        margin-right: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mh-lg-ultrawide, .margin-horizontal-lg-ultrawide {
        margin-left: 32px;
        margin-right: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mh-lg-super-ultrawide, .margin-horizontal-lg-super-ultrawide {
        margin-left: 32px;
        margin-right: 32px; } }
  .mh-xl, .margin-horizontal-xl {
    margin-left: 48px;
    margin-right: 48px; }
    @media (min-width: 600px) {
      .mh-xl-tablet, .margin-horizontal-xl-tablet {
        margin-left: 48px;
        margin-right: 48px; } }
    @media (min-width: 1024px) {
      .mh-xl-tablet-pc, .margin-horizontal-xl-tablet-pc {
        margin-left: 48px;
        margin-right: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mh-xl-tablet-pc, .margin-horizontal-xl-tablet-pc {
        margin-left: 48px;
        margin-right: 48px; } }
    @media (min-width: 1440px) {
      .mh-xl-pc, .margin-horizontal-xl-pc {
        margin-left: 48px;
        margin-right: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mh-xl-ultrawide, .margin-horizontal-xl-ultrawide {
        margin-left: 48px;
        margin-right: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mh-xl-super-ultrawide, .margin-horizontal-xl-super-ultrawide {
        margin-left: 48px;
        margin-right: 48px; } }
  .mh-xxl, .margin-horizontal-xxl {
    margin-left: 64px;
    margin-right: 64px; }
    @media (min-width: 600px) {
      .mh-xxl-tablet, .margin-horizontal-xxl-tablet {
        margin-left: 64px;
        margin-right: 64px; } }
    @media (min-width: 1024px) {
      .mh-xxl-tablet-pc, .margin-horizontal-xxl-tablet-pc {
        margin-left: 64px;
        margin-right: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mh-xxl-tablet-pc, .margin-horizontal-xxl-tablet-pc {
        margin-left: 64px;
        margin-right: 64px; } }
    @media (min-width: 1440px) {
      .mh-xxl-pc, .margin-horizontal-xxl-pc {
        margin-left: 64px;
        margin-right: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mh-xxl-ultrawide, .margin-horizontal-xxl-ultrawide {
        margin-left: 64px;
        margin-right: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mh-xxl-super-ultrawide, .margin-horizontal-xxl-super-ultrawide {
        margin-left: 64px;
        margin-right: 64px; } }
  .mh-none, .margin-horizontal-none {
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 600px) {
      .mh-none-tablet, .margin-horizontal-none-tablet {
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 1024px) {
      .mh-none-tablet-pc, .margin-horizontal-none-tablet-pc {
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mh-none-tablet-pc, .margin-horizontal-none-tablet-pc {
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 1440px) {
      .mh-none-pc, .margin-horizontal-none-pc {
        margin-left: 0;
        margin-right: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mh-none-ultrawide, .margin-horizontal-none-ultrawide {
        margin-left: 0;
        margin-right: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mh-none-super-ultrawide, .margin-horizontal-none-super-ultrawide {
        margin-left: 0;
        margin-right: 0; } }
  .mh-balance, .margin-horizontal-balance {
    margin-left: -24px;
    margin-right: -24px; }
    @media (min-width: 600px) {
      .mh-balance-tablet, .margin-horizontal-balance-tablet {
        margin-left: -24px;
        margin-right: -24px; } }
    @media (min-width: 1024px) {
      .mh-balance-tablet-pc, .margin-horizontal-balance-tablet-pc {
        margin-left: -24px;
        margin-right: -24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mh-balance-tablet-pc, .margin-horizontal-balance-tablet-pc {
        margin-left: -24px;
        margin-right: -24px; } }
    @media (min-width: 1440px) {
      .mh-balance-pc, .margin-horizontal-balance-pc {
        margin-left: -24px;
        margin-right: -24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mh-balance-ultrawide, .margin-horizontal-balance-ultrawide {
        margin-left: -24px;
        margin-right: -24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mh-balance-super-ultrawide, .margin-horizontal-balance-super-ultrawide {
        margin-left: -24px;
        margin-right: -24px; } }
    .mh-balance-xxs, .margin-horizontal-balance-xxs {
      margin-left: -4px;
      margin-right: -4px; }
      @media (min-width: 600px) {
        .mh-balance-xxs-tablet, .margin-horizontal-balance-xxs-tablet {
          margin-left: -4px;
          margin-right: -4px; } }
      @media (min-width: 1024px) {
        .mh-balance-xxs-tablet-pc, .margin-horizontal-balance-xxs-tablet-pc {
          margin-left: -4px;
          margin-right: -4px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mh-balance-xxs-tablet-pc, .margin-horizontal-balance-xxs-tablet-pc {
          margin-left: -4px;
          margin-right: -4px; } }
      @media (min-width: 1440px) {
        .mh-balance-xxs-pc, .margin-horizontal-balance-xxs-pc {
          margin-left: -4px;
          margin-right: -4px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mh-balance-xxs-ultrawide, .margin-horizontal-balance-xxs-ultrawide {
          margin-left: -4px;
          margin-right: -4px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mh-balance-xxs-super-ultrawide, .margin-horizontal-balance-xxs-super-ultrawide {
          margin-left: -4px;
          margin-right: -4px; } }
    .mh-balance-xs, .margin-horizontal-balance-xs {
      margin-left: -8px;
      margin-right: -8px; }
      @media (min-width: 600px) {
        .mh-balance-xs-tablet, .margin-horizontal-balance-xs-tablet {
          margin-left: -8px;
          margin-right: -8px; } }
      @media (min-width: 1024px) {
        .mh-balance-xs-tablet-pc, .margin-horizontal-balance-xs-tablet-pc {
          margin-left: -8px;
          margin-right: -8px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mh-balance-xs-tablet-pc, .margin-horizontal-balance-xs-tablet-pc {
          margin-left: -8px;
          margin-right: -8px; } }
      @media (min-width: 1440px) {
        .mh-balance-xs-pc, .margin-horizontal-balance-xs-pc {
          margin-left: -8px;
          margin-right: -8px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mh-balance-xs-ultrawide, .margin-horizontal-balance-xs-ultrawide {
          margin-left: -8px;
          margin-right: -8px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mh-balance-xs-super-ultrawide, .margin-horizontal-balance-xs-super-ultrawide {
          margin-left: -8px;
          margin-right: -8px; } }
    .mh-balance-sm, .margin-horizontal-balance-sm {
      margin-left: -16px;
      margin-right: -16px; }
      @media (min-width: 600px) {
        .mh-balance-sm-tablet, .margin-horizontal-balance-sm-tablet {
          margin-left: -16px;
          margin-right: -16px; } }
      @media (min-width: 1024px) {
        .mh-balance-sm-tablet-pc, .margin-horizontal-balance-sm-tablet-pc {
          margin-left: -16px;
          margin-right: -16px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mh-balance-sm-tablet-pc, .margin-horizontal-balance-sm-tablet-pc {
          margin-left: -16px;
          margin-right: -16px; } }
      @media (min-width: 1440px) {
        .mh-balance-sm-pc, .margin-horizontal-balance-sm-pc {
          margin-left: -16px;
          margin-right: -16px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mh-balance-sm-ultrawide, .margin-horizontal-balance-sm-ultrawide {
          margin-left: -16px;
          margin-right: -16px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mh-balance-sm-super-ultrawide, .margin-horizontal-balance-sm-super-ultrawide {
          margin-left: -16px;
          margin-right: -16px; } }
    .mh-balance-md, .margin-horizontal-balance-md {
      margin-left: -24px;
      margin-right: -24px; }
      @media (min-width: 600px) {
        .mh-balance-md-tablet, .margin-horizontal-balance-md-tablet {
          margin-left: -24px;
          margin-right: -24px; } }
      @media (min-width: 1024px) {
        .mh-balance-md-tablet-pc, .margin-horizontal-balance-md-tablet-pc {
          margin-left: -24px;
          margin-right: -24px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mh-balance-md-tablet-pc, .margin-horizontal-balance-md-tablet-pc {
          margin-left: -24px;
          margin-right: -24px; } }
      @media (min-width: 1440px) {
        .mh-balance-md-pc, .margin-horizontal-balance-md-pc {
          margin-left: -24px;
          margin-right: -24px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mh-balance-md-ultrawide, .margin-horizontal-balance-md-ultrawide {
          margin-left: -24px;
          margin-right: -24px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mh-balance-md-super-ultrawide, .margin-horizontal-balance-md-super-ultrawide {
          margin-left: -24px;
          margin-right: -24px; } }
    .mh-balance-lg, .margin-horizontal-balance-lg {
      margin-left: -32px;
      margin-right: -32px; }
      @media (min-width: 600px) {
        .mh-balance-lg-tablet, .margin-horizontal-balance-lg-tablet {
          margin-left: -32px;
          margin-right: -32px; } }
      @media (min-width: 1024px) {
        .mh-balance-lg-tablet-pc, .margin-horizontal-balance-lg-tablet-pc {
          margin-left: -32px;
          margin-right: -32px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mh-balance-lg-tablet-pc, .margin-horizontal-balance-lg-tablet-pc {
          margin-left: -32px;
          margin-right: -32px; } }
      @media (min-width: 1440px) {
        .mh-balance-lg-pc, .margin-horizontal-balance-lg-pc {
          margin-left: -32px;
          margin-right: -32px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mh-balance-lg-ultrawide, .margin-horizontal-balance-lg-ultrawide {
          margin-left: -32px;
          margin-right: -32px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mh-balance-lg-super-ultrawide, .margin-horizontal-balance-lg-super-ultrawide {
          margin-left: -32px;
          margin-right: -32px; } }
    .mh-balance-xl, .margin-horizontal-balance-xl {
      margin-left: -48px;
      margin-right: -48px; }
      @media (min-width: 600px) {
        .mh-balance-xl-tablet, .margin-horizontal-balance-xl-tablet {
          margin-left: -48px;
          margin-right: -48px; } }
      @media (min-width: 1024px) {
        .mh-balance-xl-tablet-pc, .margin-horizontal-balance-xl-tablet-pc {
          margin-left: -48px;
          margin-right: -48px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mh-balance-xl-tablet-pc, .margin-horizontal-balance-xl-tablet-pc {
          margin-left: -48px;
          margin-right: -48px; } }
      @media (min-width: 1440px) {
        .mh-balance-xl-pc, .margin-horizontal-balance-xl-pc {
          margin-left: -48px;
          margin-right: -48px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mh-balance-xl-ultrawide, .margin-horizontal-balance-xl-ultrawide {
          margin-left: -48px;
          margin-right: -48px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mh-balance-xl-super-ultrawide, .margin-horizontal-balance-xl-super-ultrawide {
          margin-left: -48px;
          margin-right: -48px; } }
    .mh-balance-xxl, .margin-horizontal-balance-xxl {
      margin-left: -64px;
      margin-right: -64px; }
      @media (min-width: 600px) {
        .mh-balance-xxl-tablet, .margin-horizontal-balance-xxl-tablet {
          margin-left: -64px;
          margin-right: -64px; } }
      @media (min-width: 1024px) {
        .mh-balance-xxl-tablet-pc, .margin-horizontal-balance-xxl-tablet-pc {
          margin-left: -64px;
          margin-right: -64px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mh-balance-xxl-tablet-pc, .margin-horizontal-balance-xxl-tablet-pc {
          margin-left: -64px;
          margin-right: -64px; } }
      @media (min-width: 1440px) {
        .mh-balance-xxl-pc, .margin-horizontal-balance-xxl-pc {
          margin-left: -64px;
          margin-right: -64px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mh-balance-xxl-ultrawide, .margin-horizontal-balance-xxl-ultrawide {
          margin-left: -64px;
          margin-right: -64px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mh-balance-xxl-super-ultrawide, .margin-horizontal-balance-xxl-super-ultrawide {
          margin-left: -64px;
          margin-right: -64px; } }

.mv, .margin-vertical {
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 600px) {
    .mv-tablet, .margin-vertical-tablet {
      margin-top: 24px;
      margin-bottom: 24px; } }
  @media (min-width: 1024px) {
    .mv-tablet-pc, .margin-vertical-tablet-pc {
      margin-top: 24px;
      margin-bottom: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .mv-tablet-pc, .margin-vertical-tablet-pc {
      margin-top: 24px;
      margin-bottom: 24px; } }
  @media (min-width: 1440px) {
    .mv-pc, .margin-vertical-pc {
      margin-top: 24px;
      margin-bottom: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .mv-ultrawide, .margin-vertical-ultrawide {
      margin-top: 24px;
      margin-bottom: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .mv-super-ultrawide, .margin-vertical-super-ultrawide {
      margin-top: 24px;
      margin-bottom: 24px; } }
  .mv-xxs, .margin-vertical-xxs {
    margin-top: 4px;
    margin-bottom: 4px; }
    @media (min-width: 600px) {
      .mv-xxs-tablet, .margin-vertical-xxs-tablet {
        margin-top: 4px;
        margin-bottom: 4px; } }
    @media (min-width: 1024px) {
      .mv-xxs-tablet-pc, .margin-vertical-xxs-tablet-pc {
        margin-top: 4px;
        margin-bottom: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mv-xxs-tablet-pc, .margin-vertical-xxs-tablet-pc {
        margin-top: 4px;
        margin-bottom: 4px; } }
    @media (min-width: 1440px) {
      .mv-xxs-pc, .margin-vertical-xxs-pc {
        margin-top: 4px;
        margin-bottom: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mv-xxs-ultrawide, .margin-vertical-xxs-ultrawide {
        margin-top: 4px;
        margin-bottom: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mv-xxs-super-ultrawide, .margin-vertical-xxs-super-ultrawide {
        margin-top: 4px;
        margin-bottom: 4px; } }
  .mv-xs, .margin-vertical-xs {
    margin-top: 8px;
    margin-bottom: 8px; }
    @media (min-width: 600px) {
      .mv-xs-tablet, .margin-vertical-xs-tablet {
        margin-top: 8px;
        margin-bottom: 8px; } }
    @media (min-width: 1024px) {
      .mv-xs-tablet-pc, .margin-vertical-xs-tablet-pc {
        margin-top: 8px;
        margin-bottom: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mv-xs-tablet-pc, .margin-vertical-xs-tablet-pc {
        margin-top: 8px;
        margin-bottom: 8px; } }
    @media (min-width: 1440px) {
      .mv-xs-pc, .margin-vertical-xs-pc {
        margin-top: 8px;
        margin-bottom: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mv-xs-ultrawide, .margin-vertical-xs-ultrawide {
        margin-top: 8px;
        margin-bottom: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mv-xs-super-ultrawide, .margin-vertical-xs-super-ultrawide {
        margin-top: 8px;
        margin-bottom: 8px; } }
  .mv-sm, .margin-vertical-sm {
    margin-top: 16px;
    margin-bottom: 16px; }
    @media (min-width: 600px) {
      .mv-sm-tablet, .margin-vertical-sm-tablet {
        margin-top: 16px;
        margin-bottom: 16px; } }
    @media (min-width: 1024px) {
      .mv-sm-tablet-pc, .margin-vertical-sm-tablet-pc {
        margin-top: 16px;
        margin-bottom: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mv-sm-tablet-pc, .margin-vertical-sm-tablet-pc {
        margin-top: 16px;
        margin-bottom: 16px; } }
    @media (min-width: 1440px) {
      .mv-sm-pc, .margin-vertical-sm-pc {
        margin-top: 16px;
        margin-bottom: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mv-sm-ultrawide, .margin-vertical-sm-ultrawide {
        margin-top: 16px;
        margin-bottom: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mv-sm-super-ultrawide, .margin-vertical-sm-super-ultrawide {
        margin-top: 16px;
        margin-bottom: 16px; } }
  .mv-md, .margin-vertical-md {
    margin-top: 24px;
    margin-bottom: 24px; }
    @media (min-width: 600px) {
      .mv-md-tablet, .margin-vertical-md-tablet {
        margin-top: 24px;
        margin-bottom: 24px; } }
    @media (min-width: 1024px) {
      .mv-md-tablet-pc, .margin-vertical-md-tablet-pc {
        margin-top: 24px;
        margin-bottom: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mv-md-tablet-pc, .margin-vertical-md-tablet-pc {
        margin-top: 24px;
        margin-bottom: 24px; } }
    @media (min-width: 1440px) {
      .mv-md-pc, .margin-vertical-md-pc {
        margin-top: 24px;
        margin-bottom: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mv-md-ultrawide, .margin-vertical-md-ultrawide {
        margin-top: 24px;
        margin-bottom: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mv-md-super-ultrawide, .margin-vertical-md-super-ultrawide {
        margin-top: 24px;
        margin-bottom: 24px; } }
  .mv-lg, .margin-vertical-lg {
    margin-top: 32px;
    margin-bottom: 32px; }
    @media (min-width: 600px) {
      .mv-lg-tablet, .margin-vertical-lg-tablet {
        margin-top: 32px;
        margin-bottom: 32px; } }
    @media (min-width: 1024px) {
      .mv-lg-tablet-pc, .margin-vertical-lg-tablet-pc {
        margin-top: 32px;
        margin-bottom: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mv-lg-tablet-pc, .margin-vertical-lg-tablet-pc {
        margin-top: 32px;
        margin-bottom: 32px; } }
    @media (min-width: 1440px) {
      .mv-lg-pc, .margin-vertical-lg-pc {
        margin-top: 32px;
        margin-bottom: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mv-lg-ultrawide, .margin-vertical-lg-ultrawide {
        margin-top: 32px;
        margin-bottom: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mv-lg-super-ultrawide, .margin-vertical-lg-super-ultrawide {
        margin-top: 32px;
        margin-bottom: 32px; } }
  .mv-xl, .margin-vertical-xl {
    margin-top: 48px;
    margin-bottom: 48px; }
    @media (min-width: 600px) {
      .mv-xl-tablet, .margin-vertical-xl-tablet {
        margin-top: 48px;
        margin-bottom: 48px; } }
    @media (min-width: 1024px) {
      .mv-xl-tablet-pc, .margin-vertical-xl-tablet-pc {
        margin-top: 48px;
        margin-bottom: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mv-xl-tablet-pc, .margin-vertical-xl-tablet-pc {
        margin-top: 48px;
        margin-bottom: 48px; } }
    @media (min-width: 1440px) {
      .mv-xl-pc, .margin-vertical-xl-pc {
        margin-top: 48px;
        margin-bottom: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mv-xl-ultrawide, .margin-vertical-xl-ultrawide {
        margin-top: 48px;
        margin-bottom: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mv-xl-super-ultrawide, .margin-vertical-xl-super-ultrawide {
        margin-top: 48px;
        margin-bottom: 48px; } }
  .mv-xxl, .margin-vertical-xxl {
    margin-top: 64px;
    margin-bottom: 64px; }
    @media (min-width: 600px) {
      .mv-xxl-tablet, .margin-vertical-xxl-tablet {
        margin-top: 64px;
        margin-bottom: 64px; } }
    @media (min-width: 1024px) {
      .mv-xxl-tablet-pc, .margin-vertical-xxl-tablet-pc {
        margin-top: 64px;
        margin-bottom: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mv-xxl-tablet-pc, .margin-vertical-xxl-tablet-pc {
        margin-top: 64px;
        margin-bottom: 64px; } }
    @media (min-width: 1440px) {
      .mv-xxl-pc, .margin-vertical-xxl-pc {
        margin-top: 64px;
        margin-bottom: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mv-xxl-ultrawide, .margin-vertical-xxl-ultrawide {
        margin-top: 64px;
        margin-bottom: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mv-xxl-super-ultrawide, .margin-vertical-xxl-super-ultrawide {
        margin-top: 64px;
        margin-bottom: 64px; } }
  .mv-none, .margin-vertical-none {
    margin-top: 0;
    margin-bottom: 0; }
    @media (min-width: 600px) {
      .mv-none-tablet, .margin-vertical-none-tablet {
        margin-top: 0;
        margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .mv-none-tablet-pc, .margin-vertical-none-tablet-pc {
        margin-top: 0;
        margin-bottom: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mv-none-tablet-pc, .margin-vertical-none-tablet-pc {
        margin-top: 0;
        margin-bottom: 0; } }
    @media (min-width: 1440px) {
      .mv-none-pc, .margin-vertical-none-pc {
        margin-top: 0;
        margin-bottom: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mv-none-ultrawide, .margin-vertical-none-ultrawide {
        margin-top: 0;
        margin-bottom: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mv-none-super-ultrawide, .margin-vertical-none-super-ultrawide {
        margin-top: 0;
        margin-bottom: 0; } }
  .mv-balance, .margin-vertical-balance {
    margin-top: -24px;
    margin-bottom: -24px; }
    @media (min-width: 600px) {
      .mv-balance-tablet, .margin-vertical-balance-tablet {
        margin-top: -24px;
        margin-bottom: -24px; } }
    @media (min-width: 1024px) {
      .mv-balance-tablet-pc, .margin-vertical-balance-tablet-pc {
        margin-top: -24px;
        margin-bottom: -24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mv-balance-tablet-pc, .margin-vertical-balance-tablet-pc {
        margin-top: -24px;
        margin-bottom: -24px; } }
    @media (min-width: 1440px) {
      .mv-balance-pc, .margin-vertical-balance-pc {
        margin-top: -24px;
        margin-bottom: -24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mv-balance-ultrawide, .margin-vertical-balance-ultrawide {
        margin-top: -24px;
        margin-bottom: -24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mv-balance-super-ultrawide, .margin-vertical-balance-super-ultrawide {
        margin-top: -24px;
        margin-bottom: -24px; } }
    .mv-balance-xxs, .margin-vertical-balance-xxs {
      margin-top: -4px;
      margin-bottom: -4px; }
      @media (min-width: 600px) {
        .mv-balance-xxs-tablet, .margin-vertical-balance-xxs-tablet {
          margin-top: -4px;
          margin-bottom: -4px; } }
      @media (min-width: 1024px) {
        .mv-balance-xxs-tablet-pc, .margin-vertical-balance-xxs-tablet-pc {
          margin-top: -4px;
          margin-bottom: -4px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mv-balance-xxs-tablet-pc, .margin-vertical-balance-xxs-tablet-pc {
          margin-top: -4px;
          margin-bottom: -4px; } }
      @media (min-width: 1440px) {
        .mv-balance-xxs-pc, .margin-vertical-balance-xxs-pc {
          margin-top: -4px;
          margin-bottom: -4px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mv-balance-xxs-ultrawide, .margin-vertical-balance-xxs-ultrawide {
          margin-top: -4px;
          margin-bottom: -4px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mv-balance-xxs-super-ultrawide, .margin-vertical-balance-xxs-super-ultrawide {
          margin-top: -4px;
          margin-bottom: -4px; } }
    .mv-balance-xs, .margin-vertical-balance-xs {
      margin-top: -8px;
      margin-bottom: -8px; }
      @media (min-width: 600px) {
        .mv-balance-xs-tablet, .margin-vertical-balance-xs-tablet {
          margin-top: -8px;
          margin-bottom: -8px; } }
      @media (min-width: 1024px) {
        .mv-balance-xs-tablet-pc, .margin-vertical-balance-xs-tablet-pc {
          margin-top: -8px;
          margin-bottom: -8px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mv-balance-xs-tablet-pc, .margin-vertical-balance-xs-tablet-pc {
          margin-top: -8px;
          margin-bottom: -8px; } }
      @media (min-width: 1440px) {
        .mv-balance-xs-pc, .margin-vertical-balance-xs-pc {
          margin-top: -8px;
          margin-bottom: -8px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mv-balance-xs-ultrawide, .margin-vertical-balance-xs-ultrawide {
          margin-top: -8px;
          margin-bottom: -8px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mv-balance-xs-super-ultrawide, .margin-vertical-balance-xs-super-ultrawide {
          margin-top: -8px;
          margin-bottom: -8px; } }
    .mv-balance-sm, .margin-vertical-balance-sm {
      margin-top: -16px;
      margin-bottom: -16px; }
      @media (min-width: 600px) {
        .mv-balance-sm-tablet, .margin-vertical-balance-sm-tablet {
          margin-top: -16px;
          margin-bottom: -16px; } }
      @media (min-width: 1024px) {
        .mv-balance-sm-tablet-pc, .margin-vertical-balance-sm-tablet-pc {
          margin-top: -16px;
          margin-bottom: -16px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mv-balance-sm-tablet-pc, .margin-vertical-balance-sm-tablet-pc {
          margin-top: -16px;
          margin-bottom: -16px; } }
      @media (min-width: 1440px) {
        .mv-balance-sm-pc, .margin-vertical-balance-sm-pc {
          margin-top: -16px;
          margin-bottom: -16px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mv-balance-sm-ultrawide, .margin-vertical-balance-sm-ultrawide {
          margin-top: -16px;
          margin-bottom: -16px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mv-balance-sm-super-ultrawide, .margin-vertical-balance-sm-super-ultrawide {
          margin-top: -16px;
          margin-bottom: -16px; } }
    .mv-balance-md, .margin-vertical-balance-md {
      margin-top: -24px;
      margin-bottom: -24px; }
      @media (min-width: 600px) {
        .mv-balance-md-tablet, .margin-vertical-balance-md-tablet {
          margin-top: -24px;
          margin-bottom: -24px; } }
      @media (min-width: 1024px) {
        .mv-balance-md-tablet-pc, .margin-vertical-balance-md-tablet-pc {
          margin-top: -24px;
          margin-bottom: -24px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mv-balance-md-tablet-pc, .margin-vertical-balance-md-tablet-pc {
          margin-top: -24px;
          margin-bottom: -24px; } }
      @media (min-width: 1440px) {
        .mv-balance-md-pc, .margin-vertical-balance-md-pc {
          margin-top: -24px;
          margin-bottom: -24px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mv-balance-md-ultrawide, .margin-vertical-balance-md-ultrawide {
          margin-top: -24px;
          margin-bottom: -24px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mv-balance-md-super-ultrawide, .margin-vertical-balance-md-super-ultrawide {
          margin-top: -24px;
          margin-bottom: -24px; } }
    .mv-balance-lg, .margin-vertical-balance-lg {
      margin-top: -32px;
      margin-bottom: -32px; }
      @media (min-width: 600px) {
        .mv-balance-lg-tablet, .margin-vertical-balance-lg-tablet {
          margin-top: -32px;
          margin-bottom: -32px; } }
      @media (min-width: 1024px) {
        .mv-balance-lg-tablet-pc, .margin-vertical-balance-lg-tablet-pc {
          margin-top: -32px;
          margin-bottom: -32px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mv-balance-lg-tablet-pc, .margin-vertical-balance-lg-tablet-pc {
          margin-top: -32px;
          margin-bottom: -32px; } }
      @media (min-width: 1440px) {
        .mv-balance-lg-pc, .margin-vertical-balance-lg-pc {
          margin-top: -32px;
          margin-bottom: -32px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mv-balance-lg-ultrawide, .margin-vertical-balance-lg-ultrawide {
          margin-top: -32px;
          margin-bottom: -32px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mv-balance-lg-super-ultrawide, .margin-vertical-balance-lg-super-ultrawide {
          margin-top: -32px;
          margin-bottom: -32px; } }
    .mv-balance-xl, .margin-vertical-balance-xl {
      margin-top: -48px;
      margin-bottom: -48px; }
      @media (min-width: 600px) {
        .mv-balance-xl-tablet, .margin-vertical-balance-xl-tablet {
          margin-top: -48px;
          margin-bottom: -48px; } }
      @media (min-width: 1024px) {
        .mv-balance-xl-tablet-pc, .margin-vertical-balance-xl-tablet-pc {
          margin-top: -48px;
          margin-bottom: -48px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mv-balance-xl-tablet-pc, .margin-vertical-balance-xl-tablet-pc {
          margin-top: -48px;
          margin-bottom: -48px; } }
      @media (min-width: 1440px) {
        .mv-balance-xl-pc, .margin-vertical-balance-xl-pc {
          margin-top: -48px;
          margin-bottom: -48px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mv-balance-xl-ultrawide, .margin-vertical-balance-xl-ultrawide {
          margin-top: -48px;
          margin-bottom: -48px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mv-balance-xl-super-ultrawide, .margin-vertical-balance-xl-super-ultrawide {
          margin-top: -48px;
          margin-bottom: -48px; } }
    .mv-balance-xxl, .margin-vertical-balance-xxl {
      margin-top: -64px;
      margin-bottom: -64px; }
      @media (min-width: 600px) {
        .mv-balance-xxl-tablet, .margin-vertical-balance-xxl-tablet {
          margin-top: -64px;
          margin-bottom: -64px; } }
      @media (min-width: 1024px) {
        .mv-balance-xxl-tablet-pc, .margin-vertical-balance-xxl-tablet-pc {
          margin-top: -64px;
          margin-bottom: -64px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mv-balance-xxl-tablet-pc, .margin-vertical-balance-xxl-tablet-pc {
          margin-top: -64px;
          margin-bottom: -64px; } }
      @media (min-width: 1440px) {
        .mv-balance-xxl-pc, .margin-vertical-balance-xxl-pc {
          margin-top: -64px;
          margin-bottom: -64px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mv-balance-xxl-ultrawide, .margin-vertical-balance-xxl-ultrawide {
          margin-top: -64px;
          margin-bottom: -64px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mv-balance-xxl-super-ultrawide, .margin-vertical-balance-xxl-super-ultrawide {
          margin-top: -64px;
          margin-bottom: -64px; } }

.mt, .margin-top {
  margin-top: 24px; }
  @media (min-width: 600px) {
    .mt-tablet, .margin-top-tablet {
      margin-top: 24px; } }
  @media (min-width: 1024px) {
    .mt-tablet-pc, .margin-top-tablet-pc {
      margin-top: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .mt-tablet-pc, .margin-top-tablet-pc {
      margin-top: 24px; } }
  @media (min-width: 1440px) {
    .mt-pc, .margin-top-pc {
      margin-top: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .mt-ultrawide, .margin-top-ultrawide {
      margin-top: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .mt-super-ultrawide, .margin-top-super-ultrawide {
      margin-top: 24px; } }
  .mt-xxs, .margin-top-xxs {
    margin-top: 4px; }
    @media (min-width: 600px) {
      .mt-xxs-tablet, .margin-top-xxs-tablet {
        margin-top: 4px; } }
    @media (min-width: 1024px) {
      .mt-xxs-tablet-pc, .margin-top-xxs-tablet-pc {
        margin-top: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mt-xxs-tablet-pc, .margin-top-xxs-tablet-pc {
        margin-top: 4px; } }
    @media (min-width: 1440px) {
      .mt-xxs-pc, .margin-top-xxs-pc {
        margin-top: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mt-xxs-ultrawide, .margin-top-xxs-ultrawide {
        margin-top: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mt-xxs-super-ultrawide, .margin-top-xxs-super-ultrawide {
        margin-top: 4px; } }
  .mt-xs, .margin-top-xs {
    margin-top: 8px; }
    @media (min-width: 600px) {
      .mt-xs-tablet, .margin-top-xs-tablet {
        margin-top: 8px; } }
    @media (min-width: 1024px) {
      .mt-xs-tablet-pc, .margin-top-xs-tablet-pc {
        margin-top: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mt-xs-tablet-pc, .margin-top-xs-tablet-pc {
        margin-top: 8px; } }
    @media (min-width: 1440px) {
      .mt-xs-pc, .margin-top-xs-pc {
        margin-top: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mt-xs-ultrawide, .margin-top-xs-ultrawide {
        margin-top: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mt-xs-super-ultrawide, .margin-top-xs-super-ultrawide {
        margin-top: 8px; } }
  .mt-sm, .margin-top-sm {
    margin-top: 16px; }
    @media (min-width: 600px) {
      .mt-sm-tablet, .margin-top-sm-tablet {
        margin-top: 16px; } }
    @media (min-width: 1024px) {
      .mt-sm-tablet-pc, .margin-top-sm-tablet-pc {
        margin-top: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mt-sm-tablet-pc, .margin-top-sm-tablet-pc {
        margin-top: 16px; } }
    @media (min-width: 1440px) {
      .mt-sm-pc, .margin-top-sm-pc {
        margin-top: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mt-sm-ultrawide, .margin-top-sm-ultrawide {
        margin-top: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mt-sm-super-ultrawide, .margin-top-sm-super-ultrawide {
        margin-top: 16px; } }
  .mt-md, .margin-top-md {
    margin-top: 24px; }
    @media (min-width: 600px) {
      .mt-md-tablet, .margin-top-md-tablet {
        margin-top: 24px; } }
    @media (min-width: 1024px) {
      .mt-md-tablet-pc, .margin-top-md-tablet-pc {
        margin-top: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mt-md-tablet-pc, .margin-top-md-tablet-pc {
        margin-top: 24px; } }
    @media (min-width: 1440px) {
      .mt-md-pc, .margin-top-md-pc {
        margin-top: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mt-md-ultrawide, .margin-top-md-ultrawide {
        margin-top: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mt-md-super-ultrawide, .margin-top-md-super-ultrawide {
        margin-top: 24px; } }
  .mt-lg, .margin-top-lg {
    margin-top: 32px; }
    @media (min-width: 600px) {
      .mt-lg-tablet, .margin-top-lg-tablet {
        margin-top: 32px; } }
    @media (min-width: 1024px) {
      .mt-lg-tablet-pc, .margin-top-lg-tablet-pc {
        margin-top: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mt-lg-tablet-pc, .margin-top-lg-tablet-pc {
        margin-top: 32px; } }
    @media (min-width: 1440px) {
      .mt-lg-pc, .margin-top-lg-pc {
        margin-top: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mt-lg-ultrawide, .margin-top-lg-ultrawide {
        margin-top: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mt-lg-super-ultrawide, .margin-top-lg-super-ultrawide {
        margin-top: 32px; } }
  .mt-xl, .margin-top-xl {
    margin-top: 48px; }
    @media (min-width: 600px) {
      .mt-xl-tablet, .margin-top-xl-tablet {
        margin-top: 48px; } }
    @media (min-width: 1024px) {
      .mt-xl-tablet-pc, .margin-top-xl-tablet-pc {
        margin-top: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mt-xl-tablet-pc, .margin-top-xl-tablet-pc {
        margin-top: 48px; } }
    @media (min-width: 1440px) {
      .mt-xl-pc, .margin-top-xl-pc {
        margin-top: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mt-xl-ultrawide, .margin-top-xl-ultrawide {
        margin-top: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mt-xl-super-ultrawide, .margin-top-xl-super-ultrawide {
        margin-top: 48px; } }
  .mt-xxl, .margin-top-xxl {
    margin-top: 64px; }
    @media (min-width: 600px) {
      .mt-xxl-tablet, .margin-top-xxl-tablet {
        margin-top: 64px; } }
    @media (min-width: 1024px) {
      .mt-xxl-tablet-pc, .margin-top-xxl-tablet-pc {
        margin-top: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mt-xxl-tablet-pc, .margin-top-xxl-tablet-pc {
        margin-top: 64px; } }
    @media (min-width: 1440px) {
      .mt-xxl-pc, .margin-top-xxl-pc {
        margin-top: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mt-xxl-ultrawide, .margin-top-xxl-ultrawide {
        margin-top: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mt-xxl-super-ultrawide, .margin-top-xxl-super-ultrawide {
        margin-top: 64px; } }
  .mt-none, .margin-top-none {
    margin-top: 0; }
    @media (min-width: 600px) {
      .mt-none-tablet, .margin-top-none-tablet {
        margin-top: 0; } }
    @media (min-width: 1024px) {
      .mt-none-tablet-pc, .margin-top-none-tablet-pc {
        margin-top: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mt-none-tablet-pc, .margin-top-none-tablet-pc {
        margin-top: 0; } }
    @media (min-width: 1440px) {
      .mt-none-pc, .margin-top-none-pc {
        margin-top: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mt-none-ultrawide, .margin-top-none-ultrawide {
        margin-top: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mt-none-super-ultrawide, .margin-top-none-super-ultrawide {
        margin-top: 0; } }
  .mt-balance, .margin-top-balance {
    margin-top: -24px; }
    @media (min-width: 600px) {
      .mt-balance-tablet, .margin-top-balance-tablet {
        margin-top: -24px; } }
    @media (min-width: 1024px) {
      .mt-balance-tablet-pc, .margin-top-balance-tablet-pc {
        margin-top: -24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mt-balance-tablet-pc, .margin-top-balance-tablet-pc {
        margin-top: -24px; } }
    @media (min-width: 1440px) {
      .mt-balance-pc, .margin-top-balance-pc {
        margin-top: -24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mt-balance-ultrawide, .margin-top-balance-ultrawide {
        margin-top: -24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mt-balance-super-ultrawide, .margin-top-balance-super-ultrawide {
        margin-top: -24px; } }
    .mt-balance-xxs, .margin-top-balance-xxs {
      margin-top: -4px; }
      @media (min-width: 600px) {
        .mt-balance-xxs-tablet, .margin-top-balance-xxs-tablet {
          margin-top: -4px; } }
      @media (min-width: 1024px) {
        .mt-balance-xxs-tablet-pc, .margin-top-balance-xxs-tablet-pc {
          margin-top: -4px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mt-balance-xxs-tablet-pc, .margin-top-balance-xxs-tablet-pc {
          margin-top: -4px; } }
      @media (min-width: 1440px) {
        .mt-balance-xxs-pc, .margin-top-balance-xxs-pc {
          margin-top: -4px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mt-balance-xxs-ultrawide, .margin-top-balance-xxs-ultrawide {
          margin-top: -4px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mt-balance-xxs-super-ultrawide, .margin-top-balance-xxs-super-ultrawide {
          margin-top: -4px; } }
    .mt-balance-xs, .margin-top-balance-xs {
      margin-top: -8px; }
      @media (min-width: 600px) {
        .mt-balance-xs-tablet, .margin-top-balance-xs-tablet {
          margin-top: -8px; } }
      @media (min-width: 1024px) {
        .mt-balance-xs-tablet-pc, .margin-top-balance-xs-tablet-pc {
          margin-top: -8px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mt-balance-xs-tablet-pc, .margin-top-balance-xs-tablet-pc {
          margin-top: -8px; } }
      @media (min-width: 1440px) {
        .mt-balance-xs-pc, .margin-top-balance-xs-pc {
          margin-top: -8px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mt-balance-xs-ultrawide, .margin-top-balance-xs-ultrawide {
          margin-top: -8px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mt-balance-xs-super-ultrawide, .margin-top-balance-xs-super-ultrawide {
          margin-top: -8px; } }
    .mt-balance-sm, .margin-top-balance-sm {
      margin-top: -16px; }
      @media (min-width: 600px) {
        .mt-balance-sm-tablet, .margin-top-balance-sm-tablet {
          margin-top: -16px; } }
      @media (min-width: 1024px) {
        .mt-balance-sm-tablet-pc, .margin-top-balance-sm-tablet-pc {
          margin-top: -16px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mt-balance-sm-tablet-pc, .margin-top-balance-sm-tablet-pc {
          margin-top: -16px; } }
      @media (min-width: 1440px) {
        .mt-balance-sm-pc, .margin-top-balance-sm-pc {
          margin-top: -16px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mt-balance-sm-ultrawide, .margin-top-balance-sm-ultrawide {
          margin-top: -16px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mt-balance-sm-super-ultrawide, .margin-top-balance-sm-super-ultrawide {
          margin-top: -16px; } }
    .mt-balance-md, .margin-top-balance-md {
      margin-top: -24px; }
      @media (min-width: 600px) {
        .mt-balance-md-tablet, .margin-top-balance-md-tablet {
          margin-top: -24px; } }
      @media (min-width: 1024px) {
        .mt-balance-md-tablet-pc, .margin-top-balance-md-tablet-pc {
          margin-top: -24px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mt-balance-md-tablet-pc, .margin-top-balance-md-tablet-pc {
          margin-top: -24px; } }
      @media (min-width: 1440px) {
        .mt-balance-md-pc, .margin-top-balance-md-pc {
          margin-top: -24px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mt-balance-md-ultrawide, .margin-top-balance-md-ultrawide {
          margin-top: -24px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mt-balance-md-super-ultrawide, .margin-top-balance-md-super-ultrawide {
          margin-top: -24px; } }
    .mt-balance-lg, .margin-top-balance-lg {
      margin-top: -32px; }
      @media (min-width: 600px) {
        .mt-balance-lg-tablet, .margin-top-balance-lg-tablet {
          margin-top: -32px; } }
      @media (min-width: 1024px) {
        .mt-balance-lg-tablet-pc, .margin-top-balance-lg-tablet-pc {
          margin-top: -32px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mt-balance-lg-tablet-pc, .margin-top-balance-lg-tablet-pc {
          margin-top: -32px; } }
      @media (min-width: 1440px) {
        .mt-balance-lg-pc, .margin-top-balance-lg-pc {
          margin-top: -32px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mt-balance-lg-ultrawide, .margin-top-balance-lg-ultrawide {
          margin-top: -32px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mt-balance-lg-super-ultrawide, .margin-top-balance-lg-super-ultrawide {
          margin-top: -32px; } }
    .mt-balance-xl, .margin-top-balance-xl {
      margin-top: -48px; }
      @media (min-width: 600px) {
        .mt-balance-xl-tablet, .margin-top-balance-xl-tablet {
          margin-top: -48px; } }
      @media (min-width: 1024px) {
        .mt-balance-xl-tablet-pc, .margin-top-balance-xl-tablet-pc {
          margin-top: -48px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mt-balance-xl-tablet-pc, .margin-top-balance-xl-tablet-pc {
          margin-top: -48px; } }
      @media (min-width: 1440px) {
        .mt-balance-xl-pc, .margin-top-balance-xl-pc {
          margin-top: -48px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mt-balance-xl-ultrawide, .margin-top-balance-xl-ultrawide {
          margin-top: -48px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mt-balance-xl-super-ultrawide, .margin-top-balance-xl-super-ultrawide {
          margin-top: -48px; } }
    .mt-balance-xxl, .margin-top-balance-xxl {
      margin-top: -64px; }
      @media (min-width: 600px) {
        .mt-balance-xxl-tablet, .margin-top-balance-xxl-tablet {
          margin-top: -64px; } }
      @media (min-width: 1024px) {
        .mt-balance-xxl-tablet-pc, .margin-top-balance-xxl-tablet-pc {
          margin-top: -64px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mt-balance-xxl-tablet-pc, .margin-top-balance-xxl-tablet-pc {
          margin-top: -64px; } }
      @media (min-width: 1440px) {
        .mt-balance-xxl-pc, .margin-top-balance-xxl-pc {
          margin-top: -64px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mt-balance-xxl-ultrawide, .margin-top-balance-xxl-ultrawide {
          margin-top: -64px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mt-balance-xxl-super-ultrawide, .margin-top-balance-xxl-super-ultrawide {
          margin-top: -64px; } }

.ml, .margin-left {
  margin-left: 24px; }
  @media (min-width: 600px) {
    .ml-tablet, .margin-left-tablet {
      margin-left: 24px; } }
  @media (min-width: 1024px) {
    .ml-tablet-pc, .margin-left-tablet-pc {
      margin-left: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .ml-tablet-pc, .margin-left-tablet-pc {
      margin-left: 24px; } }
  @media (min-width: 1440px) {
    .ml-pc, .margin-left-pc {
      margin-left: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .ml-ultrawide, .margin-left-ultrawide {
      margin-left: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .ml-super-ultrawide, .margin-left-super-ultrawide {
      margin-left: 24px; } }
  .ml-xxs, .margin-left-xxs {
    margin-left: 4px; }
    @media (min-width: 600px) {
      .ml-xxs-tablet, .margin-left-xxs-tablet {
        margin-left: 4px; } }
    @media (min-width: 1024px) {
      .ml-xxs-tablet-pc, .margin-left-xxs-tablet-pc {
        margin-left: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ml-xxs-tablet-pc, .margin-left-xxs-tablet-pc {
        margin-left: 4px; } }
    @media (min-width: 1440px) {
      .ml-xxs-pc, .margin-left-xxs-pc {
        margin-left: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ml-xxs-ultrawide, .margin-left-xxs-ultrawide {
        margin-left: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ml-xxs-super-ultrawide, .margin-left-xxs-super-ultrawide {
        margin-left: 4px; } }
  .ml-xs, .margin-left-xs {
    margin-left: 8px; }
    @media (min-width: 600px) {
      .ml-xs-tablet, .margin-left-xs-tablet {
        margin-left: 8px; } }
    @media (min-width: 1024px) {
      .ml-xs-tablet-pc, .margin-left-xs-tablet-pc {
        margin-left: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ml-xs-tablet-pc, .margin-left-xs-tablet-pc {
        margin-left: 8px; } }
    @media (min-width: 1440px) {
      .ml-xs-pc, .margin-left-xs-pc {
        margin-left: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ml-xs-ultrawide, .margin-left-xs-ultrawide {
        margin-left: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ml-xs-super-ultrawide, .margin-left-xs-super-ultrawide {
        margin-left: 8px; } }
  .ml-sm, .margin-left-sm {
    margin-left: 16px; }
    @media (min-width: 600px) {
      .ml-sm-tablet, .margin-left-sm-tablet {
        margin-left: 16px; } }
    @media (min-width: 1024px) {
      .ml-sm-tablet-pc, .margin-left-sm-tablet-pc {
        margin-left: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ml-sm-tablet-pc, .margin-left-sm-tablet-pc {
        margin-left: 16px; } }
    @media (min-width: 1440px) {
      .ml-sm-pc, .margin-left-sm-pc {
        margin-left: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ml-sm-ultrawide, .margin-left-sm-ultrawide {
        margin-left: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ml-sm-super-ultrawide, .margin-left-sm-super-ultrawide {
        margin-left: 16px; } }
  .ml-md, .margin-left-md {
    margin-left: 24px; }
    @media (min-width: 600px) {
      .ml-md-tablet, .margin-left-md-tablet {
        margin-left: 24px; } }
    @media (min-width: 1024px) {
      .ml-md-tablet-pc, .margin-left-md-tablet-pc {
        margin-left: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ml-md-tablet-pc, .margin-left-md-tablet-pc {
        margin-left: 24px; } }
    @media (min-width: 1440px) {
      .ml-md-pc, .margin-left-md-pc {
        margin-left: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ml-md-ultrawide, .margin-left-md-ultrawide {
        margin-left: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ml-md-super-ultrawide, .margin-left-md-super-ultrawide {
        margin-left: 24px; } }
  .ml-lg, .margin-left-lg {
    margin-left: 32px; }
    @media (min-width: 600px) {
      .ml-lg-tablet, .margin-left-lg-tablet {
        margin-left: 32px; } }
    @media (min-width: 1024px) {
      .ml-lg-tablet-pc, .margin-left-lg-tablet-pc {
        margin-left: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ml-lg-tablet-pc, .margin-left-lg-tablet-pc {
        margin-left: 32px; } }
    @media (min-width: 1440px) {
      .ml-lg-pc, .margin-left-lg-pc {
        margin-left: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ml-lg-ultrawide, .margin-left-lg-ultrawide {
        margin-left: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ml-lg-super-ultrawide, .margin-left-lg-super-ultrawide {
        margin-left: 32px; } }
  .ml-xl, .margin-left-xl {
    margin-left: 48px; }
    @media (min-width: 600px) {
      .ml-xl-tablet, .margin-left-xl-tablet {
        margin-left: 48px; } }
    @media (min-width: 1024px) {
      .ml-xl-tablet-pc, .margin-left-xl-tablet-pc {
        margin-left: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ml-xl-tablet-pc, .margin-left-xl-tablet-pc {
        margin-left: 48px; } }
    @media (min-width: 1440px) {
      .ml-xl-pc, .margin-left-xl-pc {
        margin-left: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ml-xl-ultrawide, .margin-left-xl-ultrawide {
        margin-left: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ml-xl-super-ultrawide, .margin-left-xl-super-ultrawide {
        margin-left: 48px; } }
  .ml-xxl, .margin-left-xxl {
    margin-left: 64px; }
    @media (min-width: 600px) {
      .ml-xxl-tablet, .margin-left-xxl-tablet {
        margin-left: 64px; } }
    @media (min-width: 1024px) {
      .ml-xxl-tablet-pc, .margin-left-xxl-tablet-pc {
        margin-left: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ml-xxl-tablet-pc, .margin-left-xxl-tablet-pc {
        margin-left: 64px; } }
    @media (min-width: 1440px) {
      .ml-xxl-pc, .margin-left-xxl-pc {
        margin-left: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ml-xxl-ultrawide, .margin-left-xxl-ultrawide {
        margin-left: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ml-xxl-super-ultrawide, .margin-left-xxl-super-ultrawide {
        margin-left: 64px; } }
  .ml-none, .margin-left-none {
    margin-left: 0; }
    @media (min-width: 600px) {
      .ml-none-tablet, .margin-left-none-tablet {
        margin-left: 0; } }
    @media (min-width: 1024px) {
      .ml-none-tablet-pc, .margin-left-none-tablet-pc {
        margin-left: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ml-none-tablet-pc, .margin-left-none-tablet-pc {
        margin-left: 0; } }
    @media (min-width: 1440px) {
      .ml-none-pc, .margin-left-none-pc {
        margin-left: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ml-none-ultrawide, .margin-left-none-ultrawide {
        margin-left: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ml-none-super-ultrawide, .margin-left-none-super-ultrawide {
        margin-left: 0; } }
  .ml-balance, .margin-left-balance {
    margin-left: -24px; }
    @media (min-width: 600px) {
      .ml-balance-tablet, .margin-left-balance-tablet {
        margin-left: -24px; } }
    @media (min-width: 1024px) {
      .ml-balance-tablet-pc, .margin-left-balance-tablet-pc {
        margin-left: -24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ml-balance-tablet-pc, .margin-left-balance-tablet-pc {
        margin-left: -24px; } }
    @media (min-width: 1440px) {
      .ml-balance-pc, .margin-left-balance-pc {
        margin-left: -24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ml-balance-ultrawide, .margin-left-balance-ultrawide {
        margin-left: -24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ml-balance-super-ultrawide, .margin-left-balance-super-ultrawide {
        margin-left: -24px; } }
    .ml-balance-xxs, .margin-left-balance-xxs {
      margin-left: -4px; }
      @media (min-width: 600px) {
        .ml-balance-xxs-tablet, .margin-left-balance-xxs-tablet {
          margin-left: -4px; } }
      @media (min-width: 1024px) {
        .ml-balance-xxs-tablet-pc, .margin-left-balance-xxs-tablet-pc {
          margin-left: -4px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .ml-balance-xxs-tablet-pc, .margin-left-balance-xxs-tablet-pc {
          margin-left: -4px; } }
      @media (min-width: 1440px) {
        .ml-balance-xxs-pc, .margin-left-balance-xxs-pc {
          margin-left: -4px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .ml-balance-xxs-ultrawide, .margin-left-balance-xxs-ultrawide {
          margin-left: -4px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .ml-balance-xxs-super-ultrawide, .margin-left-balance-xxs-super-ultrawide {
          margin-left: -4px; } }
    .ml-balance-xs, .margin-left-balance-xs {
      margin-left: -8px; }
      @media (min-width: 600px) {
        .ml-balance-xs-tablet, .margin-left-balance-xs-tablet {
          margin-left: -8px; } }
      @media (min-width: 1024px) {
        .ml-balance-xs-tablet-pc, .margin-left-balance-xs-tablet-pc {
          margin-left: -8px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .ml-balance-xs-tablet-pc, .margin-left-balance-xs-tablet-pc {
          margin-left: -8px; } }
      @media (min-width: 1440px) {
        .ml-balance-xs-pc, .margin-left-balance-xs-pc {
          margin-left: -8px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .ml-balance-xs-ultrawide, .margin-left-balance-xs-ultrawide {
          margin-left: -8px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .ml-balance-xs-super-ultrawide, .margin-left-balance-xs-super-ultrawide {
          margin-left: -8px; } }
    .ml-balance-sm, .margin-left-balance-sm {
      margin-left: -16px; }
      @media (min-width: 600px) {
        .ml-balance-sm-tablet, .margin-left-balance-sm-tablet {
          margin-left: -16px; } }
      @media (min-width: 1024px) {
        .ml-balance-sm-tablet-pc, .margin-left-balance-sm-tablet-pc {
          margin-left: -16px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .ml-balance-sm-tablet-pc, .margin-left-balance-sm-tablet-pc {
          margin-left: -16px; } }
      @media (min-width: 1440px) {
        .ml-balance-sm-pc, .margin-left-balance-sm-pc {
          margin-left: -16px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .ml-balance-sm-ultrawide, .margin-left-balance-sm-ultrawide {
          margin-left: -16px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .ml-balance-sm-super-ultrawide, .margin-left-balance-sm-super-ultrawide {
          margin-left: -16px; } }
    .ml-balance-md, .margin-left-balance-md {
      margin-left: -24px; }
      @media (min-width: 600px) {
        .ml-balance-md-tablet, .margin-left-balance-md-tablet {
          margin-left: -24px; } }
      @media (min-width: 1024px) {
        .ml-balance-md-tablet-pc, .margin-left-balance-md-tablet-pc {
          margin-left: -24px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .ml-balance-md-tablet-pc, .margin-left-balance-md-tablet-pc {
          margin-left: -24px; } }
      @media (min-width: 1440px) {
        .ml-balance-md-pc, .margin-left-balance-md-pc {
          margin-left: -24px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .ml-balance-md-ultrawide, .margin-left-balance-md-ultrawide {
          margin-left: -24px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .ml-balance-md-super-ultrawide, .margin-left-balance-md-super-ultrawide {
          margin-left: -24px; } }
    .ml-balance-lg, .margin-left-balance-lg {
      margin-left: -32px; }
      @media (min-width: 600px) {
        .ml-balance-lg-tablet, .margin-left-balance-lg-tablet {
          margin-left: -32px; } }
      @media (min-width: 1024px) {
        .ml-balance-lg-tablet-pc, .margin-left-balance-lg-tablet-pc {
          margin-left: -32px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .ml-balance-lg-tablet-pc, .margin-left-balance-lg-tablet-pc {
          margin-left: -32px; } }
      @media (min-width: 1440px) {
        .ml-balance-lg-pc, .margin-left-balance-lg-pc {
          margin-left: -32px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .ml-balance-lg-ultrawide, .margin-left-balance-lg-ultrawide {
          margin-left: -32px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .ml-balance-lg-super-ultrawide, .margin-left-balance-lg-super-ultrawide {
          margin-left: -32px; } }
    .ml-balance-xl, .margin-left-balance-xl {
      margin-left: -48px; }
      @media (min-width: 600px) {
        .ml-balance-xl-tablet, .margin-left-balance-xl-tablet {
          margin-left: -48px; } }
      @media (min-width: 1024px) {
        .ml-balance-xl-tablet-pc, .margin-left-balance-xl-tablet-pc {
          margin-left: -48px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .ml-balance-xl-tablet-pc, .margin-left-balance-xl-tablet-pc {
          margin-left: -48px; } }
      @media (min-width: 1440px) {
        .ml-balance-xl-pc, .margin-left-balance-xl-pc {
          margin-left: -48px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .ml-balance-xl-ultrawide, .margin-left-balance-xl-ultrawide {
          margin-left: -48px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .ml-balance-xl-super-ultrawide, .margin-left-balance-xl-super-ultrawide {
          margin-left: -48px; } }
    .ml-balance-xxl, .margin-left-balance-xxl {
      margin-left: -64px; }
      @media (min-width: 600px) {
        .ml-balance-xxl-tablet, .margin-left-balance-xxl-tablet {
          margin-left: -64px; } }
      @media (min-width: 1024px) {
        .ml-balance-xxl-tablet-pc, .margin-left-balance-xxl-tablet-pc {
          margin-left: -64px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .ml-balance-xxl-tablet-pc, .margin-left-balance-xxl-tablet-pc {
          margin-left: -64px; } }
      @media (min-width: 1440px) {
        .ml-balance-xxl-pc, .margin-left-balance-xxl-pc {
          margin-left: -64px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .ml-balance-xxl-ultrawide, .margin-left-balance-xxl-ultrawide {
          margin-left: -64px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .ml-balance-xxl-super-ultrawide, .margin-left-balance-xxl-super-ultrawide {
          margin-left: -64px; } }

.mr, .margin-right {
  margin-right: 24px; }
  @media (min-width: 600px) {
    .mr-tablet, .margin-right-tablet {
      margin-right: 24px; } }
  @media (min-width: 1024px) {
    .mr-tablet-pc, .margin-right-tablet-pc {
      margin-right: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .mr-tablet-pc, .margin-right-tablet-pc {
      margin-right: 24px; } }
  @media (min-width: 1440px) {
    .mr-pc, .margin-right-pc {
      margin-right: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .mr-ultrawide, .margin-right-ultrawide {
      margin-right: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .mr-super-ultrawide, .margin-right-super-ultrawide {
      margin-right: 24px; } }
  .mr-xxs, .margin-right-xxs {
    margin-right: 4px; }
    @media (min-width: 600px) {
      .mr-xxs-tablet, .margin-right-xxs-tablet {
        margin-right: 4px; } }
    @media (min-width: 1024px) {
      .mr-xxs-tablet-pc, .margin-right-xxs-tablet-pc {
        margin-right: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mr-xxs-tablet-pc, .margin-right-xxs-tablet-pc {
        margin-right: 4px; } }
    @media (min-width: 1440px) {
      .mr-xxs-pc, .margin-right-xxs-pc {
        margin-right: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mr-xxs-ultrawide, .margin-right-xxs-ultrawide {
        margin-right: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mr-xxs-super-ultrawide, .margin-right-xxs-super-ultrawide {
        margin-right: 4px; } }
  .mr-xs, .margin-right-xs {
    margin-right: 8px; }
    @media (min-width: 600px) {
      .mr-xs-tablet, .margin-right-xs-tablet {
        margin-right: 8px; } }
    @media (min-width: 1024px) {
      .mr-xs-tablet-pc, .margin-right-xs-tablet-pc {
        margin-right: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mr-xs-tablet-pc, .margin-right-xs-tablet-pc {
        margin-right: 8px; } }
    @media (min-width: 1440px) {
      .mr-xs-pc, .margin-right-xs-pc {
        margin-right: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mr-xs-ultrawide, .margin-right-xs-ultrawide {
        margin-right: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mr-xs-super-ultrawide, .margin-right-xs-super-ultrawide {
        margin-right: 8px; } }
  .mr-sm, .margin-right-sm {
    margin-right: 16px; }
    @media (min-width: 600px) {
      .mr-sm-tablet, .margin-right-sm-tablet {
        margin-right: 16px; } }
    @media (min-width: 1024px) {
      .mr-sm-tablet-pc, .margin-right-sm-tablet-pc {
        margin-right: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mr-sm-tablet-pc, .margin-right-sm-tablet-pc {
        margin-right: 16px; } }
    @media (min-width: 1440px) {
      .mr-sm-pc, .margin-right-sm-pc {
        margin-right: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mr-sm-ultrawide, .margin-right-sm-ultrawide {
        margin-right: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mr-sm-super-ultrawide, .margin-right-sm-super-ultrawide {
        margin-right: 16px; } }
  .mr-md, .margin-right-md {
    margin-right: 24px; }
    @media (min-width: 600px) {
      .mr-md-tablet, .margin-right-md-tablet {
        margin-right: 24px; } }
    @media (min-width: 1024px) {
      .mr-md-tablet-pc, .margin-right-md-tablet-pc {
        margin-right: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mr-md-tablet-pc, .margin-right-md-tablet-pc {
        margin-right: 24px; } }
    @media (min-width: 1440px) {
      .mr-md-pc, .margin-right-md-pc {
        margin-right: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mr-md-ultrawide, .margin-right-md-ultrawide {
        margin-right: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mr-md-super-ultrawide, .margin-right-md-super-ultrawide {
        margin-right: 24px; } }
  .mr-lg, .margin-right-lg {
    margin-right: 32px; }
    @media (min-width: 600px) {
      .mr-lg-tablet, .margin-right-lg-tablet {
        margin-right: 32px; } }
    @media (min-width: 1024px) {
      .mr-lg-tablet-pc, .margin-right-lg-tablet-pc {
        margin-right: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mr-lg-tablet-pc, .margin-right-lg-tablet-pc {
        margin-right: 32px; } }
    @media (min-width: 1440px) {
      .mr-lg-pc, .margin-right-lg-pc {
        margin-right: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mr-lg-ultrawide, .margin-right-lg-ultrawide {
        margin-right: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mr-lg-super-ultrawide, .margin-right-lg-super-ultrawide {
        margin-right: 32px; } }
  .mr-xl, .margin-right-xl {
    margin-right: 48px; }
    @media (min-width: 600px) {
      .mr-xl-tablet, .margin-right-xl-tablet {
        margin-right: 48px; } }
    @media (min-width: 1024px) {
      .mr-xl-tablet-pc, .margin-right-xl-tablet-pc {
        margin-right: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mr-xl-tablet-pc, .margin-right-xl-tablet-pc {
        margin-right: 48px; } }
    @media (min-width: 1440px) {
      .mr-xl-pc, .margin-right-xl-pc {
        margin-right: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mr-xl-ultrawide, .margin-right-xl-ultrawide {
        margin-right: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mr-xl-super-ultrawide, .margin-right-xl-super-ultrawide {
        margin-right: 48px; } }
  .mr-xxl, .margin-right-xxl {
    margin-right: 64px; }
    @media (min-width: 600px) {
      .mr-xxl-tablet, .margin-right-xxl-tablet {
        margin-right: 64px; } }
    @media (min-width: 1024px) {
      .mr-xxl-tablet-pc, .margin-right-xxl-tablet-pc {
        margin-right: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mr-xxl-tablet-pc, .margin-right-xxl-tablet-pc {
        margin-right: 64px; } }
    @media (min-width: 1440px) {
      .mr-xxl-pc, .margin-right-xxl-pc {
        margin-right: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mr-xxl-ultrawide, .margin-right-xxl-ultrawide {
        margin-right: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mr-xxl-super-ultrawide, .margin-right-xxl-super-ultrawide {
        margin-right: 64px; } }
  .mr-none, .margin-right-none {
    margin-right: 0; }
    @media (min-width: 600px) {
      .mr-none-tablet, .margin-right-none-tablet {
        margin-right: 0; } }
    @media (min-width: 1024px) {
      .mr-none-tablet-pc, .margin-right-none-tablet-pc {
        margin-right: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mr-none-tablet-pc, .margin-right-none-tablet-pc {
        margin-right: 0; } }
    @media (min-width: 1440px) {
      .mr-none-pc, .margin-right-none-pc {
        margin-right: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mr-none-ultrawide, .margin-right-none-ultrawide {
        margin-right: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mr-none-super-ultrawide, .margin-right-none-super-ultrawide {
        margin-right: 0; } }
  .mr-balance, .margin-right-balance {
    margin-right: -24px; }
    @media (min-width: 600px) {
      .mr-balance-tablet, .margin-right-balance-tablet {
        margin-right: -24px; } }
    @media (min-width: 1024px) {
      .mr-balance-tablet-pc, .margin-right-balance-tablet-pc {
        margin-right: -24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mr-balance-tablet-pc, .margin-right-balance-tablet-pc {
        margin-right: -24px; } }
    @media (min-width: 1440px) {
      .mr-balance-pc, .margin-right-balance-pc {
        margin-right: -24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mr-balance-ultrawide, .margin-right-balance-ultrawide {
        margin-right: -24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mr-balance-super-ultrawide, .margin-right-balance-super-ultrawide {
        margin-right: -24px; } }
    .mr-balance-xxs, .margin-right-balance-xxs {
      margin-right: -4px; }
      @media (min-width: 600px) {
        .mr-balance-xxs-tablet, .margin-right-balance-xxs-tablet {
          margin-right: -4px; } }
      @media (min-width: 1024px) {
        .mr-balance-xxs-tablet-pc, .margin-right-balance-xxs-tablet-pc {
          margin-right: -4px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mr-balance-xxs-tablet-pc, .margin-right-balance-xxs-tablet-pc {
          margin-right: -4px; } }
      @media (min-width: 1440px) {
        .mr-balance-xxs-pc, .margin-right-balance-xxs-pc {
          margin-right: -4px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mr-balance-xxs-ultrawide, .margin-right-balance-xxs-ultrawide {
          margin-right: -4px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mr-balance-xxs-super-ultrawide, .margin-right-balance-xxs-super-ultrawide {
          margin-right: -4px; } }
    .mr-balance-xs, .margin-right-balance-xs {
      margin-right: -8px; }
      @media (min-width: 600px) {
        .mr-balance-xs-tablet, .margin-right-balance-xs-tablet {
          margin-right: -8px; } }
      @media (min-width: 1024px) {
        .mr-balance-xs-tablet-pc, .margin-right-balance-xs-tablet-pc {
          margin-right: -8px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mr-balance-xs-tablet-pc, .margin-right-balance-xs-tablet-pc {
          margin-right: -8px; } }
      @media (min-width: 1440px) {
        .mr-balance-xs-pc, .margin-right-balance-xs-pc {
          margin-right: -8px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mr-balance-xs-ultrawide, .margin-right-balance-xs-ultrawide {
          margin-right: -8px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mr-balance-xs-super-ultrawide, .margin-right-balance-xs-super-ultrawide {
          margin-right: -8px; } }
    .mr-balance-sm, .margin-right-balance-sm {
      margin-right: -16px; }
      @media (min-width: 600px) {
        .mr-balance-sm-tablet, .margin-right-balance-sm-tablet {
          margin-right: -16px; } }
      @media (min-width: 1024px) {
        .mr-balance-sm-tablet-pc, .margin-right-balance-sm-tablet-pc {
          margin-right: -16px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mr-balance-sm-tablet-pc, .margin-right-balance-sm-tablet-pc {
          margin-right: -16px; } }
      @media (min-width: 1440px) {
        .mr-balance-sm-pc, .margin-right-balance-sm-pc {
          margin-right: -16px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mr-balance-sm-ultrawide, .margin-right-balance-sm-ultrawide {
          margin-right: -16px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mr-balance-sm-super-ultrawide, .margin-right-balance-sm-super-ultrawide {
          margin-right: -16px; } }
    .mr-balance-md, .margin-right-balance-md {
      margin-right: -24px; }
      @media (min-width: 600px) {
        .mr-balance-md-tablet, .margin-right-balance-md-tablet {
          margin-right: -24px; } }
      @media (min-width: 1024px) {
        .mr-balance-md-tablet-pc, .margin-right-balance-md-tablet-pc {
          margin-right: -24px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mr-balance-md-tablet-pc, .margin-right-balance-md-tablet-pc {
          margin-right: -24px; } }
      @media (min-width: 1440px) {
        .mr-balance-md-pc, .margin-right-balance-md-pc {
          margin-right: -24px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mr-balance-md-ultrawide, .margin-right-balance-md-ultrawide {
          margin-right: -24px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mr-balance-md-super-ultrawide, .margin-right-balance-md-super-ultrawide {
          margin-right: -24px; } }
    .mr-balance-lg, .margin-right-balance-lg {
      margin-right: -32px; }
      @media (min-width: 600px) {
        .mr-balance-lg-tablet, .margin-right-balance-lg-tablet {
          margin-right: -32px; } }
      @media (min-width: 1024px) {
        .mr-balance-lg-tablet-pc, .margin-right-balance-lg-tablet-pc {
          margin-right: -32px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mr-balance-lg-tablet-pc, .margin-right-balance-lg-tablet-pc {
          margin-right: -32px; } }
      @media (min-width: 1440px) {
        .mr-balance-lg-pc, .margin-right-balance-lg-pc {
          margin-right: -32px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mr-balance-lg-ultrawide, .margin-right-balance-lg-ultrawide {
          margin-right: -32px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mr-balance-lg-super-ultrawide, .margin-right-balance-lg-super-ultrawide {
          margin-right: -32px; } }
    .mr-balance-xl, .margin-right-balance-xl {
      margin-right: -48px; }
      @media (min-width: 600px) {
        .mr-balance-xl-tablet, .margin-right-balance-xl-tablet {
          margin-right: -48px; } }
      @media (min-width: 1024px) {
        .mr-balance-xl-tablet-pc, .margin-right-balance-xl-tablet-pc {
          margin-right: -48px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mr-balance-xl-tablet-pc, .margin-right-balance-xl-tablet-pc {
          margin-right: -48px; } }
      @media (min-width: 1440px) {
        .mr-balance-xl-pc, .margin-right-balance-xl-pc {
          margin-right: -48px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mr-balance-xl-ultrawide, .margin-right-balance-xl-ultrawide {
          margin-right: -48px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mr-balance-xl-super-ultrawide, .margin-right-balance-xl-super-ultrawide {
          margin-right: -48px; } }
    .mr-balance-xxl, .margin-right-balance-xxl {
      margin-right: -64px; }
      @media (min-width: 600px) {
        .mr-balance-xxl-tablet, .margin-right-balance-xxl-tablet {
          margin-right: -64px; } }
      @media (min-width: 1024px) {
        .mr-balance-xxl-tablet-pc, .margin-right-balance-xxl-tablet-pc {
          margin-right: -64px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mr-balance-xxl-tablet-pc, .margin-right-balance-xxl-tablet-pc {
          margin-right: -64px; } }
      @media (min-width: 1440px) {
        .mr-balance-xxl-pc, .margin-right-balance-xxl-pc {
          margin-right: -64px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mr-balance-xxl-ultrawide, .margin-right-balance-xxl-ultrawide {
          margin-right: -64px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mr-balance-xxl-super-ultrawide, .margin-right-balance-xxl-super-ultrawide {
          margin-right: -64px; } }

.mb, .margin-bottom {
  margin-bottom: 24px; }
  @media (min-width: 600px) {
    .mb-tablet, .margin-bottom-tablet {
      margin-bottom: 24px; } }
  @media (min-width: 1024px) {
    .mb-tablet-pc, .margin-bottom-tablet-pc {
      margin-bottom: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .mb-tablet-pc, .margin-bottom-tablet-pc {
      margin-bottom: 24px; } }
  @media (min-width: 1440px) {
    .mb-pc, .margin-bottom-pc {
      margin-bottom: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .mb-ultrawide, .margin-bottom-ultrawide {
      margin-bottom: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .mb-super-ultrawide, .margin-bottom-super-ultrawide {
      margin-bottom: 24px; } }
  .mb-xxs, .margin-bottom-xxs {
    margin-bottom: 4px; }
    @media (min-width: 600px) {
      .mb-xxs-tablet, .margin-bottom-xxs-tablet {
        margin-bottom: 4px; } }
    @media (min-width: 1024px) {
      .mb-xxs-tablet-pc, .margin-bottom-xxs-tablet-pc {
        margin-bottom: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mb-xxs-tablet-pc, .margin-bottom-xxs-tablet-pc {
        margin-bottom: 4px; } }
    @media (min-width: 1440px) {
      .mb-xxs-pc, .margin-bottom-xxs-pc {
        margin-bottom: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mb-xxs-ultrawide, .margin-bottom-xxs-ultrawide {
        margin-bottom: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mb-xxs-super-ultrawide, .margin-bottom-xxs-super-ultrawide {
        margin-bottom: 4px; } }
  .mb-xs, .margin-bottom-xs {
    margin-bottom: 8px; }
    @media (min-width: 600px) {
      .mb-xs-tablet, .margin-bottom-xs-tablet {
        margin-bottom: 8px; } }
    @media (min-width: 1024px) {
      .mb-xs-tablet-pc, .margin-bottom-xs-tablet-pc {
        margin-bottom: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mb-xs-tablet-pc, .margin-bottom-xs-tablet-pc {
        margin-bottom: 8px; } }
    @media (min-width: 1440px) {
      .mb-xs-pc, .margin-bottom-xs-pc {
        margin-bottom: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mb-xs-ultrawide, .margin-bottom-xs-ultrawide {
        margin-bottom: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mb-xs-super-ultrawide, .margin-bottom-xs-super-ultrawide {
        margin-bottom: 8px; } }
  .mb-sm, .margin-bottom-sm {
    margin-bottom: 16px; }
    @media (min-width: 600px) {
      .mb-sm-tablet, .margin-bottom-sm-tablet {
        margin-bottom: 16px; } }
    @media (min-width: 1024px) {
      .mb-sm-tablet-pc, .margin-bottom-sm-tablet-pc {
        margin-bottom: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mb-sm-tablet-pc, .margin-bottom-sm-tablet-pc {
        margin-bottom: 16px; } }
    @media (min-width: 1440px) {
      .mb-sm-pc, .margin-bottom-sm-pc {
        margin-bottom: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mb-sm-ultrawide, .margin-bottom-sm-ultrawide {
        margin-bottom: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mb-sm-super-ultrawide, .margin-bottom-sm-super-ultrawide {
        margin-bottom: 16px; } }
  .mb-md, .margin-bottom-md {
    margin-bottom: 24px; }
    @media (min-width: 600px) {
      .mb-md-tablet, .margin-bottom-md-tablet {
        margin-bottom: 24px; } }
    @media (min-width: 1024px) {
      .mb-md-tablet-pc, .margin-bottom-md-tablet-pc {
        margin-bottom: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mb-md-tablet-pc, .margin-bottom-md-tablet-pc {
        margin-bottom: 24px; } }
    @media (min-width: 1440px) {
      .mb-md-pc, .margin-bottom-md-pc {
        margin-bottom: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mb-md-ultrawide, .margin-bottom-md-ultrawide {
        margin-bottom: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mb-md-super-ultrawide, .margin-bottom-md-super-ultrawide {
        margin-bottom: 24px; } }
  .mb-lg, .margin-bottom-lg {
    margin-bottom: 32px; }
    @media (min-width: 600px) {
      .mb-lg-tablet, .margin-bottom-lg-tablet {
        margin-bottom: 32px; } }
    @media (min-width: 1024px) {
      .mb-lg-tablet-pc, .margin-bottom-lg-tablet-pc {
        margin-bottom: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mb-lg-tablet-pc, .margin-bottom-lg-tablet-pc {
        margin-bottom: 32px; } }
    @media (min-width: 1440px) {
      .mb-lg-pc, .margin-bottom-lg-pc {
        margin-bottom: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mb-lg-ultrawide, .margin-bottom-lg-ultrawide {
        margin-bottom: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mb-lg-super-ultrawide, .margin-bottom-lg-super-ultrawide {
        margin-bottom: 32px; } }
  .mb-xl, .margin-bottom-xl {
    margin-bottom: 48px; }
    @media (min-width: 600px) {
      .mb-xl-tablet, .margin-bottom-xl-tablet {
        margin-bottom: 48px; } }
    @media (min-width: 1024px) {
      .mb-xl-tablet-pc, .margin-bottom-xl-tablet-pc {
        margin-bottom: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mb-xl-tablet-pc, .margin-bottom-xl-tablet-pc {
        margin-bottom: 48px; } }
    @media (min-width: 1440px) {
      .mb-xl-pc, .margin-bottom-xl-pc {
        margin-bottom: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mb-xl-ultrawide, .margin-bottom-xl-ultrawide {
        margin-bottom: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mb-xl-super-ultrawide, .margin-bottom-xl-super-ultrawide {
        margin-bottom: 48px; } }
  .mb-xxl, .margin-bottom-xxl {
    margin-bottom: 64px; }
    @media (min-width: 600px) {
      .mb-xxl-tablet, .margin-bottom-xxl-tablet {
        margin-bottom: 64px; } }
    @media (min-width: 1024px) {
      .mb-xxl-tablet-pc, .margin-bottom-xxl-tablet-pc {
        margin-bottom: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mb-xxl-tablet-pc, .margin-bottom-xxl-tablet-pc {
        margin-bottom: 64px; } }
    @media (min-width: 1440px) {
      .mb-xxl-pc, .margin-bottom-xxl-pc {
        margin-bottom: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mb-xxl-ultrawide, .margin-bottom-xxl-ultrawide {
        margin-bottom: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mb-xxl-super-ultrawide, .margin-bottom-xxl-super-ultrawide {
        margin-bottom: 64px; } }
  .mb-none, .margin-bottom-none {
    margin-bottom: 0; }
    @media (min-width: 600px) {
      .mb-none-tablet, .margin-bottom-none-tablet {
        margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .mb-none-tablet-pc, .margin-bottom-none-tablet-pc {
        margin-bottom: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mb-none-tablet-pc, .margin-bottom-none-tablet-pc {
        margin-bottom: 0; } }
    @media (min-width: 1440px) {
      .mb-none-pc, .margin-bottom-none-pc {
        margin-bottom: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mb-none-ultrawide, .margin-bottom-none-ultrawide {
        margin-bottom: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mb-none-super-ultrawide, .margin-bottom-none-super-ultrawide {
        margin-bottom: 0; } }
  .mb-balance, .margin-bottom-balance {
    margin-bottom: -24px; }
    @media (min-width: 600px) {
      .mb-balance-tablet, .margin-bottom-balance-tablet {
        margin-bottom: -24px; } }
    @media (min-width: 1024px) {
      .mb-balance-tablet-pc, .margin-bottom-balance-tablet-pc {
        margin-bottom: -24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .mb-balance-tablet-pc, .margin-bottom-balance-tablet-pc {
        margin-bottom: -24px; } }
    @media (min-width: 1440px) {
      .mb-balance-pc, .margin-bottom-balance-pc {
        margin-bottom: -24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .mb-balance-ultrawide, .margin-bottom-balance-ultrawide {
        margin-bottom: -24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .mb-balance-super-ultrawide, .margin-bottom-balance-super-ultrawide {
        margin-bottom: -24px; } }
    .mb-balance-xxs, .margin-bottom-balance-xxs {
      margin-bottom: -4px; }
      @media (min-width: 600px) {
        .mb-balance-xxs-tablet, .margin-bottom-balance-xxs-tablet {
          margin-bottom: -4px; } }
      @media (min-width: 1024px) {
        .mb-balance-xxs-tablet-pc, .margin-bottom-balance-xxs-tablet-pc {
          margin-bottom: -4px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mb-balance-xxs-tablet-pc, .margin-bottom-balance-xxs-tablet-pc {
          margin-bottom: -4px; } }
      @media (min-width: 1440px) {
        .mb-balance-xxs-pc, .margin-bottom-balance-xxs-pc {
          margin-bottom: -4px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mb-balance-xxs-ultrawide, .margin-bottom-balance-xxs-ultrawide {
          margin-bottom: -4px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mb-balance-xxs-super-ultrawide, .margin-bottom-balance-xxs-super-ultrawide {
          margin-bottom: -4px; } }
    .mb-balance-xs, .margin-bottom-balance-xs {
      margin-bottom: -8px; }
      @media (min-width: 600px) {
        .mb-balance-xs-tablet, .margin-bottom-balance-xs-tablet {
          margin-bottom: -8px; } }
      @media (min-width: 1024px) {
        .mb-balance-xs-tablet-pc, .margin-bottom-balance-xs-tablet-pc {
          margin-bottom: -8px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mb-balance-xs-tablet-pc, .margin-bottom-balance-xs-tablet-pc {
          margin-bottom: -8px; } }
      @media (min-width: 1440px) {
        .mb-balance-xs-pc, .margin-bottom-balance-xs-pc {
          margin-bottom: -8px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mb-balance-xs-ultrawide, .margin-bottom-balance-xs-ultrawide {
          margin-bottom: -8px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mb-balance-xs-super-ultrawide, .margin-bottom-balance-xs-super-ultrawide {
          margin-bottom: -8px; } }
    .mb-balance-sm, .margin-bottom-balance-sm {
      margin-bottom: -16px; }
      @media (min-width: 600px) {
        .mb-balance-sm-tablet, .margin-bottom-balance-sm-tablet {
          margin-bottom: -16px; } }
      @media (min-width: 1024px) {
        .mb-balance-sm-tablet-pc, .margin-bottom-balance-sm-tablet-pc {
          margin-bottom: -16px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mb-balance-sm-tablet-pc, .margin-bottom-balance-sm-tablet-pc {
          margin-bottom: -16px; } }
      @media (min-width: 1440px) {
        .mb-balance-sm-pc, .margin-bottom-balance-sm-pc {
          margin-bottom: -16px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mb-balance-sm-ultrawide, .margin-bottom-balance-sm-ultrawide {
          margin-bottom: -16px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mb-balance-sm-super-ultrawide, .margin-bottom-balance-sm-super-ultrawide {
          margin-bottom: -16px; } }
    .mb-balance-md, .margin-bottom-balance-md {
      margin-bottom: -24px; }
      @media (min-width: 600px) {
        .mb-balance-md-tablet, .margin-bottom-balance-md-tablet {
          margin-bottom: -24px; } }
      @media (min-width: 1024px) {
        .mb-balance-md-tablet-pc, .margin-bottom-balance-md-tablet-pc {
          margin-bottom: -24px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mb-balance-md-tablet-pc, .margin-bottom-balance-md-tablet-pc {
          margin-bottom: -24px; } }
      @media (min-width: 1440px) {
        .mb-balance-md-pc, .margin-bottom-balance-md-pc {
          margin-bottom: -24px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mb-balance-md-ultrawide, .margin-bottom-balance-md-ultrawide {
          margin-bottom: -24px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mb-balance-md-super-ultrawide, .margin-bottom-balance-md-super-ultrawide {
          margin-bottom: -24px; } }
    .mb-balance-lg, .margin-bottom-balance-lg {
      margin-bottom: -32px; }
      @media (min-width: 600px) {
        .mb-balance-lg-tablet, .margin-bottom-balance-lg-tablet {
          margin-bottom: -32px; } }
      @media (min-width: 1024px) {
        .mb-balance-lg-tablet-pc, .margin-bottom-balance-lg-tablet-pc {
          margin-bottom: -32px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mb-balance-lg-tablet-pc, .margin-bottom-balance-lg-tablet-pc {
          margin-bottom: -32px; } }
      @media (min-width: 1440px) {
        .mb-balance-lg-pc, .margin-bottom-balance-lg-pc {
          margin-bottom: -32px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mb-balance-lg-ultrawide, .margin-bottom-balance-lg-ultrawide {
          margin-bottom: -32px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mb-balance-lg-super-ultrawide, .margin-bottom-balance-lg-super-ultrawide {
          margin-bottom: -32px; } }
    .mb-balance-xl, .margin-bottom-balance-xl {
      margin-bottom: -48px; }
      @media (min-width: 600px) {
        .mb-balance-xl-tablet, .margin-bottom-balance-xl-tablet {
          margin-bottom: -48px; } }
      @media (min-width: 1024px) {
        .mb-balance-xl-tablet-pc, .margin-bottom-balance-xl-tablet-pc {
          margin-bottom: -48px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mb-balance-xl-tablet-pc, .margin-bottom-balance-xl-tablet-pc {
          margin-bottom: -48px; } }
      @media (min-width: 1440px) {
        .mb-balance-xl-pc, .margin-bottom-balance-xl-pc {
          margin-bottom: -48px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mb-balance-xl-ultrawide, .margin-bottom-balance-xl-ultrawide {
          margin-bottom: -48px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mb-balance-xl-super-ultrawide, .margin-bottom-balance-xl-super-ultrawide {
          margin-bottom: -48px; } }
    .mb-balance-xxl, .margin-bottom-balance-xxl {
      margin-bottom: -64px; }
      @media (min-width: 600px) {
        .mb-balance-xxl-tablet, .margin-bottom-balance-xxl-tablet {
          margin-bottom: -64px; } }
      @media (min-width: 1024px) {
        .mb-balance-xxl-tablet-pc, .margin-bottom-balance-xxl-tablet-pc {
          margin-bottom: -64px; } }
      @media (min-width: 1024px) and ((pointer: coarse)) {
        .mb-balance-xxl-tablet-pc, .margin-bottom-balance-xxl-tablet-pc {
          margin-bottom: -64px; } }
      @media (min-width: 1440px) {
        .mb-balance-xxl-pc, .margin-bottom-balance-xxl-pc {
          margin-bottom: -64px; } }
      @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
        .mb-balance-xxl-ultrawide, .margin-bottom-balance-xxl-ultrawide {
          margin-bottom: -64px; } }
      @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
        .mb-balance-xxl-super-ultrawide, .margin-bottom-balance-xxl-super-ultrawide {
          margin-bottom: -64px; } }

.p, .padding {
  padding: 24px; }
  @media (min-width: 600px) {
    .p-tablet, .padding-tablet {
      padding: 24px; } }
  @media (min-width: 1024px) {
    .p-tablet-pc, .padding-tablet-pc {
      padding: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .p-tablet-pc, .padding-tablet-pc {
      padding: 24px; } }
  @media (min-width: 1440px) {
    .p-pc, .padding-pc {
      padding: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .p-ultrawide, .padding-ultrawide {
      padding: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .p-super-ultrawide, .padding-super-ultrawide {
      padding: 24px; } }
  .p-xxs, .padding-xxs {
    padding: 4px; }
    @media (min-width: 600px) {
      .p-xxs-tablet, .padding-xxs-tablet {
        padding: 4px; } }
    @media (min-width: 1024px) {
      .p-xxs-tablet-pc, .padding-xxs-tablet-pc {
        padding: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .p-xxs-tablet-pc, .padding-xxs-tablet-pc {
        padding: 4px; } }
    @media (min-width: 1440px) {
      .p-xxs-pc, .padding-xxs-pc {
        padding: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .p-xxs-ultrawide, .padding-xxs-ultrawide {
        padding: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .p-xxs-super-ultrawide, .padding-xxs-super-ultrawide {
        padding: 4px; } }
  .p-xs, .padding-xs {
    padding: 8px; }
    @media (min-width: 600px) {
      .p-xs-tablet, .padding-xs-tablet {
        padding: 8px; } }
    @media (min-width: 1024px) {
      .p-xs-tablet-pc, .padding-xs-tablet-pc {
        padding: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .p-xs-tablet-pc, .padding-xs-tablet-pc {
        padding: 8px; } }
    @media (min-width: 1440px) {
      .p-xs-pc, .padding-xs-pc {
        padding: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .p-xs-ultrawide, .padding-xs-ultrawide {
        padding: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .p-xs-super-ultrawide, .padding-xs-super-ultrawide {
        padding: 8px; } }
  .p-sm, .padding-sm {
    padding: 16px; }
    @media (min-width: 600px) {
      .p-sm-tablet, .padding-sm-tablet {
        padding: 16px; } }
    @media (min-width: 1024px) {
      .p-sm-tablet-pc, .padding-sm-tablet-pc {
        padding: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .p-sm-tablet-pc, .padding-sm-tablet-pc {
        padding: 16px; } }
    @media (min-width: 1440px) {
      .p-sm-pc, .padding-sm-pc {
        padding: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .p-sm-ultrawide, .padding-sm-ultrawide {
        padding: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .p-sm-super-ultrawide, .padding-sm-super-ultrawide {
        padding: 16px; } }
  .p-md, .padding-md {
    padding: 24px; }
    @media (min-width: 600px) {
      .p-md-tablet, .padding-md-tablet {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .p-md-tablet-pc, .padding-md-tablet-pc {
        padding: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .p-md-tablet-pc, .padding-md-tablet-pc {
        padding: 24px; } }
    @media (min-width: 1440px) {
      .p-md-pc, .padding-md-pc {
        padding: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .p-md-ultrawide, .padding-md-ultrawide {
        padding: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .p-md-super-ultrawide, .padding-md-super-ultrawide {
        padding: 24px; } }
  .p-lg, .padding-lg {
    padding: 32px; }
    @media (min-width: 600px) {
      .p-lg-tablet, .padding-lg-tablet {
        padding: 32px; } }
    @media (min-width: 1024px) {
      .p-lg-tablet-pc, .padding-lg-tablet-pc {
        padding: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .p-lg-tablet-pc, .padding-lg-tablet-pc {
        padding: 32px; } }
    @media (min-width: 1440px) {
      .p-lg-pc, .padding-lg-pc {
        padding: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .p-lg-ultrawide, .padding-lg-ultrawide {
        padding: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .p-lg-super-ultrawide, .padding-lg-super-ultrawide {
        padding: 32px; } }
  .p-xl, .padding-xl {
    padding: 48px; }
    @media (min-width: 600px) {
      .p-xl-tablet, .padding-xl-tablet {
        padding: 48px; } }
    @media (min-width: 1024px) {
      .p-xl-tablet-pc, .padding-xl-tablet-pc {
        padding: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .p-xl-tablet-pc, .padding-xl-tablet-pc {
        padding: 48px; } }
    @media (min-width: 1440px) {
      .p-xl-pc, .padding-xl-pc {
        padding: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .p-xl-ultrawide, .padding-xl-ultrawide {
        padding: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .p-xl-super-ultrawide, .padding-xl-super-ultrawide {
        padding: 48px; } }
  .p-xxl, .padding-xxl {
    padding: 64px; }
    @media (min-width: 600px) {
      .p-xxl-tablet, .padding-xxl-tablet {
        padding: 64px; } }
    @media (min-width: 1024px) {
      .p-xxl-tablet-pc, .padding-xxl-tablet-pc {
        padding: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .p-xxl-tablet-pc, .padding-xxl-tablet-pc {
        padding: 64px; } }
    @media (min-width: 1440px) {
      .p-xxl-pc, .padding-xxl-pc {
        padding: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .p-xxl-ultrawide, .padding-xxl-ultrawide {
        padding: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .p-xxl-super-ultrawide, .padding-xxl-super-ultrawide {
        padding: 64px; } }
  .p-none, .padding-none {
    padding: 0; }
    @media (min-width: 600px) {
      .p-none-tablet, .padding-none-tablet {
        padding: 0; } }
    @media (min-width: 1024px) {
      .p-none-tablet-pc, .padding-none-tablet-pc {
        padding: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .p-none-tablet-pc, .padding-none-tablet-pc {
        padding: 0; } }
    @media (min-width: 1440px) {
      .p-none-pc, .padding-none-pc {
        padding: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .p-none-ultrawide, .padding-none-ultrawide {
        padding: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .p-none-super-ultrawide, .padding-none-super-ultrawide {
        padding: 0; } }

.ph, .padding-horizontal {
  padding-left: 24px;
  padding-right: 24px; }
  @media (min-width: 600px) {
    .ph-tablet, .padding-horizontal-tablet {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (min-width: 1024px) {
    .ph-tablet-pc, .padding-horizontal-tablet-pc {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .ph-tablet-pc, .padding-horizontal-tablet-pc {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (min-width: 1440px) {
    .ph-pc, .padding-horizontal-pc {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .ph-ultrawide, .padding-horizontal-ultrawide {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .ph-super-ultrawide, .padding-horizontal-super-ultrawide {
      padding-left: 24px;
      padding-right: 24px; } }
  .ph-xxs, .padding-horizontal-xxs {
    padding-left: 4px;
    padding-right: 4px; }
    @media (min-width: 600px) {
      .ph-xxs-tablet, .padding-horizontal-xxs-tablet {
        padding-left: 4px;
        padding-right: 4px; } }
    @media (min-width: 1024px) {
      .ph-xxs-tablet-pc, .padding-horizontal-xxs-tablet-pc {
        padding-left: 4px;
        padding-right: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ph-xxs-tablet-pc, .padding-horizontal-xxs-tablet-pc {
        padding-left: 4px;
        padding-right: 4px; } }
    @media (min-width: 1440px) {
      .ph-xxs-pc, .padding-horizontal-xxs-pc {
        padding-left: 4px;
        padding-right: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ph-xxs-ultrawide, .padding-horizontal-xxs-ultrawide {
        padding-left: 4px;
        padding-right: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ph-xxs-super-ultrawide, .padding-horizontal-xxs-super-ultrawide {
        padding-left: 4px;
        padding-right: 4px; } }
  .ph-xs, .padding-horizontal-xs {
    padding-left: 8px;
    padding-right: 8px; }
    @media (min-width: 600px) {
      .ph-xs-tablet, .padding-horizontal-xs-tablet {
        padding-left: 8px;
        padding-right: 8px; } }
    @media (min-width: 1024px) {
      .ph-xs-tablet-pc, .padding-horizontal-xs-tablet-pc {
        padding-left: 8px;
        padding-right: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ph-xs-tablet-pc, .padding-horizontal-xs-tablet-pc {
        padding-left: 8px;
        padding-right: 8px; } }
    @media (min-width: 1440px) {
      .ph-xs-pc, .padding-horizontal-xs-pc {
        padding-left: 8px;
        padding-right: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ph-xs-ultrawide, .padding-horizontal-xs-ultrawide {
        padding-left: 8px;
        padding-right: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ph-xs-super-ultrawide, .padding-horizontal-xs-super-ultrawide {
        padding-left: 8px;
        padding-right: 8px; } }
  .ph-sm, .padding-horizontal-sm {
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 600px) {
      .ph-sm-tablet, .padding-horizontal-sm-tablet {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .ph-sm-tablet-pc, .padding-horizontal-sm-tablet-pc {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ph-sm-tablet-pc, .padding-horizontal-sm-tablet-pc {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1440px) {
      .ph-sm-pc, .padding-horizontal-sm-pc {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ph-sm-ultrawide, .padding-horizontal-sm-ultrawide {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ph-sm-super-ultrawide, .padding-horizontal-sm-super-ultrawide {
        padding-left: 16px;
        padding-right: 16px; } }
  .ph-md, .padding-horizontal-md {
    padding-left: 24px;
    padding-right: 24px; }
    @media (min-width: 600px) {
      .ph-md-tablet, .padding-horizontal-md-tablet {
        padding-left: 24px;
        padding-right: 24px; } }
    @media (min-width: 1024px) {
      .ph-md-tablet-pc, .padding-horizontal-md-tablet-pc {
        padding-left: 24px;
        padding-right: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ph-md-tablet-pc, .padding-horizontal-md-tablet-pc {
        padding-left: 24px;
        padding-right: 24px; } }
    @media (min-width: 1440px) {
      .ph-md-pc, .padding-horizontal-md-pc {
        padding-left: 24px;
        padding-right: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ph-md-ultrawide, .padding-horizontal-md-ultrawide {
        padding-left: 24px;
        padding-right: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ph-md-super-ultrawide, .padding-horizontal-md-super-ultrawide {
        padding-left: 24px;
        padding-right: 24px; } }
  .ph-lg, .padding-horizontal-lg {
    padding-left: 32px;
    padding-right: 32px; }
    @media (min-width: 600px) {
      .ph-lg-tablet, .padding-horizontal-lg-tablet {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-width: 1024px) {
      .ph-lg-tablet-pc, .padding-horizontal-lg-tablet-pc {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ph-lg-tablet-pc, .padding-horizontal-lg-tablet-pc {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-width: 1440px) {
      .ph-lg-pc, .padding-horizontal-lg-pc {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ph-lg-ultrawide, .padding-horizontal-lg-ultrawide {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ph-lg-super-ultrawide, .padding-horizontal-lg-super-ultrawide {
        padding-left: 32px;
        padding-right: 32px; } }
  .ph-xl, .padding-horizontal-xl {
    padding-left: 48px;
    padding-right: 48px; }
    @media (min-width: 600px) {
      .ph-xl-tablet, .padding-horizontal-xl-tablet {
        padding-left: 48px;
        padding-right: 48px; } }
    @media (min-width: 1024px) {
      .ph-xl-tablet-pc, .padding-horizontal-xl-tablet-pc {
        padding-left: 48px;
        padding-right: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ph-xl-tablet-pc, .padding-horizontal-xl-tablet-pc {
        padding-left: 48px;
        padding-right: 48px; } }
    @media (min-width: 1440px) {
      .ph-xl-pc, .padding-horizontal-xl-pc {
        padding-left: 48px;
        padding-right: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ph-xl-ultrawide, .padding-horizontal-xl-ultrawide {
        padding-left: 48px;
        padding-right: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ph-xl-super-ultrawide, .padding-horizontal-xl-super-ultrawide {
        padding-left: 48px;
        padding-right: 48px; } }
  .ph-xxl, .padding-horizontal-xxl {
    padding-left: 64px;
    padding-right: 64px; }
    @media (min-width: 600px) {
      .ph-xxl-tablet, .padding-horizontal-xxl-tablet {
        padding-left: 64px;
        padding-right: 64px; } }
    @media (min-width: 1024px) {
      .ph-xxl-tablet-pc, .padding-horizontal-xxl-tablet-pc {
        padding-left: 64px;
        padding-right: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ph-xxl-tablet-pc, .padding-horizontal-xxl-tablet-pc {
        padding-left: 64px;
        padding-right: 64px; } }
    @media (min-width: 1440px) {
      .ph-xxl-pc, .padding-horizontal-xxl-pc {
        padding-left: 64px;
        padding-right: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ph-xxl-ultrawide, .padding-horizontal-xxl-ultrawide {
        padding-left: 64px;
        padding-right: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ph-xxl-super-ultrawide, .padding-horizontal-xxl-super-ultrawide {
        padding-left: 64px;
        padding-right: 64px; } }
  .ph-none, .padding-horizontal-none {
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 600px) {
      .ph-none-tablet, .padding-horizontal-none-tablet {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 1024px) {
      .ph-none-tablet-pc, .padding-horizontal-none-tablet-pc {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .ph-none-tablet-pc, .padding-horizontal-none-tablet-pc {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 1440px) {
      .ph-none-pc, .padding-horizontal-none-pc {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .ph-none-ultrawide, .padding-horizontal-none-ultrawide {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .ph-none-super-ultrawide, .padding-horizontal-none-super-ultrawide {
        padding-left: 0;
        padding-right: 0; } }

.pv, .padding-vertical {
  padding-top: 24px;
  padding-bottom: 24px; }
  @media (min-width: 600px) {
    .pv-tablet, .padding-vertical-tablet {
      padding-top: 24px;
      padding-bottom: 24px; } }
  @media (min-width: 1024px) {
    .pv-tablet-pc, .padding-vertical-tablet-pc {
      padding-top: 24px;
      padding-bottom: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .pv-tablet-pc, .padding-vertical-tablet-pc {
      padding-top: 24px;
      padding-bottom: 24px; } }
  @media (min-width: 1440px) {
    .pv-pc, .padding-vertical-pc {
      padding-top: 24px;
      padding-bottom: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .pv-ultrawide, .padding-vertical-ultrawide {
      padding-top: 24px;
      padding-bottom: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .pv-super-ultrawide, .padding-vertical-super-ultrawide {
      padding-top: 24px;
      padding-bottom: 24px; } }
  .pv-xxs, .padding-vertical-xxs {
    padding-top: 4px;
    padding-bottom: 4px; }
    @media (min-width: 600px) {
      .pv-xxs-tablet, .padding-vertical-xxs-tablet {
        padding-top: 4px;
        padding-bottom: 4px; } }
    @media (min-width: 1024px) {
      .pv-xxs-tablet-pc, .padding-vertical-xxs-tablet-pc {
        padding-top: 4px;
        padding-bottom: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pv-xxs-tablet-pc, .padding-vertical-xxs-tablet-pc {
        padding-top: 4px;
        padding-bottom: 4px; } }
    @media (min-width: 1440px) {
      .pv-xxs-pc, .padding-vertical-xxs-pc {
        padding-top: 4px;
        padding-bottom: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pv-xxs-ultrawide, .padding-vertical-xxs-ultrawide {
        padding-top: 4px;
        padding-bottom: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pv-xxs-super-ultrawide, .padding-vertical-xxs-super-ultrawide {
        padding-top: 4px;
        padding-bottom: 4px; } }
  .pv-xs, .padding-vertical-xs {
    padding-top: 8px;
    padding-bottom: 8px; }
    @media (min-width: 600px) {
      .pv-xs-tablet, .padding-vertical-xs-tablet {
        padding-top: 8px;
        padding-bottom: 8px; } }
    @media (min-width: 1024px) {
      .pv-xs-tablet-pc, .padding-vertical-xs-tablet-pc {
        padding-top: 8px;
        padding-bottom: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pv-xs-tablet-pc, .padding-vertical-xs-tablet-pc {
        padding-top: 8px;
        padding-bottom: 8px; } }
    @media (min-width: 1440px) {
      .pv-xs-pc, .padding-vertical-xs-pc {
        padding-top: 8px;
        padding-bottom: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pv-xs-ultrawide, .padding-vertical-xs-ultrawide {
        padding-top: 8px;
        padding-bottom: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pv-xs-super-ultrawide, .padding-vertical-xs-super-ultrawide {
        padding-top: 8px;
        padding-bottom: 8px; } }
  .pv-sm, .padding-vertical-sm {
    padding-top: 16px;
    padding-bottom: 16px; }
    @media (min-width: 600px) {
      .pv-sm-tablet, .padding-vertical-sm-tablet {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media (min-width: 1024px) {
      .pv-sm-tablet-pc, .padding-vertical-sm-tablet-pc {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pv-sm-tablet-pc, .padding-vertical-sm-tablet-pc {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media (min-width: 1440px) {
      .pv-sm-pc, .padding-vertical-sm-pc {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pv-sm-ultrawide, .padding-vertical-sm-ultrawide {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pv-sm-super-ultrawide, .padding-vertical-sm-super-ultrawide {
        padding-top: 16px;
        padding-bottom: 16px; } }
  .pv-md, .padding-vertical-md {
    padding-top: 24px;
    padding-bottom: 24px; }
    @media (min-width: 600px) {
      .pv-md-tablet, .padding-vertical-md-tablet {
        padding-top: 24px;
        padding-bottom: 24px; } }
    @media (min-width: 1024px) {
      .pv-md-tablet-pc, .padding-vertical-md-tablet-pc {
        padding-top: 24px;
        padding-bottom: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pv-md-tablet-pc, .padding-vertical-md-tablet-pc {
        padding-top: 24px;
        padding-bottom: 24px; } }
    @media (min-width: 1440px) {
      .pv-md-pc, .padding-vertical-md-pc {
        padding-top: 24px;
        padding-bottom: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pv-md-ultrawide, .padding-vertical-md-ultrawide {
        padding-top: 24px;
        padding-bottom: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pv-md-super-ultrawide, .padding-vertical-md-super-ultrawide {
        padding-top: 24px;
        padding-bottom: 24px; } }
  .pv-lg, .padding-vertical-lg {
    padding-top: 32px;
    padding-bottom: 32px; }
    @media (min-width: 600px) {
      .pv-lg-tablet, .padding-vertical-lg-tablet {
        padding-top: 32px;
        padding-bottom: 32px; } }
    @media (min-width: 1024px) {
      .pv-lg-tablet-pc, .padding-vertical-lg-tablet-pc {
        padding-top: 32px;
        padding-bottom: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pv-lg-tablet-pc, .padding-vertical-lg-tablet-pc {
        padding-top: 32px;
        padding-bottom: 32px; } }
    @media (min-width: 1440px) {
      .pv-lg-pc, .padding-vertical-lg-pc {
        padding-top: 32px;
        padding-bottom: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pv-lg-ultrawide, .padding-vertical-lg-ultrawide {
        padding-top: 32px;
        padding-bottom: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pv-lg-super-ultrawide, .padding-vertical-lg-super-ultrawide {
        padding-top: 32px;
        padding-bottom: 32px; } }
  .pv-xl, .padding-vertical-xl {
    padding-top: 48px;
    padding-bottom: 48px; }
    @media (min-width: 600px) {
      .pv-xl-tablet, .padding-vertical-xl-tablet {
        padding-top: 48px;
        padding-bottom: 48px; } }
    @media (min-width: 1024px) {
      .pv-xl-tablet-pc, .padding-vertical-xl-tablet-pc {
        padding-top: 48px;
        padding-bottom: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pv-xl-tablet-pc, .padding-vertical-xl-tablet-pc {
        padding-top: 48px;
        padding-bottom: 48px; } }
    @media (min-width: 1440px) {
      .pv-xl-pc, .padding-vertical-xl-pc {
        padding-top: 48px;
        padding-bottom: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pv-xl-ultrawide, .padding-vertical-xl-ultrawide {
        padding-top: 48px;
        padding-bottom: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pv-xl-super-ultrawide, .padding-vertical-xl-super-ultrawide {
        padding-top: 48px;
        padding-bottom: 48px; } }
  .pv-xxl, .padding-vertical-xxl {
    padding-top: 64px;
    padding-bottom: 64px; }
    @media (min-width: 600px) {
      .pv-xxl-tablet, .padding-vertical-xxl-tablet {
        padding-top: 64px;
        padding-bottom: 64px; } }
    @media (min-width: 1024px) {
      .pv-xxl-tablet-pc, .padding-vertical-xxl-tablet-pc {
        padding-top: 64px;
        padding-bottom: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pv-xxl-tablet-pc, .padding-vertical-xxl-tablet-pc {
        padding-top: 64px;
        padding-bottom: 64px; } }
    @media (min-width: 1440px) {
      .pv-xxl-pc, .padding-vertical-xxl-pc {
        padding-top: 64px;
        padding-bottom: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pv-xxl-ultrawide, .padding-vertical-xxl-ultrawide {
        padding-top: 64px;
        padding-bottom: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pv-xxl-super-ultrawide, .padding-vertical-xxl-super-ultrawide {
        padding-top: 64px;
        padding-bottom: 64px; } }
  .pv-none, .padding-vertical-none {
    padding-top: 0;
    padding-bottom: 0; }
    @media (min-width: 600px) {
      .pv-none-tablet, .padding-vertical-none-tablet {
        padding-top: 0;
        padding-bottom: 0; } }
    @media (min-width: 1024px) {
      .pv-none-tablet-pc, .padding-vertical-none-tablet-pc {
        padding-top: 0;
        padding-bottom: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pv-none-tablet-pc, .padding-vertical-none-tablet-pc {
        padding-top: 0;
        padding-bottom: 0; } }
    @media (min-width: 1440px) {
      .pv-none-pc, .padding-vertical-none-pc {
        padding-top: 0;
        padding-bottom: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pv-none-ultrawide, .padding-vertical-none-ultrawide {
        padding-top: 0;
        padding-bottom: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pv-none-super-ultrawide, .padding-vertical-none-super-ultrawide {
        padding-top: 0;
        padding-bottom: 0; } }

.pt, .padding-top {
  padding-top: 24px; }
  @media (min-width: 600px) {
    .pt-tablet, .padding-top-tablet {
      padding-top: 24px; } }
  @media (min-width: 1024px) {
    .pt-tablet-pc, .padding-top-tablet-pc {
      padding-top: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .pt-tablet-pc, .padding-top-tablet-pc {
      padding-top: 24px; } }
  @media (min-width: 1440px) {
    .pt-pc, .padding-top-pc {
      padding-top: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .pt-ultrawide, .padding-top-ultrawide {
      padding-top: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .pt-super-ultrawide, .padding-top-super-ultrawide {
      padding-top: 24px; } }
  .pt-xxs, .padding-top-xxs {
    padding-top: 4px; }
    @media (min-width: 600px) {
      .pt-xxs-tablet, .padding-top-xxs-tablet {
        padding-top: 4px; } }
    @media (min-width: 1024px) {
      .pt-xxs-tablet-pc, .padding-top-xxs-tablet-pc {
        padding-top: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pt-xxs-tablet-pc, .padding-top-xxs-tablet-pc {
        padding-top: 4px; } }
    @media (min-width: 1440px) {
      .pt-xxs-pc, .padding-top-xxs-pc {
        padding-top: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pt-xxs-ultrawide, .padding-top-xxs-ultrawide {
        padding-top: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pt-xxs-super-ultrawide, .padding-top-xxs-super-ultrawide {
        padding-top: 4px; } }
  .pt-xs, .padding-top-xs {
    padding-top: 8px; }
    @media (min-width: 600px) {
      .pt-xs-tablet, .padding-top-xs-tablet {
        padding-top: 8px; } }
    @media (min-width: 1024px) {
      .pt-xs-tablet-pc, .padding-top-xs-tablet-pc {
        padding-top: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pt-xs-tablet-pc, .padding-top-xs-tablet-pc {
        padding-top: 8px; } }
    @media (min-width: 1440px) {
      .pt-xs-pc, .padding-top-xs-pc {
        padding-top: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pt-xs-ultrawide, .padding-top-xs-ultrawide {
        padding-top: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pt-xs-super-ultrawide, .padding-top-xs-super-ultrawide {
        padding-top: 8px; } }
  .pt-sm, .padding-top-sm {
    padding-top: 16px; }
    @media (min-width: 600px) {
      .pt-sm-tablet, .padding-top-sm-tablet {
        padding-top: 16px; } }
    @media (min-width: 1024px) {
      .pt-sm-tablet-pc, .padding-top-sm-tablet-pc {
        padding-top: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pt-sm-tablet-pc, .padding-top-sm-tablet-pc {
        padding-top: 16px; } }
    @media (min-width: 1440px) {
      .pt-sm-pc, .padding-top-sm-pc {
        padding-top: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pt-sm-ultrawide, .padding-top-sm-ultrawide {
        padding-top: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pt-sm-super-ultrawide, .padding-top-sm-super-ultrawide {
        padding-top: 16px; } }
  .pt-md, .padding-top-md {
    padding-top: 24px; }
    @media (min-width: 600px) {
      .pt-md-tablet, .padding-top-md-tablet {
        padding-top: 24px; } }
    @media (min-width: 1024px) {
      .pt-md-tablet-pc, .padding-top-md-tablet-pc {
        padding-top: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pt-md-tablet-pc, .padding-top-md-tablet-pc {
        padding-top: 24px; } }
    @media (min-width: 1440px) {
      .pt-md-pc, .padding-top-md-pc {
        padding-top: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pt-md-ultrawide, .padding-top-md-ultrawide {
        padding-top: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pt-md-super-ultrawide, .padding-top-md-super-ultrawide {
        padding-top: 24px; } }
  .pt-lg, .padding-top-lg {
    padding-top: 32px; }
    @media (min-width: 600px) {
      .pt-lg-tablet, .padding-top-lg-tablet {
        padding-top: 32px; } }
    @media (min-width: 1024px) {
      .pt-lg-tablet-pc, .padding-top-lg-tablet-pc {
        padding-top: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pt-lg-tablet-pc, .padding-top-lg-tablet-pc {
        padding-top: 32px; } }
    @media (min-width: 1440px) {
      .pt-lg-pc, .padding-top-lg-pc {
        padding-top: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pt-lg-ultrawide, .padding-top-lg-ultrawide {
        padding-top: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pt-lg-super-ultrawide, .padding-top-lg-super-ultrawide {
        padding-top: 32px; } }
  .pt-xl, .padding-top-xl {
    padding-top: 48px; }
    @media (min-width: 600px) {
      .pt-xl-tablet, .padding-top-xl-tablet {
        padding-top: 48px; } }
    @media (min-width: 1024px) {
      .pt-xl-tablet-pc, .padding-top-xl-tablet-pc {
        padding-top: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pt-xl-tablet-pc, .padding-top-xl-tablet-pc {
        padding-top: 48px; } }
    @media (min-width: 1440px) {
      .pt-xl-pc, .padding-top-xl-pc {
        padding-top: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pt-xl-ultrawide, .padding-top-xl-ultrawide {
        padding-top: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pt-xl-super-ultrawide, .padding-top-xl-super-ultrawide {
        padding-top: 48px; } }
  .pt-xxl, .padding-top-xxl {
    padding-top: 64px; }
    @media (min-width: 600px) {
      .pt-xxl-tablet, .padding-top-xxl-tablet {
        padding-top: 64px; } }
    @media (min-width: 1024px) {
      .pt-xxl-tablet-pc, .padding-top-xxl-tablet-pc {
        padding-top: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pt-xxl-tablet-pc, .padding-top-xxl-tablet-pc {
        padding-top: 64px; } }
    @media (min-width: 1440px) {
      .pt-xxl-pc, .padding-top-xxl-pc {
        padding-top: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pt-xxl-ultrawide, .padding-top-xxl-ultrawide {
        padding-top: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pt-xxl-super-ultrawide, .padding-top-xxl-super-ultrawide {
        padding-top: 64px; } }
  .pt-none, .padding-top-none {
    padding-top: 0; }
    @media (min-width: 600px) {
      .pt-none-tablet, .padding-top-none-tablet {
        padding-top: 0; } }
    @media (min-width: 1024px) {
      .pt-none-tablet-pc, .padding-top-none-tablet-pc {
        padding-top: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pt-none-tablet-pc, .padding-top-none-tablet-pc {
        padding-top: 0; } }
    @media (min-width: 1440px) {
      .pt-none-pc, .padding-top-none-pc {
        padding-top: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pt-none-ultrawide, .padding-top-none-ultrawide {
        padding-top: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pt-none-super-ultrawide, .padding-top-none-super-ultrawide {
        padding-top: 0; } }

.pl, .padding-left {
  padding-left: 24px; }
  @media (min-width: 600px) {
    .pl-tablet, .padding-left-tablet {
      padding-left: 24px; } }
  @media (min-width: 1024px) {
    .pl-tablet-pc, .padding-left-tablet-pc {
      padding-left: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .pl-tablet-pc, .padding-left-tablet-pc {
      padding-left: 24px; } }
  @media (min-width: 1440px) {
    .pl-pc, .padding-left-pc {
      padding-left: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .pl-ultrawide, .padding-left-ultrawide {
      padding-left: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .pl-super-ultrawide, .padding-left-super-ultrawide {
      padding-left: 24px; } }
  .pl-xxs, .padding-left-xxs {
    padding-left: 4px; }
    @media (min-width: 600px) {
      .pl-xxs-tablet, .padding-left-xxs-tablet {
        padding-left: 4px; } }
    @media (min-width: 1024px) {
      .pl-xxs-tablet-pc, .padding-left-xxs-tablet-pc {
        padding-left: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pl-xxs-tablet-pc, .padding-left-xxs-tablet-pc {
        padding-left: 4px; } }
    @media (min-width: 1440px) {
      .pl-xxs-pc, .padding-left-xxs-pc {
        padding-left: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pl-xxs-ultrawide, .padding-left-xxs-ultrawide {
        padding-left: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pl-xxs-super-ultrawide, .padding-left-xxs-super-ultrawide {
        padding-left: 4px; } }
  .pl-xs, .padding-left-xs {
    padding-left: 8px; }
    @media (min-width: 600px) {
      .pl-xs-tablet, .padding-left-xs-tablet {
        padding-left: 8px; } }
    @media (min-width: 1024px) {
      .pl-xs-tablet-pc, .padding-left-xs-tablet-pc {
        padding-left: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pl-xs-tablet-pc, .padding-left-xs-tablet-pc {
        padding-left: 8px; } }
    @media (min-width: 1440px) {
      .pl-xs-pc, .padding-left-xs-pc {
        padding-left: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pl-xs-ultrawide, .padding-left-xs-ultrawide {
        padding-left: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pl-xs-super-ultrawide, .padding-left-xs-super-ultrawide {
        padding-left: 8px; } }
  .pl-sm, .padding-left-sm {
    padding-left: 16px; }
    @media (min-width: 600px) {
      .pl-sm-tablet, .padding-left-sm-tablet {
        padding-left: 16px; } }
    @media (min-width: 1024px) {
      .pl-sm-tablet-pc, .padding-left-sm-tablet-pc {
        padding-left: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pl-sm-tablet-pc, .padding-left-sm-tablet-pc {
        padding-left: 16px; } }
    @media (min-width: 1440px) {
      .pl-sm-pc, .padding-left-sm-pc {
        padding-left: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pl-sm-ultrawide, .padding-left-sm-ultrawide {
        padding-left: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pl-sm-super-ultrawide, .padding-left-sm-super-ultrawide {
        padding-left: 16px; } }
  .pl-md, .padding-left-md {
    padding-left: 24px; }
    @media (min-width: 600px) {
      .pl-md-tablet, .padding-left-md-tablet {
        padding-left: 24px; } }
    @media (min-width: 1024px) {
      .pl-md-tablet-pc, .padding-left-md-tablet-pc {
        padding-left: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pl-md-tablet-pc, .padding-left-md-tablet-pc {
        padding-left: 24px; } }
    @media (min-width: 1440px) {
      .pl-md-pc, .padding-left-md-pc {
        padding-left: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pl-md-ultrawide, .padding-left-md-ultrawide {
        padding-left: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pl-md-super-ultrawide, .padding-left-md-super-ultrawide {
        padding-left: 24px; } }
  .pl-lg, .padding-left-lg {
    padding-left: 32px; }
    @media (min-width: 600px) {
      .pl-lg-tablet, .padding-left-lg-tablet {
        padding-left: 32px; } }
    @media (min-width: 1024px) {
      .pl-lg-tablet-pc, .padding-left-lg-tablet-pc {
        padding-left: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pl-lg-tablet-pc, .padding-left-lg-tablet-pc {
        padding-left: 32px; } }
    @media (min-width: 1440px) {
      .pl-lg-pc, .padding-left-lg-pc {
        padding-left: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pl-lg-ultrawide, .padding-left-lg-ultrawide {
        padding-left: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pl-lg-super-ultrawide, .padding-left-lg-super-ultrawide {
        padding-left: 32px; } }
  .pl-xl, .padding-left-xl {
    padding-left: 48px; }
    @media (min-width: 600px) {
      .pl-xl-tablet, .padding-left-xl-tablet {
        padding-left: 48px; } }
    @media (min-width: 1024px) {
      .pl-xl-tablet-pc, .padding-left-xl-tablet-pc {
        padding-left: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pl-xl-tablet-pc, .padding-left-xl-tablet-pc {
        padding-left: 48px; } }
    @media (min-width: 1440px) {
      .pl-xl-pc, .padding-left-xl-pc {
        padding-left: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pl-xl-ultrawide, .padding-left-xl-ultrawide {
        padding-left: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pl-xl-super-ultrawide, .padding-left-xl-super-ultrawide {
        padding-left: 48px; } }
  .pl-xxl, .padding-left-xxl {
    padding-left: 64px; }
    @media (min-width: 600px) {
      .pl-xxl-tablet, .padding-left-xxl-tablet {
        padding-left: 64px; } }
    @media (min-width: 1024px) {
      .pl-xxl-tablet-pc, .padding-left-xxl-tablet-pc {
        padding-left: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pl-xxl-tablet-pc, .padding-left-xxl-tablet-pc {
        padding-left: 64px; } }
    @media (min-width: 1440px) {
      .pl-xxl-pc, .padding-left-xxl-pc {
        padding-left: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pl-xxl-ultrawide, .padding-left-xxl-ultrawide {
        padding-left: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pl-xxl-super-ultrawide, .padding-left-xxl-super-ultrawide {
        padding-left: 64px; } }
  .pl-none, .padding-left-none {
    padding-left: 0; }
    @media (min-width: 600px) {
      .pl-none-tablet, .padding-left-none-tablet {
        padding-left: 0; } }
    @media (min-width: 1024px) {
      .pl-none-tablet-pc, .padding-left-none-tablet-pc {
        padding-left: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pl-none-tablet-pc, .padding-left-none-tablet-pc {
        padding-left: 0; } }
    @media (min-width: 1440px) {
      .pl-none-pc, .padding-left-none-pc {
        padding-left: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pl-none-ultrawide, .padding-left-none-ultrawide {
        padding-left: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pl-none-super-ultrawide, .padding-left-none-super-ultrawide {
        padding-left: 0; } }

.pr, .padding-right {
  padding-right: 24px; }
  @media (min-width: 600px) {
    .pr-tablet, .padding-right-tablet {
      padding-right: 24px; } }
  @media (min-width: 1024px) {
    .pr-tablet-pc, .padding-right-tablet-pc {
      padding-right: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .pr-tablet-pc, .padding-right-tablet-pc {
      padding-right: 24px; } }
  @media (min-width: 1440px) {
    .pr-pc, .padding-right-pc {
      padding-right: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .pr-ultrawide, .padding-right-ultrawide {
      padding-right: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .pr-super-ultrawide, .padding-right-super-ultrawide {
      padding-right: 24px; } }
  .pr-xxs, .padding-right-xxs {
    padding-right: 4px; }
    @media (min-width: 600px) {
      .pr-xxs-tablet, .padding-right-xxs-tablet {
        padding-right: 4px; } }
    @media (min-width: 1024px) {
      .pr-xxs-tablet-pc, .padding-right-xxs-tablet-pc {
        padding-right: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pr-xxs-tablet-pc, .padding-right-xxs-tablet-pc {
        padding-right: 4px; } }
    @media (min-width: 1440px) {
      .pr-xxs-pc, .padding-right-xxs-pc {
        padding-right: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pr-xxs-ultrawide, .padding-right-xxs-ultrawide {
        padding-right: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pr-xxs-super-ultrawide, .padding-right-xxs-super-ultrawide {
        padding-right: 4px; } }
  .pr-xs, .padding-right-xs {
    padding-right: 8px; }
    @media (min-width: 600px) {
      .pr-xs-tablet, .padding-right-xs-tablet {
        padding-right: 8px; } }
    @media (min-width: 1024px) {
      .pr-xs-tablet-pc, .padding-right-xs-tablet-pc {
        padding-right: 8px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pr-xs-tablet-pc, .padding-right-xs-tablet-pc {
        padding-right: 8px; } }
    @media (min-width: 1440px) {
      .pr-xs-pc, .padding-right-xs-pc {
        padding-right: 8px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pr-xs-ultrawide, .padding-right-xs-ultrawide {
        padding-right: 8px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pr-xs-super-ultrawide, .padding-right-xs-super-ultrawide {
        padding-right: 8px; } }
  .pr-sm, .padding-right-sm {
    padding-right: 16px; }
    @media (min-width: 600px) {
      .pr-sm-tablet, .padding-right-sm-tablet {
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .pr-sm-tablet-pc, .padding-right-sm-tablet-pc {
        padding-right: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pr-sm-tablet-pc, .padding-right-sm-tablet-pc {
        padding-right: 16px; } }
    @media (min-width: 1440px) {
      .pr-sm-pc, .padding-right-sm-pc {
        padding-right: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pr-sm-ultrawide, .padding-right-sm-ultrawide {
        padding-right: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pr-sm-super-ultrawide, .padding-right-sm-super-ultrawide {
        padding-right: 16px; } }
  .pr-md, .padding-right-md {
    padding-right: 24px; }
    @media (min-width: 600px) {
      .pr-md-tablet, .padding-right-md-tablet {
        padding-right: 24px; } }
    @media (min-width: 1024px) {
      .pr-md-tablet-pc, .padding-right-md-tablet-pc {
        padding-right: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pr-md-tablet-pc, .padding-right-md-tablet-pc {
        padding-right: 24px; } }
    @media (min-width: 1440px) {
      .pr-md-pc, .padding-right-md-pc {
        padding-right: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pr-md-ultrawide, .padding-right-md-ultrawide {
        padding-right: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pr-md-super-ultrawide, .padding-right-md-super-ultrawide {
        padding-right: 24px; } }
  .pr-lg, .padding-right-lg {
    padding-right: 32px; }
    @media (min-width: 600px) {
      .pr-lg-tablet, .padding-right-lg-tablet {
        padding-right: 32px; } }
    @media (min-width: 1024px) {
      .pr-lg-tablet-pc, .padding-right-lg-tablet-pc {
        padding-right: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pr-lg-tablet-pc, .padding-right-lg-tablet-pc {
        padding-right: 32px; } }
    @media (min-width: 1440px) {
      .pr-lg-pc, .padding-right-lg-pc {
        padding-right: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pr-lg-ultrawide, .padding-right-lg-ultrawide {
        padding-right: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pr-lg-super-ultrawide, .padding-right-lg-super-ultrawide {
        padding-right: 32px; } }
  .pr-xl, .padding-right-xl {
    padding-right: 48px; }
    @media (min-width: 600px) {
      .pr-xl-tablet, .padding-right-xl-tablet {
        padding-right: 48px; } }
    @media (min-width: 1024px) {
      .pr-xl-tablet-pc, .padding-right-xl-tablet-pc {
        padding-right: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pr-xl-tablet-pc, .padding-right-xl-tablet-pc {
        padding-right: 48px; } }
    @media (min-width: 1440px) {
      .pr-xl-pc, .padding-right-xl-pc {
        padding-right: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pr-xl-ultrawide, .padding-right-xl-ultrawide {
        padding-right: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pr-xl-super-ultrawide, .padding-right-xl-super-ultrawide {
        padding-right: 48px; } }
  .pr-xxl, .padding-right-xxl {
    padding-right: 64px; }
    @media (min-width: 600px) {
      .pr-xxl-tablet, .padding-right-xxl-tablet {
        padding-right: 64px; } }
    @media (min-width: 1024px) {
      .pr-xxl-tablet-pc, .padding-right-xxl-tablet-pc {
        padding-right: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pr-xxl-tablet-pc, .padding-right-xxl-tablet-pc {
        padding-right: 64px; } }
    @media (min-width: 1440px) {
      .pr-xxl-pc, .padding-right-xxl-pc {
        padding-right: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pr-xxl-ultrawide, .padding-right-xxl-ultrawide {
        padding-right: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pr-xxl-super-ultrawide, .padding-right-xxl-super-ultrawide {
        padding-right: 64px; } }
  .pr-none, .padding-right-none {
    padding-right: 0; }
    @media (min-width: 600px) {
      .pr-none-tablet, .padding-right-none-tablet {
        padding-right: 0; } }
    @media (min-width: 1024px) {
      .pr-none-tablet-pc, .padding-right-none-tablet-pc {
        padding-right: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pr-none-tablet-pc, .padding-right-none-tablet-pc {
        padding-right: 0; } }
    @media (min-width: 1440px) {
      .pr-none-pc, .padding-right-none-pc {
        padding-right: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pr-none-ultrawide, .padding-right-none-ultrawide {
        padding-right: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pr-none-super-ultrawide, .padding-right-none-super-ultrawide {
        padding-right: 0; } }

.pb, .padding-bottom {
  padding-bottom: 24px; }
  @media (min-width: 600px) {
    .pb-tablet, .padding-bottom-tablet {
      padding-bottom: 24px; } }
  @media (min-width: 1024px) {
    .pb-tablet-pc, .padding-bottom-tablet-pc {
      padding-bottom: 24px; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .pb-tablet-pc, .padding-bottom-tablet-pc {
      padding-bottom: 24px; } }
  @media (min-width: 1440px) {
    .pb-pc, .padding-bottom-pc {
      padding-bottom: 24px; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .pb-ultrawide, .padding-bottom-ultrawide {
      padding-bottom: 24px; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .pb-super-ultrawide, .padding-bottom-super-ultrawide {
      padding-bottom: 24px; } }
  .pb-xxs, .padding-bottom-xxs {
    padding-bottom: 4px; }
    @media (min-width: 600px) {
      .pb-xxs-tablet, .padding-bottom-xxs-tablet {
        padding-bottom: 4px; } }
    @media (min-width: 1024px) {
      .pb-xxs-tablet-pc, .padding-bottom-xxs-tablet-pc {
        padding-bottom: 4px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pb-xxs-tablet-pc, .padding-bottom-xxs-tablet-pc {
        padding-bottom: 4px; } }
    @media (min-width: 1440px) {
      .pb-xxs-pc, .padding-bottom-xxs-pc {
        padding-bottom: 4px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pb-xxs-ultrawide, .padding-bottom-xxs-ultrawide {
        padding-bottom: 4px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pb-xxs-super-ultrawide, .padding-bottom-xxs-super-ultrawide {
        padding-bottom: 4px; } }
  .pb-xs, .padding-bottom-xs {
    padding-bottom: 12px; }
    @media (min-width: 600px) {
      .pb-xs-tablet, .padding-bottom-xs-tablet {
        padding-bottom: 12px; } }
    @media (min-width: 1024px) {
      .pb-xs-tablet-pc, .padding-bottom-xs-tablet-pc {
        padding-bottom: 12px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pb-xs-tablet-pc, .padding-bottom-xs-tablet-pc {
        padding-bottom: 12px; } }
    @media (min-width: 1440px) {
      .pb-xs-pc, .padding-bottom-xs-pc {
        padding-bottom: 12px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pb-xs-ultrawide, .padding-bottom-xs-ultrawide {
        padding-bottom: 12px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pb-xs-super-ultrawide, .padding-bottom-xs-super-ultrawide {
        padding-bottom: 12px; } }
  .pb-sm, .padding-bottom-sm {
    padding-bottom: 16px; }
    @media (min-width: 600px) {
      .pb-sm-tablet, .padding-bottom-sm-tablet {
        padding-bottom: 16px; } }
    @media (min-width: 1024px) {
      .pb-sm-tablet-pc, .padding-bottom-sm-tablet-pc {
        padding-bottom: 16px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pb-sm-tablet-pc, .padding-bottom-sm-tablet-pc {
        padding-bottom: 16px; } }
    @media (min-width: 1440px) {
      .pb-sm-pc, .padding-bottom-sm-pc {
        padding-bottom: 16px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pb-sm-ultrawide, .padding-bottom-sm-ultrawide {
        padding-bottom: 16px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pb-sm-super-ultrawide, .padding-bottom-sm-super-ultrawide {
        padding-bottom: 16px; } }
  .pb-md, .padding-bottom-md {
    padding-bottom: 24px; }
    @media (min-width: 600px) {
      .pb-md-tablet, .padding-bottom-md-tablet {
        padding-bottom: 24px; } }
    @media (min-width: 1024px) {
      .pb-md-tablet-pc, .padding-bottom-md-tablet-pc {
        padding-bottom: 24px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pb-md-tablet-pc, .padding-bottom-md-tablet-pc {
        padding-bottom: 24px; } }
    @media (min-width: 1440px) {
      .pb-md-pc, .padding-bottom-md-pc {
        padding-bottom: 24px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pb-md-ultrawide, .padding-bottom-md-ultrawide {
        padding-bottom: 24px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pb-md-super-ultrawide, .padding-bottom-md-super-ultrawide {
        padding-bottom: 24px; } }
  .pb-lg, .padding-bottom-lg {
    padding-bottom: 32px; }
    @media (min-width: 600px) {
      .pb-lg-tablet, .padding-bottom-lg-tablet {
        padding-bottom: 32px; } }
    @media (min-width: 1024px) {
      .pb-lg-tablet-pc, .padding-bottom-lg-tablet-pc {
        padding-bottom: 32px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pb-lg-tablet-pc, .padding-bottom-lg-tablet-pc {
        padding-bottom: 32px; } }
    @media (min-width: 1440px) {
      .pb-lg-pc, .padding-bottom-lg-pc {
        padding-bottom: 32px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pb-lg-ultrawide, .padding-bottom-lg-ultrawide {
        padding-bottom: 32px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pb-lg-super-ultrawide, .padding-bottom-lg-super-ultrawide {
        padding-bottom: 32px; } }
  .pb-xl, .padding-bottom-xl {
    padding-bottom: 48px; }
    @media (min-width: 600px) {
      .pb-xl-tablet, .padding-bottom-xl-tablet {
        padding-bottom: 48px; } }
    @media (min-width: 1024px) {
      .pb-xl-tablet-pc, .padding-bottom-xl-tablet-pc {
        padding-bottom: 48px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pb-xl-tablet-pc, .padding-bottom-xl-tablet-pc {
        padding-bottom: 48px; } }
    @media (min-width: 1440px) {
      .pb-xl-pc, .padding-bottom-xl-pc {
        padding-bottom: 48px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pb-xl-ultrawide, .padding-bottom-xl-ultrawide {
        padding-bottom: 48px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pb-xl-super-ultrawide, .padding-bottom-xl-super-ultrawide {
        padding-bottom: 48px; } }
  .pb-xxl, .padding-bottom-xxl {
    padding-bottom: 64px; }
    @media (min-width: 600px) {
      .pb-xxl-tablet, .padding-bottom-xxl-tablet {
        padding-bottom: 64px; } }
    @media (min-width: 1024px) {
      .pb-xxl-tablet-pc, .padding-bottom-xxl-tablet-pc {
        padding-bottom: 64px; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pb-xxl-tablet-pc, .padding-bottom-xxl-tablet-pc {
        padding-bottom: 64px; } }
    @media (min-width: 1440px) {
      .pb-xxl-pc, .padding-bottom-xxl-pc {
        padding-bottom: 64px; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pb-xxl-ultrawide, .padding-bottom-xxl-ultrawide {
        padding-bottom: 64px; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pb-xxl-super-ultrawide, .padding-bottom-xxl-super-ultrawide {
        padding-bottom: 64px; } }
  .pb-none, .padding-bottom-none {
    padding-bottom: 0; }
    @media (min-width: 600px) {
      .pb-none-tablet, .padding-bottom-none-tablet {
        padding-bottom: 0; } }
    @media (min-width: 1024px) {
      .pb-none-tablet-pc, .padding-bottom-none-tablet-pc {
        padding-bottom: 0; } }
    @media (min-width: 1024px) and ((pointer: coarse)) {
      .pb-none-tablet-pc, .padding-bottom-none-tablet-pc {
        padding-bottom: 0; } }
    @media (min-width: 1440px) {
      .pb-none-pc, .padding-bottom-none-pc {
        padding-bottom: 0; } }
    @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
      .pb-none-ultrawide, .padding-bottom-none-ultrawide {
        padding-bottom: 0; } }
    @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
      .pb-none-super-ultrawide, .padding-bottom-none-super-ultrawide {
        padding-bottom: 0; } }

.overflow-scroll {
  overflow: scroll; }
  @media (min-width: 600px) {
    .overflow-scroll-tablet {
      overflow: scroll; } }
  @media (min-width: 1024px) {
    .overflow-scroll-tablet-pc {
      overflow: scroll; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .overflow-scroll-tablet-pc {
      overflow: scroll; } }
  @media (min-width: 1440px) {
    .overflow-scroll-pc {
      overflow: scroll; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .overflow-scroll-ultrawide {
      overflow: scroll; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .overflow-scroll-super-ultrawide {
      overflow: scroll; } }

.overflow-hidden {
  overflow: hidden; }
  @media (min-width: 600px) {
    .overflow-hidden-tablet {
      overflow: hidden; } }
  @media (min-width: 1024px) {
    .overflow-hidden-tablet-pc {
      overflow: hidden; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .overflow-hidden-tablet-pc {
      overflow: hidden; } }
  @media (min-width: 1440px) {
    .overflow-hidden-pc {
      overflow: hidden; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .overflow-hidden-ultrawide {
      overflow: hidden; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .overflow-hidden-super-ultrawide {
      overflow: hidden; } }

.overflow-auto {
  overflow: auto; }
  @media (min-width: 600px) {
    .overflow-auto-tablet {
      overflow: auto; } }
  @media (min-width: 1024px) {
    .overflow-auto-tablet-pc {
      overflow: auto; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .overflow-auto-tablet-pc {
      overflow: auto; } }
  @media (min-width: 1440px) {
    .overflow-auto-pc {
      overflow: auto; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .overflow-auto-ultrawide {
      overflow: auto; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .overflow-auto-super-ultrawide {
      overflow: auto; } }

.overflow-y-hidden {
  overflow-y: hidden; }
  @media (min-width: 600px) {
    .overflow-y-hidden-tablet {
      overflow-y: hidden; } }
  @media (min-width: 1024px) {
    .overflow-y-hidden-tablet-pc {
      overflow-y: hidden; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .overflow-y-hidden-tablet-pc {
      overflow-y: hidden; } }
  @media (min-width: 1440px) {
    .overflow-y-hidden-pc {
      overflow-y: hidden; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .overflow-y-hidden-ultrawide {
      overflow-y: hidden; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .overflow-y-hidden-super-ultrawide {
      overflow-y: hidden; } }

.overflow-y-scroll {
  overflow-y: scroll; }
  @media (min-width: 600px) {
    .overflow-y-scroll-tablet {
      overflow-y: scroll; } }
  @media (min-width: 1024px) {
    .overflow-y-scroll-tablet-pc {
      overflow-y: scroll; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .overflow-y-scroll-tablet-pc {
      overflow-y: scroll; } }
  @media (min-width: 1440px) {
    .overflow-y-scroll-pc {
      overflow-y: scroll; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .overflow-y-scroll-ultrawide {
      overflow-y: scroll; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .overflow-y-scroll-super-ultrawide {
      overflow-y: scroll; } }

.overflow-y-auto {
  overflow-y: auto; }
  @media (min-width: 600px) {
    .overflow-y-auto-tablet {
      overflow-y: auto; } }
  @media (min-width: 1024px) {
    .overflow-y-auto-tablet-pc {
      overflow-y: auto; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .overflow-y-auto-tablet-pc {
      overflow-y: auto; } }
  @media (min-width: 1440px) {
    .overflow-y-auto-pc {
      overflow-y: auto; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .overflow-y-auto-ultrawide {
      overflow-y: auto; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .overflow-y-auto-super-ultrawide {
      overflow-y: auto; } }

.overflow-x-hidden {
  overflow-x: hidden; }
  @media (min-width: 600px) {
    .overflow-x-hidden-tablet {
      overflow-x: hidden; } }
  @media (min-width: 1024px) {
    .overflow-x-hidden-tablet-pc {
      overflow-x: hidden; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .overflow-x-hidden-tablet-pc {
      overflow-x: hidden; } }
  @media (min-width: 1440px) {
    .overflow-x-hidden-pc {
      overflow-x: hidden; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .overflow-x-hidden-ultrawide {
      overflow-x: hidden; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .overflow-x-hidden-super-ultrawide {
      overflow-x: hidden; } }

.overflow-x-scroll {
  overflow-x: scroll; }
  @media (min-width: 600px) {
    .overflow-x-scroll-tablet {
      overflow-x: scroll; } }
  @media (min-width: 1024px) {
    .overflow-x-scroll-tablet-pc {
      overflow-x: scroll; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .overflow-x-scroll-tablet-pc {
      overflow-x: scroll; } }
  @media (min-width: 1440px) {
    .overflow-x-scroll-pc {
      overflow-x: scroll; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .overflow-x-scroll-ultrawide {
      overflow-x: scroll; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .overflow-x-scroll-super-ultrawide {
      overflow-x: scroll; } }

.overflow-x-auto {
  overflow-x: auto; }
  @media (min-width: 600px) {
    .overflow-x-auto-tablet {
      overflow-x: auto; } }
  @media (min-width: 1024px) {
    .overflow-x-auto-tablet-pc {
      overflow-x: auto; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .overflow-x-auto-tablet-pc {
      overflow-x: auto; } }
  @media (min-width: 1440px) {
    .overflow-x-auto-pc {
      overflow-x: auto; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .overflow-x-auto-ultrawide {
      overflow-x: auto; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .overflow-x-auto-super-ultrawide {
      overflow-x: auto; } }

.invisible {
  opacity: 0; }

.block {
  display: block; }
  @media (min-width: 600px) {
    .block-tablet {
      display: block; } }
  @media (min-width: 1024px) {
    .block-tablet-pc {
      display: block; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .block-tablet-pc {
      display: block; } }
  @media (min-width: 1440px) {
    .block-pc {
      display: block; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .block-ultrawide {
      display: block; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .block-super-ultrawide {
      display: block; } }

.inline-block {
  display: inline-block; }
  @media (min-width: 600px) {
    .inline-block-tablet {
      display: inline-block; } }
  @media (min-width: 1024px) {
    .inline-block-tablet-pc {
      display: inline-block; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .inline-block-tablet-pc {
      display: inline-block; } }
  @media (min-width: 1440px) {
    .inline-block-pc {
      display: inline-block; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .inline-block-ultrawide {
      display: inline-block; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .inline-block-super-ultrawide {
      display: inline-block; } }

.inline {
  display: inline; }
  @media (min-width: 600px) {
    .inline-tablet {
      display: inline; } }
  @media (min-width: 1024px) {
    .inline-tablet-pc {
      display: inline; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .inline-tablet-pc {
      display: inline; } }
  @media (min-width: 1440px) {
    .inline-pc {
      display: inline; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .inline-ultrawide {
      display: inline; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .inline-super-ultrawide {
      display: inline; } }

.flex {
  display: flex; }
  @media (min-width: 600px) {
    .flex-tablet {
      display: flex; } }
  @media (min-width: 1024px) {
    .flex-tablet-pc {
      display: flex; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .flex-tablet-pc {
      display: flex; } }
  @media (min-width: 1440px) {
    .flex-pc {
      display: flex; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .flex-ultrawide {
      display: flex; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .flex-super-ultrawide {
      display: flex; } }

.inline-flex {
  display: inline-flex; }
  @media (min-width: 600px) {
    .inline-flex-tablet {
      display: inline-flex; } }
  @media (min-width: 1024px) {
    .inline-flex-tablet-pc {
      display: inline-flex; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .inline-flex-tablet-pc {
      display: inline-flex; } }
  @media (min-width: 1440px) {
    .inline-flex-pc {
      display: inline-flex; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .inline-flex-ultrawide {
      display: inline-flex; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .inline-flex-super-ultrawide {
      display: inline-flex; } }

.hidden {
  display: hidden; }
  @media (min-width: 600px) {
    .hidden-tablet {
      display: hidden; } }
  @media (min-width: 1024px) {
    .hidden-tablet-pc {
      display: hidden; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .hidden-tablet-pc {
      display: hidden; } }
  @media (min-width: 1440px) {
    .hidden-pc {
      display: hidden; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .hidden-ultrawide {
      display: hidden; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .hidden-super-ultrawide {
      display: hidden; } }

.index-1 {
  z-index: 1; }

.index-2 {
  z-index: 2; }

.index-3 {
  z-index: 3; }

.index-4 {
  z-index: 4; }

.index-5 {
  z-index: 5; }

.index-6 {
  z-index: 6; }

.index-7 {
  z-index: 7; }

.index-8 {
  z-index: 8; }

.index-9 {
  z-index: 9; }

.index-10 {
  z-index: 10; }

.index-11 {
  z-index: 11; }

.index-12 {
  z-index: 12; }

.index-13 {
  z-index: 13; }

.index-14 {
  z-index: 14; }

.index-15 {
  z-index: 15; }

.index-16 {
  z-index: 16; }

.index-17 {
  z-index: 17; }

.index-18 {
  z-index: 18; }

.index-19 {
  z-index: 19; }

.index-20 {
  z-index: 20; }

.disabled {
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
  color: #b3b3b3 !important;
  pointer-events: none; }
  .disabled::placeholder {
    color: #b3b3b3 !important; }
  @media (min-width: 600px) {
    .disabled-tablet {
      background-color: #d9d9d9 !important;
      border-color: #d9d9d9 !important;
      color: #b3b3b3 !important;
      pointer-events: none; }
      .disabled-tablet::placeholder {
        color: #b3b3b3 !important; } }
  @media (min-width: 1024px) {
    .disabled-tablet-pc {
      background-color: #d9d9d9 !important;
      border-color: #d9d9d9 !important;
      color: #b3b3b3 !important;
      pointer-events: none; }
      .disabled-tablet-pc::placeholder {
        color: #b3b3b3 !important; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .disabled-tablet-pc {
      background-color: #d9d9d9 !important;
      border-color: #d9d9d9 !important;
      color: #b3b3b3 !important;
      pointer-events: none; }
      .disabled-tablet-pc::placeholder {
        color: #b3b3b3 !important; } }
  @media (min-width: 1440px) {
    .disabled-pc {
      background-color: #d9d9d9 !important;
      border-color: #d9d9d9 !important;
      color: #b3b3b3 !important;
      pointer-events: none; }
      .disabled-pc::placeholder {
        color: #b3b3b3 !important; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .disabled-ultrawide {
      background-color: #d9d9d9 !important;
      border-color: #d9d9d9 !important;
      color: #b3b3b3 !important;
      pointer-events: none; }
      .disabled-ultrawide::placeholder {
        color: #b3b3b3 !important; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .disabled-super-ultrawide {
      background-color: #d9d9d9 !important;
      border-color: #d9d9d9 !important;
      color: #b3b3b3 !important;
      pointer-events: none; }
      .disabled-super-ultrawide::placeholder {
        color: #b3b3b3 !important; } }

.click {
  cursor: pointer; }
  @media (min-width: 600px) {
    .click-tablet {
      cursor: pointer; } }
  @media (min-width: 1024px) {
    .click-tablet-pc {
      cursor: pointer; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .click-tablet-pc {
      cursor: pointer; } }
  @media (min-width: 1440px) {
    .click-pc {
      cursor: pointer; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .click-ultrawide {
      cursor: pointer; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .click-super-ultrawide {
      cursor: pointer; } }

.no-link {
  color: #333333;
  text-decoration: none;
  pointer-events: none; }
  .no-link-style {
    color: #333333;
    text-decoration: none; }
  @media (min-width: 600px) {
    .no-link-tablet {
      color: #333333;
      text-decoration: none;
      pointer-events: none; }
      .no-link-tablet-style {
        color: #333333;
        text-decoration: none; } }
  @media (min-width: 1024px) {
    .no-link-tablet-pc {
      color: #333333;
      text-decoration: none;
      pointer-events: none; }
      .no-link-tablet-pc-style {
        color: #333333;
        text-decoration: none; } }
  @media (min-width: 1024px) and ((pointer: coarse)) {
    .no-link-tablet-pc {
      color: #333333;
      text-decoration: none;
      pointer-events: none; }
      .no-link-tablet-pc-style {
        color: #333333;
        text-decoration: none; } }
  @media (min-width: 1440px) {
    .no-link-pc {
      color: #333333;
      text-decoration: none;
      pointer-events: none; }
      .no-link-pc-style {
        color: #333333;
        text-decoration: none; } }
  @media (min-aspect-ratio: 21 / 9) and (min-width: 1921px) {
    .no-link-ultrawide {
      color: #333333;
      text-decoration: none;
      pointer-events: none; }
      .no-link-ultrawide-style {
        color: #333333;
        text-decoration: none; } }
  @media (min-aspect-ratio: 32 / 9) and (min-width: 1921px) {
    .no-link-super-ultrawide {
      color: #333333;
      text-decoration: none;
      pointer-events: none; }
      .no-link-super-ultrawide-style {
        color: #333333;
        text-decoration: none; } }