@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: inherit;
}
*::before, *::after {
  box-sizing: inherit;
}

html {
  font-size: 100%;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html::after {
  display: none;
  content: "small:26.25em,medium:47.25em,large:64em,xlarge:80em,xxlarge:90em";
}

img {
  display: inline-block;
  max-width: 100%;
}

iframe {
  display: block;
  border: none;
}

ul {
  list-style-type: none;
}

button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border-radius: unset;
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  /* stylelint-disable declaration-no-important */
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  /* stylelint-enable declaration-no-important */
}
.alert {
  position: fixed;
  z-index: 7;
  top: 2.1875rem;
  left: 50%;
  translate: -50%;
  height: 4rem;
  width: 368px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #ffffff;
  border-radius: 2rem;
  box-shadow: 0 11px 10.5px rgba(185, 185, 185, 0.16);
  max-width: 100%;
  overflow: hidden;
  padding: 0 10px;
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
  animation-name: hide;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-delay: 4.8s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
  transition: opacity 0.3s ease;
}
.alert::before {
  color: #ffffff;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  flex-shrink: 0;
}
.alert::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 4px;
  animation-name: timer;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.alert.alert-error::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e018"/"") {
  .alert.alert-error::before {
    --icon: "" / "";
  }
}
.alert.alert-error::before {
  content: var(--icon);
}
.alert.alert-error::before {
  background-color: #ff4e4e;
}
.alert.alert-error::after {
  background-color: #ff4e4e;
}
.alert.alert-success::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e000"/"") {
  .alert.alert-success::before {
    --icon: "" / "";
  }
}
.alert.alert-success::before {
  content: var(--icon);
}
.alert.alert-success::before {
  background-color: #54d969;
}
.alert.alert-success::after {
  background-color: #54d969;
}

@keyframes timer {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    pointer-events: none;
  }
}
.auth {
  margin: auto;
  background-color: #ffffff;
  border-radius: 1rem;
  max-width: 23rem;
  padding-top: 1.75rem;
  padding-right: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.75rem;
}
.auth form {
  display: flex;
  flex-direction: column;
}
body:has(.auth) {
  background-color: #ff6347;
}
body:has(.auth) > a,
body:has(.auth) > img {
  display: block;
  margin: auto;
  height: 6.375rem;
  width: 8.5rem;
  margin-top: 0.75rem;
}
body:has(.auth) > a + span,
body:has(.auth) > img + span {
  color: #ffffff;
  display: block;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 200;
  margin-top: 0.625rem;
  margin-bottom: 2.5rem;
}
.auth .h5,
.auth .h6 {
  margin-top: 2rem;
}
.auth ul {
  list-style-type: disc;
  margin-left: 16px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.auth p {
  margin-bottom: 1rem;
}
.auth + .links {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin: auto;
  max-width: 23rem;
}
.auth + .links a {
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
  opacity: 0.8;
}

body {
  position: relative;
  background-color: #f9f4f0;
  min-height: 100vh;
  padding-top: 1.625rem;
  padding-right: 1.625rem;
  padding-bottom: 1.625rem;
  padding-left: 1.625rem;
}

* {
  -webkit-tap-highlight-color: transparent;
}

blockquote {
  font-style: italic;
}
blockquote::before {
  content: "„";
}
blockquote::after {
  content: "“";
}
blockquote:not(:first-child) {
  margin-top: 1rem;
}
blockquote:has(+ form) {
  margin-bottom: 2rem;
}

ul.books {
  display: flex;
  gap: 0.875rem;
  flex-direction: column;
  margin-top: 17px;
}
@media screen and (min-width: 47.25em) {
  ul.books {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}
@media screen and (min-width: 64em) {
  ul.books {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 47.25em) {
  ul.books li {
    width: 100%;
  }
}
ul.books a,
ul.books .cover {
  display: flex;
  gap: 18px;
  border-radius: 12px;
  filter: drop-shadow(0 8px 3.5px rgba(255, 127, 35, 0.08));
  background-color: #ffffff;
  padding-top: 0.6875rem;
  padding-right: 1rem;
  padding-bottom: 0.6875rem;
  padding-left: 1rem;
}
ul.books a::before,
ul.books .cover::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e002"/"") {
  ul.books a::before,
  ul.books .cover::before {
    --icon: "" / "";
  }
}
ul.books a::before,
ul.books .cover::before {
  content: var(--icon);
}
ul.books a::before,
ul.books .cover::before {
  color: #ffffff;
  width: 48px;
  height: 44px;
  border-radius: 12px;
  background-color: #ff6347;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: -5px 4px 0 rgb(100%, 77.0604859335%, 72.9431372549%);
  margin-left: 5px;
  margin-bottom: 4px;
  flex-shrink: 0;
}
ul.books .locked {
  position: relative;
  padding-right: 64px;
}
ul.books .locked::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e053"/"") {
  ul.books .locked::before {
    --icon: "" / "";
  }
}
ul.books .locked::before {
  content: var(--icon);
}
ul.books .locked::before {
  background-color: #c4c4c4;
  box-shadow: -5px 4px 0 rgb(93.33%, 93.33%, 93.33%);
}
ul.books .locked .amount {
  color: #c4c4c4;
  filter: blur(3px);
}
ul.books .text {
  display: flex;
  gap: 3px;
  flex-direction: column;
}
ul.books .headline {
  font-size: 16px;
  line-height: 20px;
  color: #232323;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}
ul.books .amount {
  font-size: 12px;
  line-height: 20px;
  color: #ff6347;
  font-weight: 400;
}

.button {
  color: #ffffff;
  display: block;
  width: 100%;
  background-color: #ff6347;
  line-height: 1.25;
  margin-top: 0.75rem;
  border-radius: 0.75rem;
  border-style: none;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding-top: 1.375rem;
  padding-right: 1.375rem;
  padding-bottom: 1.375rem;
  padding-left: 1.375rem;
}
.button + p {
  margin-top: 1.375rem;
  text-align: center;
}
.button + p + a {
  align-self: center;
  margin-top: 6px;
}
.button.secondary {
  color: #333333;
  background-color: rgba(0, 0, 0, 0);
  border-color: #333333;
  border-style: solid;
  border-width: 2px;
}
.button.tertiary {
  color: #ffffff;
  background-color: #333333;
}
.button.tiny {
  font-size: 12px;
  width: max-content;
  cursor: pointer;
  margin-left: auto;
  height: auto;
  padding: 6px 8px;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: 32px;
}

.icon-button {
  color: #ffffff;
  width: 26px;
  height: 26px;
  align-self: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 13px;
  border-style: none;
}
.icon-button::after {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  justify-content: center;
}
.icon-button span {
  display: none;
}
.icon-button.accept {
  background-color: #54d969;
}
.icon-button.accept::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e000"/"") {
  .icon-button.accept::after {
    --icon: "" / "";
  }
}
.icon-button.accept::after {
  content: var(--icon);
}
.icon-button.add {
  background-color: #54d969;
}
.icon-button.add::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e039"/"") {
  .icon-button.add::after {
    --icon: "" / "";
  }
}
.icon-button.add::after {
  content: var(--icon);
}
.icon-button.decline {
  background-color: #ff4e4e;
}
.icon-button.decline::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e018"/"") {
  .icon-button.decline::after {
    --icon: "" / "";
  }
}
.icon-button.decline::after {
  content: var(--icon);
}
.icon-button.delete::after {
  color: #333333;
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e019"/"") {
  .icon-button.delete::after {
    --icon: "" / "";
  }
}
.icon-button.delete::after {
  content: var(--icon);
}
.icon-button.mail::after {
  color: #333333;
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e017"/"") {
  .icon-button.mail::after {
    --icon: "" / "";
  }
}
.icon-button.mail::after {
  content: var(--icon);
}
.icon-button.access, .icon-button.pending {
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  right: 0.875rem;
  top: 50%;
  translate: 0 -50%;
  border-radius: 0.25rem;
}
.icon-button.pending {
  background-color: #c4c4c4;
}
.icon-button.pending::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e055"/"") {
  .icon-button.pending::after {
    --icon: "" / "";
  }
}
.icon-button.pending::after {
  content: var(--icon);
}
.icon-button.pending::after {
  height: 100%;
}
.icon-button.access {
  background-color: #ff6347;
}
.icon-button.access::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e054"/"") {
  .icon-button.access::after {
    --icon: "" / "";
  }
}
.icon-button.access::after {
  content: var(--icon);
}

