@import 'style/styles.css';
@import 'style/home.css';
@import 'style/page.css';
@import 'style/card.css';
@import 'style/tutorial.css';
@import 'style/filters.css';
@import 'style/message.css';
@import 'style/toast.css';
@import 'style/animation/util.css';

@media screen and (width <=1280px) {
  body:has(.output-container.active) .page {
    display: none;
    width: 100vw;
  }

  body:has(.output-container.active) .output-container {
    display: flex;
  }
}