@charset "UTF-8";
/* Pico css customisatino with css variables */
/* line 3, masaakis_sushi/static/css/project.scss */
h1 {
  --pico-font-weight: 300; }

/* line 7, masaakis_sushi/static/css/project.scss */
h2 {
  --pico-font-weight: 100; }

/* line 11, masaakis_sushi/static/css/project.scss */
:root {
  --pico-font-weight: 300; }

/* view transitions */
@view-transition {
  navigation: auto; }

/* Customize the default animation behavior */
/* line 23, masaakis_sushi/static/css/project.scss */
::view-transition-group(root) {
  animation-duration: 0.5s; }

/* hx stuff */
/* line 29, masaakis_sushi/static/css/project.scss */
.obvious-link {
  cursor: pointer; }

/* Site header */
/* line 35, masaakis_sushi/static/css/project.scss */
body > .header-wrapper {
  display: flex;
  justify-content: center;
  width: 100vw;
  background-image: url("/static/images/site/Masaakis1234-header-1_576x216.jpg?5a1fbb435866");
  background-size: cover;
  background-position: 50% 100%; }
  /* line 43, masaakis_sushi/static/css/project.scss */
  body > .header-wrapper header {
    flex: 1;
    display: flex;
    flex-direction: row;
    min-height: 216px;
    max-height: 216px;
    padding: 1.5rem 1.5rem 0rem 1.5rem;
    max-width: 1536px; }
    /* line 52, masaakis_sushi/static/css/project.scss */
    body > .header-wrapper header > nav {
      width: 100%; }
    /* line 56, masaakis_sushi/static/css/project.scss */
    body > .header-wrapper header .head-logo {
      max-width: 210px; }
    /* line 60, masaakis_sushi/static/css/project.scss */
    body > .header-wrapper header ul.nav-items {
      flex-direction: column;
      align-items: flex-end;
      gap: 0.5rem; }
      /* line 65, masaakis_sushi/static/css/project.scss */
      body > .header-wrapper header ul.nav-items li {
        padding: 1rem 0.5rem; }
        /* line 68, masaakis_sushi/static/css/project.scss */
        body > .header-wrapper header ul.nav-items li > a {
          background-color: rgba(0, 0, 0, 0.6);
          color: white; }

@media (min-width: 577px) {
  /* line 78, masaakis_sushi/static/css/project.scss */
  body > .header-wrapper {
    background-position: 25% 23%;
    background-image: url("/static/images/site/Masaakis1234-header-1_768x288.jpg?5a1fbb435866"); }
    /* line 82, masaakis_sushi/static/css/project.scss */
    body > .header-wrapper header {
      min-height: 288px;
      max-height: 288px; }
      /* line 86, masaakis_sushi/static/css/project.scss */
      body > .header-wrapper header .head-logo {
        max-width: 230px; }
      /* line 90, masaakis_sushi/static/css/project.scss */
      body > .header-wrapper header ul.nav-items {
        flex-direction: row; } }

@media (min-width: 769px) {
  /* line 97, masaakis_sushi/static/css/project.scss */
  body > .header-wrapper {
    background-position: 0 0;
    background-image: url("/static/images/site/Masaakis1234-header-1_1024x384.jpg?5a1fbb435866") header;
      background-image-min-height: 320px; } }

@media (min-width: 1025px) {
  /* line 107, masaakis_sushi/static/css/project.scss */
  body > .header-wrapper {
    background-image: url("/static/images/site/Masaakis1234-header-1_1280x480.jpg?5a1fbb435866"); } }

@media (min-width: 1281px) {
  /* line 112, masaakis_sushi/static/css/project.scss */
  body > .header-wrapper {
    background-image: url("/static/images/site/Masaakis1234-header-1_1536x576.jpg?5a1fbb435866"); } }

@media (min-width: 1537px) {
  /* line 117, masaakis_sushi/static/css/project.scss */
  body > .header-wrapper {
    background-position: center center;
    background-image: url("/static/images/site/Masaakis1234-header-1_1920x720.jpg?5a1fbb435866"); } }

/* line 124, masaakis_sushi/static/css/project.scss */
.alert {
  margin-bottom: var(--pico-spacing);
  padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
  border-radius: var(--pico-border-radius);
  color: var(--pico-primary);
  background-color: var(--pico-primary-background);
  border: 1px solid var(--pico-color-sand-900); }
  /* line 132, masaakis_sushi/static/css/project.scss */
  .alert.alert-error {
    background-color: var(--pico-color-red-50);
    border: 1px solid var(--pico-color-red-900);
    color: var(--pico-color-red-900); }
  /* line 137, masaakis_sushi/static/css/project.scss */
  .alert.alert-warning {
    background-color: var(--pico-color-amber-50);
    border: 1px solid var(--pico-color-amber-900);
    color: var(--pico-color-amber-900); }
  /* line 142, masaakis_sushi/static/css/project.scss */
  .alert.alert-success {
    background-color: var(--pico-color-green-50);
    border: 1px solid var(--pico-color-green-900);
    color: var(--pico-color-green-800); }
  /* line 147, masaakis_sushi/static/css/project.scss */
  .alert.alert-debug {
    background-color: var(--pico-color-sand-50);
    border: 1px solid var(--pico-color-sand-900);
    color: var(--pico-color-sand-800); }