.button-wrapper {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.button-wrapper .button {
  display: flex;
  align-items: center;
  font-size: 14px;
  width: auto;
  margin-top: 24px;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
}
.button-wrapper .button.secondary {
  padding-top: 10px;
  padding-right: 14px;
  padding-bottom: 10px;
  padding-left: 14px;
}

.actions {
  display: flex;
  gap: 16px;
  margin-left: auto;
}

.categories {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 26.25em) {
  .categories {
    gap: 12px;
  }
}
.categories li {
  height: 64px;
  width: 64px;
}
.categories li a, .categories li span {
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  border-radius: 16px;
  background-color: rgba(255, 99, 71, 0.102);
  font-size: 36px;
  justify-content: center;
}
.categories li a:not(.more)::before, .categories li span:not(.more)::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: ""/"") {
  .categories li a:not(.more)::before, .categories li span:not(.more)::before {
    --icon: "" / "";
  }
}
.categories li a:not(.more)::before, .categories li span:not(.more)::before {
  content: var(--icon);
}
.categories li a.auflauf::before, .categories li span.auflauf::before {
  content: "\e036";
}
.categories li a.pizza::before, .categories li span.pizza::before {
  content: "\e025";
}
.categories li a.reisgerichte::before, .categories li span.reisgerichte::before {
  content: "\e022";
}
.categories li a.nudelgerichte::before, .categories li span.nudelgerichte::before {
  content: "\e021";
}
.categories li a.salat::before, .categories li span.salat::before {
  content: "\e013";
}
.categories li a.tarte::before, .categories li span.tarte::before {
  content: "\e031";
}
.categories li a.fingerfood::before, .categories li span.fingerfood::before {
  content: "\e027";
}
.categories li a.saucen::before, .categories li span.saucen::before {
  content: "\e035";
}
.categories li a.suppe::before, .categories li span.suppe::before {
  content: "\e014";
}
.categories li a.brot-und-broetchen::before, .categories li span.brot-und-broetchen::before {
  content: "\e023";
}
.categories li a.suessspeise::before, .categories li span.suessspeise::before {
  content: "\e028";
}
.categories li a.eis::before, .categories li span.eis::before {
  content: "\e026";
}
.categories li a.kuchen::before, .categories li span.kuchen::before {
  content: "\e034";
}
.categories li a.kekse::before, .categories li span.kekse::before {
  content: "\e029";
}
.categories li a.torte::before, .categories li span.torte::before {
  content: "\e030";
}
.categories li a.confiserie::before, .categories li span.confiserie::before {
  content: "\e033";
}
.categories li a.getraenke::before, .categories li span.getraenke::before {
  content: "\e024";
}
.categories li a.shake::before, .categories li span.shake::before {
  content: "\e032";
}
.categories li a.gewuerzmischung::before, .categories li span.gewuerzmischung::before {
  content: "\e038";
}
.categories li a.studentenkueche::before, .categories li span.studentenkueche::before {
  content: "\e037";
}
.categories li a.fisch::before, .categories li span.fisch::before {
  content: "\e056";
}
.categories li a.fleisch::before, .categories li span.fleisch::before {
  content: "\e057";
}
.categories li a.gemuese::before, .categories li span.gemuese::before {
  content: "\e061";
}
.search-form ~ .categories li:nth-child(8):nth-child(8), .search-form ~ .categories li:nth-child(8):nth-child(9), .search-form ~ .categories li:nth-child(9):nth-child(8), .search-form ~ .categories li:nth-child(9):nth-child(9) {
  display: none;
}
@media screen and (min-width: 26.25em) {
  .search-form ~ .categories li:nth-child(8):nth-child(8), .search-form ~ .categories li:nth-child(8):nth-child(9), .search-form ~ .categories li:nth-child(9):nth-child(8), .search-form ~ .categories li:nth-child(9):nth-child(9) {
    display: block;
  }
}
.categories li span {
  color: rgba(51, 51, 51, 0.5);
  background-color: rgba(51, 51, 51, 0.102);
}
.categories li .more {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-color: #ff6347;
}

.comments {
  margin-top: 2rem;
}
.comments li .comment {
  padding-left: 0px;
}
.comments li li .comment {
  padding-left: 24px;
}
.comments li li li .comment {
  padding-left: 48px;
}
.comments li li li li .comment {
  padding-left: 72px;
}
.comments li li li li li .comment {
  padding-left: 96px;
}
.comments li li li li li li .comment {
  padding-left: 120px;
}
.comments li li li li li li li .comment {
  padding-left: 144px;
}
.comments li li li li li li li li .comment {
  padding-left: 168px;
}
.comments li li li li li li li li li .comment {
  padding-left: 192px;
}
.comments li li li li li li li li li li .comment {
  padding-left: 216px;
}
.comments li li li li li li li li li li li .comment {
  padding-left: 240px;
}
.comments li {
  border-top: 1px solid rgb(86.67%, 86.67%, 86.67%);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.comments ul {
  padding-top: 1rem;
}
.comments .add-comment .image::after {
  content: attr(data-label);
  color: #333333;
  font-size: 14px;
  padding-left: 8px;
  position: absolute;
  top: 50%;
  translate: 100% -50%;
  right: 0;
  min-width: max-content;
  font-weight: 600;
}
.comments .image {
  position: relative;
  width: 51px;
  height: 51px;
  border-radius: 26px;
  background-color: #c4c4c4;
  margin-bottom: 1rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.comments .image img {
  border-radius: 26px;
}
.comments .form-control {
  padding: 12px;
  height: 3rem;
  font-size: 14px;
  font-weight: 400;
  background-color: #ffffff;
}
.comments .author {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.comments .author .image {
  margin: 0;
}
.comments .author .user {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.comments .author .user .name {
  color: #333333;
  font-size: 14px;
  font-weight: 600;
}
.comments .author .user time {
  font-size: 12px;
}
.comments .content {
  font-size: 14px;
}
.comments .footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
.comments .footer span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  margin-right: auto;
}
.comments .footer span::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e020"/"") {
  .comments .footer span::before {
    --icon: "" / "";
  }
}
.comments .footer span::before {
  content: var(--icon);
}
.comments .footer a {
  font-size: 13px;
  font-weight: 600;
}

.simple-dropdown {
  position: relative;
}
.simple-dropdown > button {
  display: flex;
  align-items: center;
}
.simple-dropdown > button::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e012"/"") {
  .simple-dropdown > button::after {
    --icon: "" / "";
  }
}
.simple-dropdown > button::after {
  content: var(--icon);
}
:focus-within.simple-dropdown > button::after {
  --icon: "";
}
@supports (content: "\e012"/"") {
  :focus-within.simple-dropdown > button::after {
    --icon: "" / "";
  }
}
:focus-within.simple-dropdown > button::after {
  content: var(--icon);
}

.simple-dropdown > button {
  border-radius: 18px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 51px;
  height: 51px;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
@media screen and (min-width: 47.25em) {
  .simple-dropdown > button {
    width: auto;
  }
}
.simple-dropdown > button::after {
  font-size: 24px;
}
.simple-dropdown > button span {
  display: none;
}
.nav-bar .simple-dropdown > button {
  bottom: 100%;
}
.nav-bar .simple-dropdown > button::after {
  content: unset;
}
@media screen and (min-width: 64em) {
  .nav-bar .simple-dropdown > button {
    bottom: auto;
  }
}
.simple-dropdown .panel {
  display: none;
  position: absolute;
}
:focus-within.simple-dropdown .panel {
  display: block;
}

.simple-dropdown .panel {
  background-color: #ffffff;
  right: 0;
  border-radius: 12px;
  filter: drop-shadow(0 3px 2px rgba(84, 1, 116, 0.07));
  padding: 10px 0;
  min-width: max-content;
  z-index: 8;
}
.nav-bar .simple-dropdown .panel {
  bottom: 100%;
  left: 50%;
  translate: -50% -32px;
  padding: 0;
}
.nav-bar .simple-dropdown .panel::after {
  content: "";
  width: 0;
  height: 0;
  transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 8px 0;
  border-color: #333333 transparent transparent;
  position: absolute;
  left: 50%;
  translate: -50% 100%;
  bottom: 0;
}
@media screen and (min-width: 64em) {
  .nav-bar .simple-dropdown .panel {
    bottom: auto;
    top: 0;
    left: 100%;
    translate: 0.5rem 0;
    padding: 10px 0;
  }
  .nav-bar .simple-dropdown .panel::after {
    content: unset;
  }
}
.simple-dropdown .panel a,
.simple-dropdown .panel button,
.simple-dropdown .panel label {
  cursor: pointer;
  background-color: transparent;
  border: none;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  padding: 14px 20px;
  display: block;
}
.simple-dropdown .panel a:focus,
.simple-dropdown .panel button:focus,
.simple-dropdown .panel label:focus {
  background-color: #e8e7e6;
}
.nav-bar .simple-dropdown .panel a,
.nav-bar .simple-dropdown .panel button,
.nav-bar .simple-dropdown .panel label {
  padding: 16px 15px;
}
.nav-bar .simple-dropdown .panel a:focus,
.nav-bar .simple-dropdown .panel button:focus,
.nav-bar .simple-dropdown .panel label:focus {
  background-color: unset;
}
.simple-dropdown .panel .logout {
  color: #ff4e4e;
}
:focus-within.simple-dropdown:is(.nav-bar .simple-dropdown) .panel {
  display: flex;
}
@media screen and (min-width: 64em) {
  :focus-within.simple-dropdown:is(.nav-bar .simple-dropdown) .panel {
    display: block;
  }
}

.top-bar:has(+ .stage) .simple-dropdown > button::after {
  color: #ffffff;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: url("montserrat-v31-latin-200.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 200;
  src: url("montserrat-v31-latin-200italic.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("montserrat-v31-latin-300.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  src: url("montserrat-v31-latin-300italic.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("montserrat-v31-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("montserrat-v31-latin-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("montserrat-v31-latin-500.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: url("montserrat-v31-latin-500italic.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("montserrat-v31-latin-600.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  src: url("montserrat-v31-latin-600italic.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("montserrat-v31-latin-700.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url("montserrat-v31-latin-700italic.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("montserrat-v31-latin-800.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  src: url("montserrat-v31-latin-800italic.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("montserrat-v31-latin-900.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 900;
  src: url("montserrat-v31-latin-900italic.woff2") format("woff2");
}
form .flash-message {
  padding: 0.8rem 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
form .flash-message.success {
  color: #54d969;
}
form .flash-message.error {
  color: #ff4e4e;
}
form .form-group {
  margin-bottom: 1.125rem;
}
form .form-group:has(+ small) {
  margin-bottom: 0;
}
form .form-group + small {
  display: block;
  margin-bottom: 1.125rem;
}
form .form-label {
  display: none;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.auth form .form-label {
  display: none;
}
form .invite,
form .search,
form .send {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background-color: rgb(226, 221, 217);
  font-size: 24px;
  height: 64px;
  width: 64px;
  border-radius: 0.75rem;
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
form .invite span,
form .search span,
form .send span {
  display: none;
}
form .invite::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e052"/"") {
  form .invite::after {
    --icon: "" / "";
  }
}
form .invite::after {
  content: var(--icon);
}
form .search::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e008"/"") {
  form .search::after {
    --icon: "" / "";
  }
}
form .search::after {
  content: var(--icon);
}
form .send {
  translate: 0 8px;
}
form .send::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e052"/"") {
  form .send::after {
    --icon: "" / "";
  }
}
form .send::after {
  content: var(--icon);
}
form:has(.invite), form:has(.send), form:has(.search) {
  position: relative;
}
form:has(.invite) input, form:has(.send) input, form:has(.search) input {
  padding-right: 4.5rem;
}

.form-control {
  color: #232323;
  height: 4rem;
  width: 100%;
  background-color: rgb(226, 221, 217);
  border-radius: 0.75rem;
  border-style: none;
  font-family: "Montserrat", Geneva, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  padding-top: 1.375rem;
  padding-right: 1.375rem;
  padding-bottom: 1.375rem;
  padding-left: 1.375rem;
}
.auth .form-control {
  background-color: #ffffff;
  border-color: #f1f1f1;
  border-style: solid;
  border-width: 1px;
}
.auth .form-control:focus {
  background-color: #f1f1f1;
}

textarea.form-control {
  height: 10rem;
}
textarea.form-control#message_body { /* stylelint-disable-line selector-id-pattern, selector-no-qualifying-type */
  height: 4rem;
  resize: none;
}

.form-check {
  display: flex;
  min-height: auto;
}

input[type=checkbox] {
  appearance: none;
  cursor: pointer;
  display: inline-grid;
  height: 1.25rem;
  transform: translateY(-0.075em);
  width: 1.25rem;
  background-color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-color: rgba(17, 17, 13, 0.47);
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px;
  margin-top: 0;
  margin-right: 0.375rem;
  margin-bottom: 0;
  margin-left: 0;
  place-content: center;
}
input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  font-weight: 400;
  margin-bottom: 0;
}
input[type=checkbox] + label:not(:last-child) {
  margin-right: 1.5rem;
}
input[type=checkbox]:not(:checked):hover::before {
  color: transparent;
  background-color: rgba(17, 17, 13, 0.11);
}
input[type=checkbox]:checked::before {
  color: #ffffff;
  background-color: rgb(17, 17, 13);
}
input[type=checkbox]::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e000"/"") {
  input[type=checkbox]::before {
    --icon: "" / "";
  }
}
input[type=checkbox]::before {
  content: var(--icon);
}
input[type=checkbox]::before {
  color: transparent;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  background-color: transparent;
  border-radius: 4px;
  justify-content: center;
  font-size: 1.125rem;
}

#ingredients-list li,
#steps-list li {
  position: relative;
}
#ingredients-list .icon-button,
#steps-list .icon-button {
  position: absolute;
  top: 0;
  right: 4px;
  height: calc(100% - 12px);
  z-index: 5;
}

#steps-list .icon-button {
  position: absolute;
  top: 0;
  right: 4px;
}
#steps-list input {
  padding-right: 30px;
}
#steps-list li {
  display: flex;
}
#steps-list li > div {
  width: calc(100% - 20px);
}

