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