/* line 155, masaakis_sushi/static/css/project.scss */
.badge {
  border-radius: var(--pico-border-radius);
  color: var(--pico-primary-inverse);
  background-color: var(--pico-primary-background);
  border: 1px solid var(--pico-color-sand-900);
  padding: 0.25rem;
  font-size: 0.75em;
  margin: 0 0.25rem; }
  /* line 164, masaakis_sushi/static/css/project.scss */
  .badge.bg-error {
    background-color: var(--pico-color-red-50);
    border: 1px solid var(--pico-color-red-900);
    color: var(--pico-color-red-900); }
  /* line 169, masaakis_sushi/static/css/project.scss */
  .badge.bg-warning {
    background-color: var(--pico-color-amber-50);
    border: 1px solid var(--pico-color-amber-900);
    color: var(--pico-color-amber-900); }
  /* line 174, masaakis_sushi/static/css/project.scss */
  .badge.bg-success {
    background-color: var(--pico-color-green-50);
    border: 1px solid var(--pico-color-green-900);
    color: var(--pico-color-green-800); }
  /* line 179, masaakis_sushi/static/css/project.scss */
  .badge.bg-debug {
    background-color: var(--pico-color-sand-50);
    border: 1px solid var(--pico-color-sand-900);
    color: var(--pico-color-sand-800); }

/* line 187, masaakis_sushi/static/css/project.scss */
.btn-close {
  display: none; }
  /* line 190, masaakis_sushi/static/css/project.scss */
  .btn-close ::before {
    content: "×"; }

/* line 196, masaakis_sushi/static/css/project.scss */
#the-content-area > form,
.form-horizontal {
  max-width: 28rem; }
  /* line 200, masaakis_sushi/static/css/project.scss */
  #the-content-area > form > .mb-3,
  .form-horizontal > .mb-3 {
    padding: 0 var(--pico-form-element-spacing-horizontal) var(--pico-form-element-spacing-vertical); }

/* line 206, masaakis_sushi/static/css/project.scss */
.home-spread {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem; }

@media (min-width: 1025px) {
  /* line 213, masaakis_sushi/static/css/project.scss */
  .home-spread {
    flex-wrap: nowrap; }
    /* line 216, masaakis_sushi/static/css/project.scss */
    .home-spread > * {
      flex: 0 1 auto; }
    /* line 219, masaakis_sushi/static/css/project.scss */
    .home-spread > *:first-child {
      flex: 0 0 25%; } }

/* line 225, masaakis_sushi/static/css/project.scss */
.action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem; }

/* line 231, masaakis_sushi/static/css/project.scss */
.action-chunk {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column; }
  /* line 236, masaakis_sushi/static/css/project.scss */
  .action-chunk .product-image {
    max-width: 288PX; }

@media (min-width: 769px) {
  /* line 242, masaakis_sushi/static/css/project.scss */
  .action-chunk {
    max-width: 45%; }
    /* line 244, masaakis_sushi/static/css/project.scss */
    .action-chunk .product-image {
      max-width: 100%; } }

/* line 251, masaakis_sushi/static/css/project.scss */
.highlighted {
  background: var(--pico-color-pumpkin-50);
  padding: 2rem; }

@media only screen and (prefers-color-scheme: dark) {
  /* line 258, masaakis_sushi/static/css/project.scss */
  :root:not([data-theme]) .highlighted {
    background: var(--pico-color-pumpkin-700); } }

/* line 264, masaakis_sushi/static/css/project.scss */
[data-theme="dark"] .highlighted {
  background: var(--pico-color-pumpkin-700); }

/* line 271, masaakis_sushi/static/css/project.scss */
form.order-form section > header {
  font-weight: 500;
  margin-bottom: 0.5rem; }

/* line 279, masaakis_sushi/static/css/project.scss */
#cart-button > a {
  display: flex;
  padding: 0.5rem;
  width: 100%;
  min-width: 4rem; }
  /* line 285, masaakis_sushi/static/css/project.scss */
  #cart-button > a svg {
    min-width: 1.5rem;
    min-height: 1.5rem;
    max-width: 1.5rem;
    max-height: 1.5rem;
    margin-right: 0.25rem;
    vertical-align: top; }