#ingredients-list li {
  display: flex;
}
#ingredients-list li > div {
  width: calc(100% - 20px);
  display: flex;
  flex-direction: row-reverse;
}
#ingredients-list li > div .form-group:first-child {
  width: calc(100% - 80px);
}
#ingredients-list li > div .form-group:first-child input {
  padding-right: 30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#ingredients-list li > div .form-group:nth-child(2) {
  width: 80px;
}
#ingredients-list li > div .form-group:nth-child(2) input {
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.friends .image {
  width: 51px;
  height: 51px;
  border-radius: 26px;
  background-color: #c4c4c4;
  border: 1px solid #c4c4c4;
  flex-shrink: 0;
}
.friends .image img {
  border-radius: 26px;
}
.friends .inquired .image {
  position: relative;
}
.friends .inquired .image::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e054"/"") {
  .friends .inquired .image::before {
    --icon: "" / "";
  }
}
.friends .inquired .image::before {
  content: var(--icon);
}
.friends .inquired .image::before {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #54d969;
  color: #ffffff;
  padding: 2px;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.friends .friend {
  font-size: 16px;
  font-weight: 600;
}
.friends .friend small {
  display: block;
  font-weight: 300;
}
.friends ul li {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  border-bottom: 1px solid #ffe9dc;
  justify-content: flex-start;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.friends ul:last-of-type li:last-child {
  border: none;
}
.friends.access .toggle {
  width: 5.25rem;
}

@font-face {
  font-family: "icomoon";
  font-display: block;
  font-style: normal;
  font-weight: normal;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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c2FnZS1zcXVhcmUtdGV4dBN1RTAyMS1udWRlbGdlcmljaHRlEnVFMDIyLXJlaXNnZXJpY2h0ZRh1RTAyMy1icm90LXVuZC1icm9ldGNoZW4PdUUwMjQtZ2V0cmFlbmtlC3VFMDI1LXBpenphCXVFMDI2LWVpcxB1RTAyNy1maW5nZXJmb29kEXVFMDI4LXN1ZXNzc3BlaXNlC3VFMDI5LWtla3NlC3VFMDMwLXRvcnRlC3VFMDMxLXRhcnRlC3VFMDMyLXNoYWtlEHVFMDMzLWNvbmZpc2VyaWUMdUUwMzQta3VjaGVuDHVFMDM1LXNhdWNlbg11RTAzNi1hdWZsYXVmFXVFMDM3LXN0dWRlbnRlbmt1ZWNoZRV1RTAzOC1nZXd1ZXJ6bWlzY2h1bmcKdUUwMzktcGx1cxN1RTA0MC1jaGV2cm9uLWZpcnN0EnVFMDQxLWNoZXZyb24tbGFzdBN1RTA0Mi1jaGV2cm9uLXJpZ2h0EHVFMDQzLXVzZXItcm91bmQLdUUwNDQtaG91c2URdUUwNDUtcGx1cy1zcXVhcmUSdUUwNDYtY2hldnJvbi1kb3duEHVFMDQ3LWNoZXZyb24tdXAMdUUwNDgtcG90LTAxDHVFMDQ5LXBvdC0wMhN1RTA1MC1ncmlwLXZlcnRpY2FsFnVFMDUxLWNoZXZyb25zLXVwLWRvd24KdUUwNTMtbG9jaw91RTA1NC1rZXktcm91bmQLdUUwNTUtY2xvY2sKdUUwNTYtZmlzaAt1RTA1Ny1zdGVhaxB1RTA1OC1wZW4tc3F1YXJlDHVFMDU5LWNhbWVyYQ51RTA2MC1rZXlib2FyZAx1RTA2MS1jYXJyb3QAAAAA") format("truetype");
}
body.landing {
  padding: 0;
  max-width: none;
  background-color: #ffffff;
}

.landing-header {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: space-between;
  max-width: 96rem;
  padding-top: 2rem;
  padding-right: 1.75rem;
  padding-bottom: 2rem;
  padding-left: 1.75rem;
}
.landing-header .logo svg {
  fill: #ff6347;
  width: 6rem;
}
.landing-header .logo svg .hat {
  fill: #333333;
}
.landing-header .actions {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
.landing-header .actions .login {
  color: #232323;
  position: relative;
  z-index: 1;
  font-size: 0.9375rem;
  font-weight: 600;
}
.landing-header .actions .login::after {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2.5rem;
  box-shadow: 0 0 0.75rem 1.125rem rgba(255, 255, 255, 0.5);
  z-index: -1;
}
.landing-header .actions .button {
  width: auto;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  margin-top: 0;
  padding-top: 0.75rem;
  padding-right: 1.25rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
}

.hero {
  position: relative;
  overflow: hidden;
  background-color: rgb(253, 250, 249);
}
.hero > .bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  height: auto;
  width: 200%;
  max-width: none;
}
@media screen and (min-width: 64em) {
  .hero > .bg {
    height: 100%;
    width: auto;
    max-height: none;
  }
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 80em) {
  .hero::before {
    background-image: linear-gradient(90deg, rgb(253, 250, 249) 0%, rgb(253, 250, 249) 30%, rgba(253, 250, 249, 0) 55%, rgba(253, 250, 249, 0) 100%);
  }
}
.hero .landing-header {
  position: relative;
  z-index: 2;
}
.hero .content {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: auto;
  max-width: 96rem;
  padding-top: calc(90.6vw - 7.25rem);
  padding-right: 2rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem;
}
@media screen and (min-width: 64em) {
  .hero .content {
    padding-top: 4rem;
    padding-right: 4rem;
    padding-bottom: 7rem;
    padding-left: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .hero .content {
    padding-top: 4.5rem;
    padding-right: 4rem;
    padding-bottom: 6.75rem;
    padding-left: 4rem;
  }
}
@media screen and (min-width: 47.25em) {
  .hero .content .headline,
  .hero .content .text,
  .hero .content .cta {
    max-width: 30rem;
  }
}
@media screen and (min-width: 80em) {
  .hero .content .headline,
  .hero .content .text,
  .hero .content .cta {
    max-width: 38.25rem;
  }
}
.hero .headline {
  color: #232323;
  line-height: 1.5;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 800;
}
@media screen and (min-width: 80em) {
  .hero .headline {
    font-size: 3rem;
  }
}
.hero .text {
  color: rgba(35, 35, 35, 0.7);
  line-height: 1.6;
  margin-bottom: 0;
  font-size: 0.875rem;
}
@media screen and (min-width: 80em) {
  .hero .text {
    font-size: 1rem;
  }
}
.hero .cta {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 30em) {
  .hero .cta {
    flex-direction: row;
  }
}
.hero .cta .button {
  border-radius: 0.5rem;
  line-height: 1;
  margin-top: 0;
  padding-top: 1rem;
  padding-right: 1.25rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
}
.hero .cta .button.secondary {
  padding-top: 0.875rem;
  padding-right: 1.125rem;
  padding-bottom: 0.875rem;
  padding-left: 1.125rem;
}
@media screen and (min-width: 64em) {
  .hero .cta {
    flex-direction: row;
  }
  .hero .cta .button {
    width: auto;
  }
}

.features {
  hyphens: auto;
  text-align: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 64em) {
  .features {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.features > .headline {
  color: #232323;
  margin-bottom: 2.5rem;
  font-size: 1.625rem;
  font-weight: 800;
}
.features .grid {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (min-width: 64em) {
  .features .grid {
    gap: 5.5rem;
    padding: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.features .phone {
  order: -1;
  margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
  .features .phone {
    order: unset;
    position: relative;
    flex-shrink: 0;
  }
}
.features .phone img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 16.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 64em) {
  .features .phone img {
    position: relative;
    max-width: 12rem;
    z-index: 2;
  }
}
@media screen and (min-width: 80em) {
  .features .phone img {
    max-width: 16.25rem;
  }
}
@media screen and (min-width: 64em) {
  .features .phone::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    height: 18.75rem;
    aspect-ratio: 1;
    background-color: #fef5f1;
    border-radius: 100%;
    z-index: 0;
  }
}
@media screen and (min-width: 80em) {
  .features .phone::after {
    height: 23.75rem;
  }
}
.features .side {
  display: flex;
  gap: 1rem;
  width: 100%;
  flex-direction: column;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .features .side {
    display: flex;
    gap: 2.5rem;
    width: auto;
    max-width: 17.5rem;
    flex-direction: column;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 80em) {
  .features .side {
    gap: 1.25rem;
    max-width: 20.3125rem;
  }
}
.features .side li {
  display: flex;
  gap: 0.875rem;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  padding-top: 1.25rem;
}
@media screen and (min-width: 64em) {
  .features .side:first-of-type li:first-child::after {
    content: "";
    right: 0;
    top: 2.5rem;
    translate: calc(100% + 0.5rem) 0;
    position: absolute;
    width: 5rem;
    height: 2.9375rem;
    background-image: url("dots-1.webp");
    z-index: 3;
  }
}
@media screen and (min-width: 80em) {
  .features .side:first-of-type li:first-child::after {
    top: 3.375rem;
  }
}
@media screen and (min-width: 64em) {
  .features .side:first-of-type li:nth-of-type(2)::after {
    content: "";
    right: 0;
    top: 50%;
    translate: calc(100% + 0.5rem) -50%;
    position: absolute;
    width: 3.75rem;
    height: 0.5rem;
    background-image: url("dots-2.webp");
    z-index: 3;
  }
}
@media screen and (min-width: 64em) {
  .features .side:first-of-type li:nth-of-type(3)::after {
    content: "";
    right: 0;
    top: 0;
    translate: calc(100% + 0.5rem) 0;
    position: absolute;
    width: 5rem;
    height: 2.9375rem;
    background-image: url("dots-3.webp");
    z-index: 3;
  }
}
@media screen and (min-width: 80em) {
  .features .side:first-of-type li:nth-of-type(3)::after {
    top: 0.875rem;
  }
}
@media screen and (min-width: 64em) {
  .features .side:nth-of-type(2) li:first-child::after {
    content: "";
    left: 0;
    top: 2.5rem;
    translate: calc(-100% - 0.5rem) 0;
    position: absolute;
    width: 5rem;
    height: 2.9375rem;
    background-image: url("dots-4.webp");
    z-index: 3;
  }
}
@media screen and (min-width: 80em) {
  .features .side:nth-of-type(2) li:first-child::after {
    top: 3.375rem;
  }
}
@media screen and (min-width: 64em) {
  .features .side:nth-of-type(2) li:nth-of-type(2)::after {
    content: "";
    left: 0;
    top: 50%;
    translate: calc(-100% - 0.5rem) -50%;
    position: absolute;
    width: 3.75rem;
    height: 0.5rem;
    background-image: url("dots-5.webp");
    z-index: 3;
  }
}
@media screen and (min-width: 64em) {
  .features .side:nth-of-type(2) li:nth-child(3)::after {
    content: "";
    left: 0;
    top: 0;
    translate: calc(-100% - 0.5rem) 0;
    position: absolute;
    width: 5rem;
    height: 2.9375rem;
    background-image: url("dots-6.webp");
    z-index: 3;
  }
}
@media screen and (min-width: 80em) {
  .features .side:nth-of-type(2) li:nth-child(3)::after {
    top: 0.875rem;
  }
}
.features .icon {
  color: #ff6347;
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  background-color: rgba(255, 99, 71, 0.1);
  border-radius: 50%;
  justify-content: center;
  margin-bottom: 0.25rem;
  flex-shrink: 0;
  flex-grow: 0;
}
@media screen and (min-width: 80em) {
  .features .icon {
    height: 4.25rem;
    width: 4.25rem;
  }
}
.features .icon::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: ""/"") {
  .features .icon::after {
    --icon: "" / "";
  }
}
.features .icon::after {
  content: var(--icon);
}
.features .icon::after {
  font-size: 1.5rem;
}
@media screen and (min-width: 80em) {
  .features .icon::after {
    font-size: 2rem;
  }
}
.features .icon.book::after {
  --icon: "";
}
@supports (content: "\e002"/"") {
  .features .icon.book::after {
    --icon: "" / "";
  }
}
.features .icon.book::after {
  content: var(--icon);
}
.features .icon.write::after {
  --icon: "";
}
@supports (content: "\e058"/"") {
  .features .icon.write::after {
    --icon: "" / "";
  }
}
.features .icon.write::after {
  content: var(--icon);
}
.features .icon.friends::after {
  --icon: "";
}
@supports (content: "\e015"/"") {
  .features .icon.friends::after {
    --icon: "" / "";
  }
}
.features .icon.friends::after {
  content: var(--icon);
}
.features .icon.favorite::after {
  --icon: "";
}
@supports (content: "\e003"/"") {
  .features .icon.favorite::after {
    --icon: "" / "";
  }
}
.features .icon.favorite::after {
  content: var(--icon);
}
.features .icon.search::after {
  --icon: "";
}
@supports (content: "\e008"/"") {
  .features .icon.search::after {
    --icon: "" / "";
  }
}
.features .icon.search::after {
  content: var(--icon);
}
.features .icon.grid {
  padding: 0;
}
.features .icon.grid::after {
  --icon: "";
}
@supports (content: "\e004"/"") {
  .features .icon.grid::after {
    --icon: "" / "";
  }
}
.features .icon.grid::after {
  content: var(--icon);
}
.features .content {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.features .title {
  display: block;
  color: #232323;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (min-width: 80em) {
  .features .title {
    font-size: 1rem;
  }
}
.features .text {
  color: rgba(35, 35, 35, 0.6);
  font-size: 0.75rem;
  line-height: 1.5;
  margin-bottom: 0;
}
@media screen and (min-width: 80em) {
  .features .text {
    font-size: 0.875rem;
  }
}

.benefits {
  position: relative;
  overflow: hidden;
}
.benefits > .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: top center;
}
@media screen and (min-width: 64em) {
  .benefits > .bg {
    left: auto;
    right: -2.5rem;
    width: auto;
    max-width: none;
  }
}
@media screen and (min-width: 80em) {
  .benefits > .bg {
    right: 0;
  }
}
.benefits::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .benefits::before {
    background-image: linear-gradient(90deg, rgb(252, 244, 239) 0%, rgb(252, 244, 239) 35%, rgba(252, 244, 239, 0) 55%, rgba(252, 244, 239, 0) 100%);
  }
}
.benefits {
  padding-top: calc(40.4vw + 2.5rem);
  padding-right: 2rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem;
}
@media screen and (min-width: 64em) {
  .benefits {
    padding-top: 2.5rem;
    padding-right: 4rem;
    padding-bottom: 2.5rem;
    padding-left: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .benefits {
    padding-top: 5rem;
    padding-right: 4rem;
    padding-bottom: 8.375rem;
    padding-left: 4rem;
  }
}
.benefits .content {
  margin: auto;
  position: relative;
  width: 100%;
  max-width: 96rem;
  z-index: 2;
}
.benefits .eyebrow {
  display: block;
  color: #ff6347;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
}
.benefits .headline {
  color: #232323;
  position: relative;
  margin-bottom: 2.1875rem;
  font-size: 1.75rem;
  font-weight: 800;
}
.benefits .headline::after {
  content: "";
  height: 0.125rem;
  width: 2.5rem;
  position: absolute;
  bottom: -0.9375rem;
  left: 0;
  background-color: #ff6347;
}
.benefits ul {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
}
.benefits li {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.benefits .icon {
  color: #ff6347;
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  background-color: rgba(255, 99, 71, 0.1);
  border-radius: 50%;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 64em) {
  .benefits .icon {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 80em) {
  .benefits .icon {
    height: 4.25rem;
    width: 4.25rem;
  }
}
.benefits .icon::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: ""/"") {
  .benefits .icon::after {
    --icon: "" / "";
  }
}
.benefits .icon::after {
  content: var(--icon);
}
.benefits .icon::after {
  font-size: 1.5rem;
}
@media screen and (min-width: 80em) {
  .benefits .icon::after {
    font-size: 2rem;
  }
}
.benefits .icon.camera::after {
  --icon: "";
}
@supports (content: "\e044"/"") {
  .benefits .icon.camera::after {
    --icon: "" / "";
  }
}
.benefits .icon.camera::after {
  content: var(--icon);
}
.benefits .icon.key::after {
  --icon: "";
}
@supports (content: "\e015"/"") {
  .benefits .icon.key::after {
    --icon: "" / "";
  }
}
.benefits .icon.key::after {
  content: var(--icon);
}
.benefits .icon.message::after {
  --icon: "";
}
@supports (content: "\e038"/"") {
  .benefits .icon.message::after {
    --icon: "" / "";
  }
}
.benefits .icon.message::after {
  content: var(--icon);
}
.benefits .title {
  display: block;
  color: #232323;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (min-width: 80em) {
  .benefits .title {
    font-size: 1rem;
  }
}
.benefits .text {
  color: rgba(35, 35, 35, 0.6);
  font-size: 0.75rem;
  margin-bottom: 0;
}
@media screen and (min-width: 64em) {
  .benefits .text {
    width: 16.75rem;
  }
}
@media screen and (min-width: 80em) {
  .benefits .text {
    width: 20rem;
    font-size: 0.875rem;
  }
}

.landing-footer {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid #ffe9dc;
}
.landing-footer .links {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}
.landing-footer .links li {
  list-style: none;
}
.landing-footer .links a {
  color: rgba(35, 35, 35, 0.6);
  font-size: 0.75rem;
  font-weight: 600;
}
@media screen and (min-width: 80em) {
  .landing-footer .links a {
    font-size: 0.875rem;
  }
}

a {
  color: #ff6347;
  font-weight: 700;
  text-decoration: none;
}

.message-list {
  display: flex;
  flex-direction: column;
}
.message-list li {
  border-bottom: 1px solid #ffe9dc;
}
.message-list .image {
  display: block;
  height: 3.1875rem;
  width: 3.1875rem;
  position: relative;
  grid-area: image;
  margin-right: 20px;
}
.message-list .image.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 17px;
  width: 17px;
  border-radius: 0.5625rem;
  background-color: #54d969;
}
.message-list .image img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 1.625rem;
}
.message-list .new .name {
  font-weight: 800;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.message-list .new .name::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: rgb(100%, 48.1326598465%, 38.8231372549%);
  translate: 0 5px;
}
.message-list a {
  display: grid;
  grid-template-columns: 71px 1fr 80px;
  gap: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  grid-template-areas: "image name time" "image message .";
}
.message-list .name {
  font-size: 16px;
  color: #000000;
  font-weight: 600;
  grid-area: name;
}
.message-list .message {
  font-size: 12px;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  grid-area: message;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.message-list time {
  grid-area: time;
  font-size: 12px;
  color: #898a8d;
  font-weight: 400;
  text-align: right;
}

.message-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.message-wrapper .content {
  pointer-events: none;
  user-select: none;
}
.message-wrapper.partner {
  align-items: flex-start;
}
.message-wrapper.partner .content {
  background-color: #ffffff;
  border-radius: 0 12px 12px;
}
.message-wrapper.partner .content::after {
  border-width: 0 12px 12px 0;
  border-color: transparent #ffffff transparent transparent;
  right: auto;
  left: 0;
  translate: -100%;
}

.messages {
  height: calc(100vh - 219px);
  overflow-y: auto;
  margin: 0 -26px;
  padding: 1px 26px 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-end;
}
.messages .content {
  position: relative;
  background-color: rgba(255, 99, 71, 0.2);
  padding: 6px 10px;
  border-radius: 12px 0 12px 12px;
  filter: drop-shadow(0 0 1px #999999);
  max-width: 80%;
  width: max-content;
  hyphens: auto;
  word-wrap: break-word;
}
.messages .content::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 12px 0 0;
  border-color: rgba(255, 99, 71, 0.2) transparent transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  translate: 100%;
}
.messages time {
  font-size: 12px;
  color: #666666;
  float: right;
  margin-top: 8px;
  margin-left: 8px;
}

#message {
  padding-top: 8px;
}
#message .form-group {
  margin: 0;
}

.submenu {
  position: absolute;
  translate: 0 100%;
  bottom: -2px;
  filter: drop-shadow(0 3px 2px rgba(84, 1, 116, 0.07));
  z-index: 7;
  background-color: #ffffff;
  border-radius: 12px;
  min-width: max-content;
  padding: 10px 0;
}
.submenu li button {
  pointer-events: all;
  border: none;
  background-color: transparent;
  color: #333333;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

html {
  background-color: #f9f4f0;
}
html:has(.auth) {
  background: #ff6347;
}

body {
  margin: auto;
}
@media screen and (min-width: 64em) {
  body {
    max-width: 90rem;
  }
}

.nav-bar {
  position: fixed;
  bottom: 2.1875rem;
  left: 50%;
  translate: -50%;
  height: 4rem;
  width: 20.25rem;
  display: flex;
  align-items: center;
  background-color: #333333;
  border-radius: 2rem;
  box-shadow: 0 11px 10.5px rgba(185, 92, 25, 0.16);
  justify-content: space-evenly;
  max-width: 100%;
}
@media screen and (min-width: 47.25em) {
  .nav-bar {
    gap: 0.5rem;
    width: 55rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 64em) {
  .nav-bar {
    top: 1.625rem;
    bottom: 1.625rem;
    left: max(32px, (100% - (90rem - 64px)) / 2);
    translate: none;
    height: calc(100vh - 3.25rem);
    width: 13.75rem;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.25rem;
    padding-top: 1.5rem;
    padding-right: 0.75rem;
    padding-bottom: 1.5rem;
    padding-left: 0.75rem;
  }
}
.nav-bar a span,
.nav-bar button span,
.nav-bar label span {
  display: none;
}
@media screen and (min-width: 47.25em) {
  .nav-bar a span,
  .nav-bar button span,
  .nav-bar label span {
    display: inline;
  }
  .nav-bar a,
  .nav-bar button,
  .nav-bar label {
    gap: 0.5rem;
  }
}
.nav-bar a::before,
.nav-bar button::before,
.nav-bar label::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: ""/"") {
  .nav-bar a::before,
  .nav-bar button::before,
  .nav-bar label::before {
    --icon: "" / "";
  }
}
.nav-bar a::before,
.nav-bar button::before,
.nav-bar label::before {
  content: var(--icon);
}
.nav-bar a::before,
.nav-bar button::before,
.nav-bar label::before {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.75rem;
}
@media screen and (min-width: 64em) {
  .nav-bar a::before,
  .nav-bar button::before,
  .nav-bar label::before {
    font-size: 1.375rem;
  }
}
.nav-bar input {
  display: none;
}
.nav-bar li {
  height: 4rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 47.25em) {
  .nav-bar li {
    width: auto;
  }
}
@media screen and (min-width: 64em) {
  .nav-bar li {
    height: auto;
    width: 100%;
  }
}
.nav-bar li > a,
.nav-bar li > button,
.nav-bar li label {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  border: none;
  align-items: center;
  background-color: transparent;
  justify-content: center;
}
@media screen and (min-width: 47.25em) {
  .nav-bar li > a,
  .nav-bar li > button,
  .nav-bar li label {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
}
@media screen and (min-width: 64em) {
  .nav-bar li > a,
  .nav-bar li > button,
  .nav-bar li label {
    justify-content: flex-start;
    padding-top: 0.75rem;
    padding-right: 0.875rem;
    padding-bottom: 0.75rem;
    padding-left: 0.875rem;
    border-radius: 0.75rem;
  }
}
.nav-bar li > a::after,
.nav-bar li > button::after,
.nav-bar li label::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 23px;
  height: 5px;
  transition: background-color 0.3s ease;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 3px;
}
@media screen and (min-width: 64em) {
  .nav-bar li > a::after,
  .nav-bar li > button::after,
  .nav-bar li label::after {
    content: unset;
  }
}
.nav-bar li > a.active::before,
.nav-bar li > button.active::before,
.nav-bar li label.active::before {
  color: #ffffff;
}
.nav-bar li > a.active::after,
.nav-bar li > button.active::after,
.nav-bar li label.active::after {
  background-color: #ffffff;
}
@media screen and (min-width: 64em) {
  .nav-bar li > a.active,
  .nav-bar li > button.active,
  .nav-bar li label.active {
    background-color: rgba(255, 255, 255, 0.08);
  }
}
.nav-bar .overview::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e044"/"") {
  .nav-bar .overview::before {
    --icon: "" / "";
  }
}
.nav-bar .overview::before {
  content: var(--icon);
}
.nav-bar .books::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e002"/"") {
  .nav-bar .books::before {
    --icon: "" / "";
  }
}
.nav-bar .books::before {
  content: var(--icon);
}
.nav-bar .messenger::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e005"/"") {
  .nav-bar .messenger::before {
    --icon: "" / "";
  }
}
.nav-bar .messenger::before {
  content: var(--icon);
}
.nav-bar .user {
  position: relative;
}
@media screen and (min-width: 47.25em) {
  .nav-bar .user {
    flex-direction: row;
  }
}
.nav-bar .user::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e043"/"") {
  .nav-bar .user::before {
    --icon: "" / "";
  }
}
.nav-bar .user::before {
  content: var(--icon);
}
.nav-bar .new::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e045"/"") {
  .nav-bar .new::before {
    --icon: "" / "";
  }
}
.nav-bar .new::before {
  content: var(--icon);
}
.nav-bar .enter::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e058"/"") {
  .nav-bar .enter::before {
    --icon: "" / "";
  }
}
.nav-bar .enter::before {
  content: var(--icon);
}
.nav-bar .image::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e059"/"") {
  .nav-bar .image::before {
    --icon: "" / "";
  }
}
.nav-bar .image::before {
  content: var(--icon);
}
.nav-bar .url::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e060"/"") {
  .nav-bar .url::before {
    --icon: "" / "";
  }
}
.nav-bar .url::before {
  content: var(--icon);
}
.nav-bar small {
  position: absolute;
  bottom: 11px;
  right: -4px;
  pointer-events: none;
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  font-size: 11px;
  color: #ffffff;
  background-color: #ff4e4e;
}
body:has(.nav-bar) {
  padding-bottom: 136px;
}
@media screen and (min-width: 64em) {
  body:has(.nav-bar) {
    padding-bottom: 1.625rem;
    padding-left: 18.25rem;
  }
}
.nav-bar .panel {
  background-color: #333333;
}
.nav-bar .panel a {
  color: rgba(255, 255, 255, 0.4);
}
.nav-bar form .show {
  display: block;
  position: absolute;
  left: 50%;
  height: 48px;
  width: 240px;
  translate: -50%;
  border-radius: 5px;
  border: none;
  top: 8px;
  box-shadow: 0 0 0 8px #333333;
  background-color: #666666;
  color: #ffffff;
  padding: 8px 16px;
  font-size: 16px;
  font-family: "Montserrat", Geneva, Arial, sans-serif;
}
@media screen and (min-width: 47.25em) {
  .nav-bar .simple-dropdown .new {
    justify-content: flex-start;
    padding-right: 0.875rem;
    padding-left: 0.875rem;
    border-radius: 0.75rem;
    color: #ff6347;
    font-weight: 700;
  }
}
@media screen and (min-width: 64em) {
  .nav-bar .simple-dropdown .new {
    pointer-events: none;
  }
}
@media screen and (min-width: 64em) {
  .nav-bar .simple-dropdown .panel {
    display: none;
    top: auto;
    bottom: 0;
    left: -12px;
    width: 220px;
    background-color: #999999;
    translate: 0 100%;
  }
}
@media screen and (min-width: 47.25em) {
  .nav-bar .simple-dropdown .panel a,
  .nav-bar .simple-dropdown .panel form label {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.4);
  }
}
@media screen and (min-width: 64em) {
  .nav-bar .simple-dropdown:hover .panel {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .nav-bar .simple-dropdown,
  .nav-bar .simple-dropdown .new {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .news-teasers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
    margin-top: 2rem;
  }
}

.news-teaser {
  margin-top: 2rem;
}
@media screen and (min-width: 64em) {
  .news-teaser {
    margin-top: 0;
  }
}
@media screen and (min-width: 47.25em) {
  .news-teaser .recipes,
  .news-teaser .books {
    display: flex;
  }
}

.pagination {
  display: flex;
  gap: 0.375rem;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: flex-end;
  margin-top: 1.5rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.pagination li > button,
.pagination li > a,
.pagination li > span {
  color: #ff6347;
  background-color: #ffffff;
  border-radius: 4px;
  font-weight: 400;
  box-shadow: 0 0 2px rgba(51, 51, 51, 0.25);
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
}
.pagination li > button.active,
.pagination li > a.active,
.pagination li > span.active {
  font-weight: 700;
  box-shadow: 0 0 2px rgba(51, 51, 51, 0.25);
}
.pagination .first a::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e040"/"") {
  .pagination .first a::before {
    --icon: "" / "";
  }
}
.pagination .first a::before {
  content: var(--icon);
}
.pagination .previous a::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e011"/"") {
  .pagination .previous a::before {
    --icon: "" / "";
  }
}
.pagination .previous a::before {
  content: var(--icon);
}
.pagination .next a::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e042"/"") {
  .pagination .next a::before {
    --icon: "" / "";
  }
}
.pagination .next a::before {
  content: var(--icon);
}
.pagination .last a::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e041"/"") {
  .pagination .last a::before {
    --icon: "" / "";
  }
}
.pagination .last a::before {
  content: var(--icon);
}

[data-recipe-images],
[data-recipe-images] ~ [id*=images-placeholder],
.custom-file-label {
  display: none;
}

.form-group:has([data-recipe-images]) { /* stylelint-disable-line selector-id-pattern */
  display: flex;
  flex-direction: column;
}
.form-group:has([data-recipe-images]) h2 {
  order: 1;
}
.form-group:has([data-recipe-images]) label {
  order: 3;
}
.form-group:has([data-recipe-images]) .form-group:has(> [data-recipe-images]) { /* stylelint-disable-line selector-id-pattern */
  order: 3;
}
.form-group:has([data-recipe-images]) .remove-existing-image {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}
.form-group:has([data-recipe-images]) .remove-existing-image span {
  display: none;
}
.form-group:has([data-recipe-images]) .remove-existing-image::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e018"/"") {
  .form-group:has([data-recipe-images]) .remove-existing-image::after {
    --icon: "" / "";
  }
}
.form-group:has([data-recipe-images]) .remove-existing-image::after {
  content: var(--icon);
}
.form-group:has([data-recipe-images]) .remove-existing-image::after {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  padding: 3px;
  background-color: #ff4e4e;
}
.form-group:has([data-recipe-images]) .image-list {
  display: flex;
  order: 2;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
.form-group:has([data-recipe-images]) .image-list > li {
  cursor: pointer;
  display: flex;
  position: relative;
  width: calc(25% - 12px);
  aspect-ratio: 1;
  overflow: hidden;
}
.form-group:has([data-recipe-images]) .image-list > li:not(:has(button))::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e018"/"") {
  .form-group:has([data-recipe-images]) .image-list > li:not(:has(button))::after {
    --icon: "" / "";
  }
}
.form-group:has([data-recipe-images]) .image-list > li:not(:has(button))::after {
  content: var(--icon);
}
.form-group:has([data-recipe-images]) .image-list > li:not(:has(button))::after {
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px;
  background-color: #ff4e4e;
}
.form-group:has([data-recipe-images]) .image-list img {
  object-fit: cover;
  position: absolute;
  width: 100% !important; /* stylelint-disable-line declaration-no-important */
  height: 100% !important; /* stylelint-disable-line declaration-no-important */
}

.profile-image {
  display: flex;
  flex-direction: column-reverse;
}
.profile-image .upload label:first-of-type,
.profile-image .upload input {
  display: none;
}
.profile-image .upload .tiny {
  margin-top: 8px;
}
.profile-image .upload .form-group {
  display: flex;
  flex-direction: column;
}
.profile-image .upload .image-list {
  order: -1;
}
.profile-image .upload .image-list li {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 12px;
}
.profile-image .upload .image-list li img {
  object-fit: cover;
  position: absolute;
  width: 100% !important; /* stylelint-disable-line declaration-no-important */
  height: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.profile-image .upload:has(img) + .image {
  display: none;
}
.profile-image .upload + .image {
  display: flex;
}
.profile-image .upload + .image img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 12px;
}

.recipe {
  background-color: #f1f1f1;
}
html:has(.recipe) {
  background-color: #f1f1f1;
}
.recipe .information {
  padding-top: 2rem;
  padding-right: 1.75rem;
  padding-bottom: 2rem;
  padding-left: 1.75rem;
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
}
.recipe .information .image {
  display: block;
  height: 48px;
  width: 48px;
  border-radius: 24px;
  overflow: hidden;
}
.recipe .information .headline {
  color: #ffffff;
}
.recipe .information .category {
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
.recipe .information .evaluation {
  position: absolute;
  right: 28px;
  bottom: 30px;
  font-size: 26px;
}
.recipe .information .evaluation form {
  display: flex;
  gap: 7px;
}
.recipe .information .evaluation button {
  background: none;
  border: none;
  padding: 0;
}
.recipe .information .evaluation button::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e007"/"") {
  .recipe .information .evaluation button::before {
    --icon: "" / "";
  }
}
.recipe .information .evaluation button::before {
  content: var(--icon);
}
.recipe .information .evaluation button::before {
  background: linear-gradient(90deg, #ff7f23 0%, #ff7f23 var(--fill, 0%), #575757 var(--fill, 0%));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  width: 24px;
  align-items: center;
  justify-content: center;
}
.recipe .information .evaluation button:nth-child(1) {
  --fill: calc(min(max(var(--ratings) - 0, 0), 1) * 100%);
}
.recipe .information .evaluation button:nth-child(2) {
  --fill: calc(min(max(var(--ratings) - 1, 0), 1) * 100%);
}
.recipe .information .evaluation button:nth-child(3) {
  --fill: calc(min(max(var(--ratings) - 2, 0), 1) * 100%);
}
.recipe .information .evaluation button:nth-child(4) {
  --fill: calc(min(max(var(--ratings) - 3, 0), 1) * 100%);
}
.recipe .information .evaluation button:nth-child(5) {
  --fill: calc(min(max(var(--ratings) - 4, 0), 1) * 100%);
}
.recipe .introduction {
  display: flex;
  justify-content: space-between;
  margin-top: 29px;
  margin-bottom: 25px;
}
.recipe .introduction > div {
  display: flex;
  flex-direction: column;
}
.recipe .introduction .title {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
}
.recipe .introduction span {
  font-size: 18px;
  line-height: 20px;
  color: #232323;
  font-weight: 700;
}
.recipe .details {
  border-radius: 26px;
  background-color: #ffffff;
  margin-right: -26px;
  margin-left: -26px;
  padding-top: 38px;
  padding-right: 26px;
  padding-bottom: 38px;
  padding-left: 26px;
}
.recipe .ingredients {
  list-style: disc;
}
.recipe .ingredients,
.recipe .steps {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-left: 14px;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}
.recipe .ingredients:not(:last-child),
.recipe .steps:not(:last-child) {
  margin-bottom: 2rem;
}
.recipe .steps:has(li:only-child) {
  list-style: none;
  margin-left: 0;
}

.recipe-form .form-control {
  padding: 10px 12px;
  height: auto;
  line-height: 1;
  font-size: 14px;
  border-radius: 6px;
}
.recipe-form .form-group {
  margin-bottom: 0.75rem;
}

.distance {
  margin-top: 72px;
}

.name-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  color: #232323;
  font-family: "Montserrat", Geneva, Arial, sans-serif;
  font-weight: 600;
  background-color: rgb(226, 221, 217);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 10px 30px 10px 12px;
  border: none;
}
.name-overlay:not(:focus) + .suggestions {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}

.suggestions {
  display: none;
  position: absolute;
  background: rgb(226, 221, 217);
  z-index: 8;
  max-height: 150px;
  overflow-y: auto;
  padding-top: 3px;
  translate: 0 -3px;
  font-size: 13px;
  font-weight: 600;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  border-left: 2px solid rgba(0, 0, 0, 0.2);
}
.suggestions > div {
  padding: 8px 11px;
  cursor: pointer;
}

#play {
  border: none;
  color: #ffffff;
  height: 3rem;
  width: 3rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #54d969;
  border-radius: 1.5rem;
}
#play::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e048"/"") {
  #play::after {
    --icon: "" / "";
  }
}
#play::after {
  content: var(--icon);
}
#play[data-action=stop] {
  background-color: #ff4e4e;
}
#play[data-action=stop]::after {
  --icon: "";
}
@supports (content: "\e049"/"") {
  #play[data-action=stop]::after {
    --icon: "" / "";
  }
}
#play[data-action=stop]::after {
  content: var(--icon);
}
#play span {
  display: none;
}
#play[disabled] {
  pointer-events: none;
  background-color: #c4c4c4;
}

.drag {
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.75rem;
  margin-left: -16px;
}
.drag::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e051"/"") {
  .drag::after {
    --icon: "" / "";
  }
}
.drag::after {
  content: var(--icon);
}
.drag::after {
  font-size: 20px;
  translate: 12px;
}

.recipes {
  display: flex;
  gap: 0.875rem;
  flex-direction: column;
  margin-top: 17px;
  margin-bottom: 2rem;
}
@media screen and (min-width: 47.25em) {
  .recipes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}
@media screen and (min-width: 64em) {
  .recipes {
    grid-template-columns: repeat(3, 1fr);
  }
}
.recipes.small {
  margin-bottom: 0;
}
.recipes:has(+ nav) {
  margin-bottom: 0;
}
.recipes a.image,
.recipes div.image {
  width: 69px;
  height: 77px;
  border-radius: 12px;
  background-color: #c4c4c4;
  overflow: hidden;
  flex-shrink: 0;
}
.recipes .locked::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e053"/"") {
  .recipes .locked::before {
    --icon: "" / "";
  }
}
.recipes .locked::before {
  content: var(--icon);
}
.recipes .locked::before {
  color: #ffffff;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.recipes li {
  display: flex;
  gap: 0 16px;
}
.recipes li:has(.locked) {
  position: relative;
  padding-right: 64px;
}
.recipes .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.recipes .category {
  font-size: 12px;
  line-height: 20px;
  color: rgba(35, 35, 35, 0.6);
  font-weight: 600;
}
.recipes .headline {
  font-size: 16px;
  line-height: 20px;
  color: #232323;
  font-weight: 600;
}
.user .recipes .headline {
  margin-top: 0;
}
.recipes .author {
  font-size: 14px;
  line-height: 20px;
  color: #ff6347;
  font-weight: 600;
  margin-top: 10px;
}
.recipes.details {
  gap: 1rem;
}
.recipes.details li {
  height: 149px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  filter: drop-shadow(0 3px 2px rgba(84, 1, 116, 0.07));
  padding-top: 1.125rem;
  padding-right: 6.625rem;
  padding-bottom: 1.125rem;
  padding-left: 1rem;
}
@media screen and (min-width: 26.25em) {
  .recipes.details li {
    padding-bottom: 2rem;
  }
}
.recipes.details .text {
  justify-content: flex-start;
}
.recipes.details .image {
  position: absolute;
  right: 0;
  top: 0;
  height: 149px;
  width: 99px;
}
.recipes.details .category {
  font-size: 14px;
  color: #ff6347;
  font-weight: 500;
}
.recipes.details .headline {
  font-weight: 700;
  margin-top: 3px;
}
.recipes.details .author {
  font-size: 14px;
  color: rgba(35, 35, 35, 0.502);
  font-weight: 600;
  margin-top: 0;
}
.recipes.details .info {
  margin-top: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 26.25em) {
  .recipes.details .info {
    gap: 24px;
  }
}
.recipes.details .duration {
  font-size: 14px;
  color: rgba(35, 35, 35, 0.502);
  font-weight: 600;
  display: flex;
  gap: 4px;
}
.recipes.details .duration::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e009"/"") {
  .recipes.details .duration::before {
    --icon: "" / "";
  }
}
.recipes.details .duration::before {
  content: var(--icon);
}
.recipes.details .duration::before {
  font-size: 18px;
}

.select-replace {
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill:hsl(0, 0%, 80%)'></polygon></svg>");
  background-origin: content-box;
  background-size: 0.5625rem 0.375rem;
  background-repeat: no-repeat;
  background-position: right -1.53125rem center;
  padding-inline-end: 2.5rem;
  color: #232323;
  width: 100%;
  background-color: rgb(226, 221, 217);
  border-style: none;
  font-family: "Montserrat", Geneva, Arial, sans-serif;
  font-weight: 600;
  padding: 10px 12px;
  height: auto;
  line-height: 1;
  font-size: 14px;
  border-radius: 6px;
}
.select-replace::after {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e046"/"") {
  .select-replace::after {
    --icon: "" / "";
  }
}
.select-replace::after {
  content: var(--icon);
}
.select-replace::after {
  position: absolute;
  right: 10px;
  font-size: 20px;
  top: 50%;
  translate: 0 -50%;
}
.select-replace:has(+ .option-list[aria-expanded=true])::after {
  --icon: "";
}
@supports (content: "\e047"/"") {
  .select-replace:has(+ .option-list[aria-expanded=true])::after {
    --icon: "" / "";
  }
}
.select-replace:has(+ .option-list[aria-expanded=true])::after {
  content: var(--icon);
}
.form-group:has(.select-replace) {
  position: relative;
}

.option-list {
  position: absolute;
  background-color: rgb(226, 221, 217);
  border-radius: 0 0 6px 6px;
  z-index: 8;
  padding-top: 4px;
  translate: 0 -4px;
  width: 100%;
}
.option-list [role=option] {
  padding: 10px 12px;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
}
.option-list [aria-selected=true] {
  font-weight: 700;
}

select {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sign-in {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2.625rem;
}
.sign-in > span {
  font-size: 0.875rem;
  margin-right: auto;
}
.sign-in img {
  height: 2em;
  aspect-ratio: 49/50;
}
.sign-in a {
  flex-shrink: 0;
}
.sign-in a span {
  display: none;
}

/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-slide {
  display: flex;
}

.slider {
  display: flex;
}
.slider .slide {
  position: relative;
  width: 100%;
  aspect-ratio: 7/8;
}
@media screen and (min-width: 47.25em) {
  .slider .slide {
    aspect-ratio: 16/9;
    max-height: 480px;
  }
}
.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 47.25em) {
  .slider img {
    object-fit: cover;
    position: absolute;
    width: 100% !important; /* stylelint-disable-line declaration-no-important */
    height: 100% !important; /* stylelint-disable-line declaration-no-important */
  }
}

.loader {
  width: 48px;
  height: 48px;
  border: 5px solid #ffffff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.loader-wrapper {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
body:has(.loader-wrapper) {
  overflow: hidden;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.stage {
  position: relative;
  width: calc(100% + 52px);
  aspect-ratio: 7/8;
  margin-top: -1.625rem;
  margin-right: -1.625rem;
  margin-bottom: 0;
  margin-left: -1.625rem;
}
@media screen and (min-width: 47.25em) {
  .stage {
    aspect-ratio: 16/9;
    max-height: 480px;
    overflow: hidden;
  }
}
.stage::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.219608) 0%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.741176) 100%);
  pointer-events: none;
}
.stage .circles {
  display: flex;
  gap: 8px;
}

.top-bar {
  display: flex;
  height: 51px;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.75rem;
  margin-bottom: 2rem;
}
.top-bar .welcome {
  color: #49403a;
  font-size: 15px;
  line-height: 20px;
}
.top-bar .name {
  color: #232323;
  line-height: 20px;
  margin-bottom: 0;
}
.top-bar .title {
  align-self: center;
  margin-bottom: 0;
}
.top-bar .text {
  display: flex;
  gap: 11px;
  flex-direction: column;
}
.top-bar .text:has(.title) {
  flex-direction: row;
}
.top-bar .image {
  width: 51px;
  height: 51px;
  overflow: hidden;
  background-color: #c4c4c4;
  flex-grow: 0;
  flex-shrink: 0;
  border-color: #c4c4c4;
  border-radius: 18px;
  border-style: solid;
  border-width: 1px;
}
.top-bar .back {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  background-color: #e9e5e3;
}
.top-bar .back::before {
  --icon: "";
  /* stylelint-disable-next-line declaration-no-important */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@supports (content: "\e011"/"") {
  .top-bar .back::before {
    --icon: "" / "";
  }
}
.top-bar .back::before {
  content: var(--icon);
}
.top-bar .back::before {
  color: #333333;
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 2rem;
  justify-content: center;
}
.top-bar .back span {
  display: none;
}
.top-bar.absolute {
  position: absolute;
  width: calc(100% - 52px);
  z-index: 6;
}
.top-bar:has(+ .stage) .back {
  background-color: rgba(196, 196, 196, 0.29);
}
.top-bar:has(+ .stage) .back::before {
  color: #ffffff;
}
.top-bar .user-info {
  width: 100%;
  margin-left: 12px;
  display: flex;
  gap: 12px;
  align-items: center;
}
.top-bar .user-info .headline {
  margin: 0;
}

body {
  font-family: "Montserrat", Geneva, Arial, sans-serif;
}

.h2 {
  margin-bottom: 1.875rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.h3 {
  margin-bottom: 1.625rem;
  font-size: 1.375rem;
  font-weight: 700;
}

.h4 {
  line-height: 20px;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.h5 {
  line-height: 20px;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.h6 {
  line-height: 18px;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 700;
}

.preview-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.preview-intro .headline {
  margin: 0;
}
.preview-intro + p.books {
  margin-top: 17px;
}
.preview-intro + p.recipes {
  display: block;
}

.user {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user .form-group {
  margin: 0;
}
.user .image {
  width: 104px;
  height: 104px;
  background-color: #c4c4c4;
  overflow: hidden;
  border-color: #c4c4c4;
  border-radius: 15px;
  border-style: solid;
  border-width: 1px;
}
.user .image img {
  height: 100%;
  width: 100%;
}
.user .headline {
  margin-top: 18px;
  margin-bottom: 7px;
}
.user .slogan {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  text-align: center;
}
.user .button-wrapper {
  gap: 20px;
}
.user .button-wrapper .button {
  border-radius: 4px;
  font-size: 14px;
  line-height: 1;
  margin-top: 12px;
}
.user .about-me,
.user .guest-recipe,
.user .guest-books {
  align-self: flex-start;
  width: 100%;
}
.user .subtitle {
  font-size: 16px;
  margin-top: 42px;
  margin-bottom: 12px;
}
.user .friends-overview {
  width: 100%;
  align-self: flex-start;
}
.user .friends-overview .image {
  height: auto;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 0;
  border: none;
}
.user .friends-overview ul {
  display: flex;
  flex-wrap: wrap;
}
.user .friends-overview ul li {
  width: 20%;
}
@media screen and (min-width: 47.25em) {
  .user .friends-overview ul li {
    width: 10%;
  }
}
@media screen and (min-width: 64em) {
  .user .friends-overview ul li {
    width: 7.5%;
  }
}
.user .more {
  margin-top: 42px;
  font-size: 16px;
}