/* line 1, app/assets/stylesheets/core/_common.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/core/_common.scss */
body {
  font-family: "Archivo", ui-sans-serif, system-ui, sans-serif;
  font-weight: 400;
}

/* line 12, app/assets/stylesheets/core/_common.scss */
textarea,
input,
select,
button {
  font-family: "Archivo", ui-sans-serif, system-ui, sans-serif;
}

/* line 19, app/assets/stylesheets/core/_common.scss */
li {
  list-style: none;
}

/* line 23, app/assets/stylesheets/core/_common.scss */
a {
  color: inherit;
  text-decoration: none;
}

/* line 28, app/assets/stylesheets/core/_common.scss */
h1, h2, h3, h4, h5, h6, p, span, a, li, div {
  -webkit-font-smoothing: antialiased;
}

/* line 33, app/assets/stylesheets/core/_common.scss */
.section {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
}

/* line 40, app/assets/stylesheets/core/_common.scss */
.section .container {
  display: flex;
  width: calc(1400px + (2 * 24px));
  padding: 0 24px;
  max-width: 100%;
}

/* line 2, app/assets/stylesheets/sections/_categories-grid.scss */
.categories-grid-section .container {
  flex-direction: column;
}

@media only screen and (max-width: 911px) {
  /* line 6, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .title-container .button {
    display: none;
  }
}

/* line 12, app/assets/stylesheets/sections/_categories-grid.scss */
.categories-grid-section .grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 52px;
  margin-top: 74px;
}

@media only screen and (max-width: 911px) {
  /* line 12, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .grid {
    margin-top: 36px;
    row-gap: 36px;
  }
}

@media only screen and (max-width: 748px) {
  /* line 12, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .grid {
    row-gap: 18px;
  }
}

/* line 29, app/assets/stylesheets/sections/_categories-grid.scss */
.categories-grid-section .grid::after {
  content: "";
  flex: auto;
  width: 271px;
  max-width: 24%;
}

@media only screen and (max-width: 911px) {
  /* line 29, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .grid::after {
    max-width: 32%;
  }
}

@media only screen and (max-width: 748px) {
  /* line 29, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .grid::after {
    max-width: 48%;
  }
}

/* line 44, app/assets/stylesheets/sections/_categories-grid.scss */
.categories-grid-section .item {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  width: 271px;
  max-width: 24%;
}

@media only screen and (max-width: 911px) {
  /* line 44, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .item {
    width: 100%;
    max-width: 32%;
  }
}

@media only screen and (max-width: 748px) {
  /* line 44, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .item {
    max-width: 48%;
  }
}

/* line 61, app/assets/stylesheets/sections/_categories-grid.scss */
.categories-grid-section .item * {
  transition: color 0.25s, border-color 0.25s;
}

/* line 65, app/assets/stylesheets/sections/_categories-grid.scss */
.categories-grid-section .item-image {
  width: 100%;
  aspect-ratio: 21/9;
  margin-bottom: 12px;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  object-fit: cover;
  object-position: center center;
}

@media only screen and (max-width: 748px) {
  /* line 65, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .item-image {
    margin-bottom: 2px;
  }
}

/* line 79, app/assets/stylesheets/sections/_categories-grid.scss */
.categories-grid-section .item-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #070707;
}

@media only screen and (max-width: 911px) {
  /* line 79, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .item-title {
    font-size: 1.15rem;
  }
}

@media only screen and (max-width: 748px) {
  /* line 79, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .item-title {
    font-size: 0.96rem;
  }
}

/* line 93, app/assets/stylesheets/sections/_categories-grid.scss */
.categories-grid-section .item-description {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #070707;
}

@media only screen and (max-width: 911px) {
  /* line 93, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .item-description {
    font-size: 0.9rem;
    line-height: 1.3rem;
  }
}

@media only screen and (max-width: 748px) {
  /* line 93, app/assets/stylesheets/sections/_categories-grid.scss */
  .categories-grid-section .item-description {
    display: none;
  }
}

/* line 109, app/assets/stylesheets/sections/_categories-grid.scss */
.categories-grid-section .item:hover .item-title,
.categories-grid-section .item:hover .item-description {
  color: #7a7a7a;
}

/* line 1, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content {
  display: block;
  width: 100%;
}

/* line 5, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content > * {
  margin-top: 18px;
}

/* line 9, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content h1:not(:first-child),
.post-detail-content h2:not(:first-child),
.post-detail-content h3:not(:first-child),
.post-detail-content h4:not(:first-child),
.post-detail-content h5:not(:first-child),
.post-detail-content h6 {
  margin-top: 42px;
}

/* line 18, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content h1 {
  font-size: 2.5rem;
}

@media only screen and (max-width: 911px) {
  /* line 18, app/assets/stylesheets/sections/_post-detail-content.scss */
  .post-detail-content h1 {
    font-size: 2rem;
  }
}

/* line 24, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content h2 {
  font-size: 2.25rem;
}

@media only screen and (max-width: 911px) {
  /* line 24, app/assets/stylesheets/sections/_post-detail-content.scss */
  .post-detail-content h2 {
    font-size: 1.75rem;
  }
}

/* line 30, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content h3 {
  font-size: 2rem;
}

@media only screen and (max-width: 911px) {
  /* line 30, app/assets/stylesheets/sections/_post-detail-content.scss */
  .post-detail-content h3 {
    font-size: 1.5rem;
  }
}

/* line 36, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content h4 {
  font-size: 1.75rem;
}

@media only screen and (max-width: 911px) {
  /* line 36, app/assets/stylesheets/sections/_post-detail-content.scss */
  .post-detail-content h4 {
    font-size: 1.25rem;
  }
}

/* line 42, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content h5 {
  font-size: 1.5rem;
}

@media only screen and (max-width: 911px) {
  /* line 42, app/assets/stylesheets/sections/_post-detail-content.scss */
  .post-detail-content h5 {
    font-size: 1rem;
  }
}

/* line 48, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content h6 {
  font-size: 1rem;
}

@media only screen and (max-width: 911px) {
  /* line 48, app/assets/stylesheets/sections/_post-detail-content.scss */
  .post-detail-content h6 {
    font-size: 0.8rem;
  }
}

/* line 54, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content h1,
.post-detail-content h2,
.post-detail-content h3,
.post-detail-content h4,
.post-detail-content h5,
.post-detail-content h6 {
  color: #070707;
  font-weight: 600;
}

/* line 63, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content p {
  font-size: 1rem;
  line-height: 1.8rem;
  color: #555;
}

@media only screen and (max-width: 911px) {
  /* line 63, app/assets/stylesheets/sections/_post-detail-content.scss */
  .post-detail-content p {
    font-size: 0.9rem;
    line-height: 1.6rem;
  }
}

/* line 73, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content a {
  color: #070707;
  transition: color 0.25s;
}

/* line 77, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content a:hover {
  color: black;
}

/* line 80, app/assets/stylesheets/sections/_post-detail-content.scss */
.post-detail-content a:active {
  color: black;
}

@media only screen and (max-width: 911px) {
  /* line 1, app/assets/stylesheets/sections/_login-form.scss */
  .login-form-section {
    min-height: calc(100vh - (71px + 190px));
  }
}

/* line 6, app/assets/stylesheets/sections/_login-form.scss */
.login-form-section .container {
  flex-direction: column;
}

/* line 10, app/assets/stylesheets/sections/_login-form.scss */
.login-form-section .container {
  width: 498px;
  max-width: 100%;
}

/* line 15, app/assets/stylesheets/sections/_login-form.scss */
.login-form-section .form-title {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 20px;
}

@media only screen and (max-width: 911px) {
  /* line 15, app/assets/stylesheets/sections/_login-form.scss */
  .login-form-section .form-title {
    font-size: 1.5rem;
    margin-bottom: 12px;
  }
}

/* line 26, app/assets/stylesheets/sections/_login-form.scss */
.login-form-section .form-subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  color: #7a7a7a;
}

/* line 32, app/assets/stylesheets/sections/_login-form.scss */
.login-form-section .form {
  margin-top: 32px;
}

/* line 36, app/assets/stylesheets/sections/_login-form.scss */
.login-form-section .social-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 1, app/assets/stylesheets/components/_button.scss */
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  border: 0;
  appearance: none;
  display: inline-flex;
  font-weight: 800;
  background-color: #070707;
  color: #f0f0f0;
  border-radius: 0px;
  padding: 12px 24px;
  font-size: 1rem;
  transition: background-color 0.25s;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

/* line 21, app/assets/stylesheets/components/_button.scss */
.button:hover {
  background-color: black;
}

/* line 25, app/assets/stylesheets/components/_button.scss */
.button:active {
  background-color: black;
}

@media only screen and (max-width: 911px) {
  /* line 1, app/assets/stylesheets/components/_button.scss */
  .button {
    font-size: 0.875rem;
  }
}

/* line 34, app/assets/stylesheets/components/_button.scss */
.button > img {
  max-width: 22px;
  max-height: 22px;
}

/* line 39, app/assets/stylesheets/components/_button.scss */
.button.secondary {
  background-color: #7a7a7a;
  color: #f0f0f0;
  transition: background-color 0.25s !important;
}

/* line 44, app/assets/stylesheets/components/_button.scss */
.button.secondary:hover {
  background-color: #616161;
}

/* line 48, app/assets/stylesheets/components/_button.scss */
.button.secondary:active {
  background-color: #474747;
}

/* line 53, app/assets/stylesheets/components/_button.scss */
.button.clean {
  padding: 0;
  background-color: transparent;
  color: #070707;
}

/* line 59, app/assets/stylesheets/components/_button.scss */
.button.clean.small {
  padding: 0;
}

/* line 62, app/assets/stylesheets/components/_button.scss */
.button-transparent {
  padding: 0;
  border: none;
  background: transparent;
  color: #f0f0f0;
  cursor: pointer;
}

/* line 70, app/assets/stylesheets/components/_button.scss */
.button.small {
  padding: 10px 20px;
  font-size: 0.875rem;
}

/* line 75, app/assets/stylesheets/components/_button.scss */
.button.google,
.button.facebook,
.button.apple {
  display: flex;
  align-items: center;
  gap: 12px;
  max-height: 44px;
  transition: opacity 0.25s;
}

/* line 84, app/assets/stylesheets/components/_button.scss */
.button.google:hover,
.button.facebook:hover,
.button.apple:hover {
  opacity: 0.8;
}

/* line 88, app/assets/stylesheets/components/_button.scss */
.button.google .button-icon,
.button.facebook .button-icon,
.button.apple .button-icon {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 96, app/assets/stylesheets/components/_button.scss */
.button.light {
  font-weight: 400;
}

/* line 100, app/assets/stylesheets/components/_button.scss */
.button.align-center {
  align-self: center;
}

/* line 104, app/assets/stylesheets/components/_button.scss */
.button.google {
  border: 1px solid #d0d0d0;
  background-color: #fff;
}

/* line 108, app/assets/stylesheets/components/_button.scss */
.button.google .button-icon {
  background-image: url(/assets/icons/colored/google-0390b99125211702ebca4e1b250701446af43a025e17f8f09f12ec0ad9b4179b.svg);
}

/* line 112, app/assets/stylesheets/components/_button.scss */
.button.google .button-label {
  color: #757575;
}

/* line 116, app/assets/stylesheets/components/_button.scss */
.button.facebook {
  background-color: #1877f2;
}

/* line 119, app/assets/stylesheets/components/_button.scss */
.button.facebook .button-icon {
  background-image: url(/assets/icons/white/facebook-03d9da81c3c85b5a42fa37220f9b7d71dfb9b6e27ca83ea591ba164b89bf5def.svg);
}

/* line 123, app/assets/stylesheets/components/_button.scss */
.button.facebook .button-label {
  color: #fff;
}

/* line 127, app/assets/stylesheets/components/_button.scss */
.button.apple {
  background-color: #000;
}

/* line 130, app/assets/stylesheets/components/_button.scss */
.button.apple .button-icon {
  background-image: url(/assets/icons/white/apple-ce692f43271c763dae35cb1d992ce0842a2bfa74ee185eb87d6a1784c2a5df61.svg);
}

/* line 134, app/assets/stylesheets/components/_button.scss */
.button.apple .button-label {
  color: #fff;
}

/* line 1, app/assets/stylesheets/components/_title.scss */
.title-container {
  display: flex;
  width: 100%;
}

/* line 5, app/assets/stylesheets/components/_title.scss */
.title-container.with-item {
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 911px) {
  /* line 5, app/assets/stylesheets/components/_title.scss */
  .title-container.with-item {
    justify-content: center;
  }
}

/* line 15, app/assets/stylesheets/components/_title.scss */
.title {
  font-weight: 600;
  font-size: 2.75rem;
}

@media only screen and (max-width: 911px) {
  /* line 15, app/assets/stylesheets/components/_title.scss */
  .title {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 748px) {
  /* line 15, app/assets/stylesheets/components/_title.scss */
  .title {
    font-size: 1.3rem;
  }
}

/* line 1, app/assets/stylesheets/components/_select.scss */
.select {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  font-weight: 600;
  background-color: #070707;
  color: #f0f0f0;
  border-radius: 0px;
  padding: 12px 48px 12px 24px;
  font-size: 1rem;
  transition: background-color 0.25s;
  width: auto;
  background-image: url(/assets/icons/white/arrow-down-7326fbe60a2d5bd783dd53cf4bad7da0b2d9baa3297c33b74302a9846ddb08a7.svg);
  background-repeat: no-repeat;
  background-position: right 24px center;
  background-size: 12px;
  cursor: pointer;
}

/* line 25, app/assets/stylesheets/components/_select.scss */
.select:hover {
  background-color: black;
}

/* line 29, app/assets/stylesheets/components/_select.scss */
.select:active {
  background-color: black;
}

@media only screen and (max-width: 911px) {
  /* line 1, app/assets/stylesheets/components/_select.scss */
  .select {
    font-size: 0.9rem;
  }
}

/* line 38, app/assets/stylesheets/components/_select.scss */
.select.full {
  width: 100%;
}

/* line 42, app/assets/stylesheets/components/_select.scss */
.select.small {
  font-size: 0.875rem;
  padding: 10px 40px 10px 20px;
  background-position: right 12px center;
}

/* line 49, app/assets/stylesheets/components/_select.scss */
.select.clean {
  background-color: transparent;
  color: #070707;
  padding: 0 24px 0 0;
  background-position: right 24px center;
  background-image: url(/assets/icons/red/arrow-down-38754edfe6db28777fe82c06e1e580e52f1f2e96666957c5c02cc67815246404.svg);
  background-position: right 0 center;
}

/* line 1, app/assets/stylesheets/components/_textarea.scss */
.textarea {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  display: inline-flex;
  font-weight: 400;
  border: 1px solid rgba(240, 240, 240, 0.14);
  background-color: #111;
  color: #f0f0f0;
  border-radius: 0px;
  padding: 12px 24px;
  font-size: 1rem;
  resize: vertical;
}

/* line 20, app/assets/stylesheets/components/_textarea.scss */
.textarea.darker {
  background-color: rgba(240, 240, 240, 0.14);
}

/* line 24, app/assets/stylesheets/components/_textarea.scss */
.textarea.double-padding {
  padding: 24px;
}

/* line 28, app/assets/stylesheets/components/_textarea.scss */
.textarea.full {
  width: 100%;
}

/* line 1, app/assets/stylesheets/components/_form.scss */
.form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
  background-color: #0d0d0d;
  border: 1px solid rgba(240, 240, 240, 0.14);
  padding: 34px 42px;
}

/* line 10, app/assets/stylesheets/components/_form.scss */
.form .input-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

/* line 17, app/assets/stylesheets/components/_form.scss */
.form .input-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}

/* line 24, app/assets/stylesheets/components/_form.scss */
.form .input-row.double .input-container {
  width: calc(50% - 12px);
}

/* line 28, app/assets/stylesheets/components/_form.scss */
.form .form-divisor {
  display: flex;
  width: 100%;
  height: 1px;
  background: rgba(240, 240, 240, 0.14);
  margin: 12px 0;
}

/* line 37, app/assets/stylesheets/components/_form.scss */
.form.transparent {
  background-color: transparent;
}

/* line 41, app/assets/stylesheets/components/_form.scss */
.form.borderless {
  border: 0;
}

/* line 45, app/assets/stylesheets/components/_form.scss */
.form.paddingless {
  padding: 0;
}

/* line 1, app/assets/stylesheets/components/_label.scss */
.label {
  display: flex;
  font-size: 1rem;
  font-weight: 600;
}

/* line 1, app/assets/stylesheets/components/_input.scss */
.input {
  border: 1px solid rgba(240, 240, 240, 0.14);
  border-radius: 0px;
  padding: 12px 24px;
  font-size: 1rem;
  background-color: #111;
  color: #f0f0f0;
  outline-color: #ff3d00;
}

@media only screen and (max-width: 911px) {
  /* line 1, app/assets/stylesheets/components/_input.scss */
  .input {
    padding: 10px 20px;
    font-size: 0.875rem;
  }
}

/* line 1, app/assets/stylesheets/components/_table.scss */
.table {
  width: 100%;
  border-collapse: collapse;
  background: #0d0d0d;
  border: 1px solid rgba(240, 240, 240, 0.14);
  max-width: 100% !important;
}

@media only screen and (max-width: 911px) {
  /* line 1, app/assets/stylesheets/components/_table.scss */
  .table {
    display: block;
    overflow-x: scroll;
  }
}

/* line 13, app/assets/stylesheets/components/_table.scss */
.table th {
  text-align: left;
}

/* line 17, app/assets/stylesheets/components/_table.scss */
.table td,
.table th {
  padding: 16px 22px;
  font-size: 0.875rem;
  border-bottom: 1px solid rgba(240, 240, 240, 0.14);
  color: #f0f0f0;
}

/* line 25, app/assets/stylesheets/components/_table.scss */
.table td {
  line-height: 1.3rem;
}

/* line 29, app/assets/stylesheets/components/_table.scss */
.table th {
  font-size: 1rem;
  font-weight: 600;
  color: #7a7a7a;
  font-family: "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.6875rem;
}

/* line 39, app/assets/stylesheets/components/_table.scss */
.table .icons {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

/* line 46, app/assets/stylesheets/components/_table.scss */
.table .icons a:hover {
  opacity: 0.8;
}

/* line 1, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav {
  position: relative;
  padding: 12px;
  background-color: #1a1a1a;
  flex-direction: column;
  gap: 32px;
  transition: width 0.25s;
}

/* line 9, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .row {
  display: flex;
  justify-content: space-between;
}

/* line 14, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .row.center {
  justify-content: center;
}

/* line 18, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .row.column {
  flex-direction: column;
}

/* line 22, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .row.column.center {
  align-items: center;
}

/* line 26, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .row-menu-button {
  flex-direction: row !important;
}

@media only screen and (max-width: 911px) {
  /* line 26, app/assets/stylesheets/components/_admin-nav.scss */
  .admin-nav .row-menu-button {
    flex-direction: row !important;
  }
}

/* line 33, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .user-name {
  font-weight: 600;
  color: #fff;
  font-size: 1rem;
  transition: width 0.25s, height 0.25s;
}

/* line 39, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .user-email {
  font-weight: 400;
  color: #fff;
  font-size: 0.875rem;
  transition: width 0.25s, height 0.25s;
  margin-top: 6px;
}

/* line 47, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
}

/* line 54, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .menu a {
  display: flex;
  width: 100%;
  padding: 14px 22px;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  gap: 14px;
  border-radius: 6px;
}

/* line 64, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .menu a:hover {
  transition: background-color 0.25s;
  background-color: #1d1d1d;
}

/* line 69, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .menu a.active {
  background-color: #2a2a2a;
  cursor: default;
}

/* line 75, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .menu a .icon {
  display: inline-flex;
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

/* line 84, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .menu a .icon img {
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
}

/* line 90, app/assets/stylesheets/components/_admin-nav.scss */
.admin-nav .menu a label {
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  overflow: hidden;
  transition: width 0.25s, height 0.25s;
  position: relative;
}

/* line 101, app/assets/stylesheets/components/_admin-nav.scss */
body.menu-closed .admin-nav {
  padding-left: 6px;
  padding-right: 6px;
  width: 48px;
}

/* line 106, app/assets/stylesheets/components/_admin-nav.scss */
body.menu-closed .admin-nav .row {
  justify-content: center;
}

/* line 110, app/assets/stylesheets/components/_admin-nav.scss */
body.menu-closed .admin-nav .logout {
  display: none;
}

/* line 114, app/assets/stylesheets/components/_admin-nav.scss */
body.menu-closed .admin-nav .logo {
  opacity: 0;
}

/* line 117, app/assets/stylesheets/components/_admin-nav.scss */
body.menu-closed .admin-nav .user-name,
body.menu-closed .admin-nav .user-email {
  opacity: 0;
  width: 1000px;
}

/* line 123, app/assets/stylesheets/components/_admin-nav.scss */
body.menu-closed .admin-nav .menu a {
  padding-left: 4px;
  padding-right: 4px;
  justify-content: center;
}

/* line 129, app/assets/stylesheets/components/_admin-nav.scss */
body.menu-closed .admin-nav .menu a label {
  display: none;
  width: 0;
  height: 0;
}

/* line 2, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .posts-detail-title-section .post-detail-title {
  font-size: 2.875rem;
  font-weight: 600;
  color: #070707;
  margin-bottom: 30px;
}

@media only screen and (max-width: 911px) {
  /* line 2, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .posts-detail-title-section .post-detail-title {
    font-size: 1.625rem;
    margin-bottom: 24px;
  }
}

/* line 14, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-default-section .container {
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 911px) {
  /* line 14, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-default-section .container {
    justify-content: center;
  }
}

/* line 23, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-default-section .primary-content {
  width: 73%;
}

@media only screen and (max-width: 911px) {
  /* line 23, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-default-section .primary-content {
    width: 100%;
  }
}

/* line 29, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-default-section .secondary-content {
  width: calc(27% - 48px);
}

@media only screen and (max-width: 911px) {
  /* line 29, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-default-section .secondary-content {
    display: inline-flex;
    width: 100%;
  }
}

/* line 40, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-image {
  position: relative;
  display: flex;
  width: calc(100% - (2 * $outline-border));
  margin-left: 12px;
  margin-bottom: 12px;
  border-radius: 12px;
  outline: 10px solid #fff;
  overflow: hidden;
  box-sizing: border-box;
  max-width: 100%;
  justify-content: center;
}

@media only screen and (max-width: 911px) {
  /* line 40, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image {
    border-radius: 0;
    overflow: visible;
  }
}

@media only screen and (max-width: 911px) {
  /* line 59, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image::after {
    position: absolute;
    width: 120%;
    height: 300px;
    content: "";
    background-image: url(/assets/post-detail-shape-cf94b76dc2b77dc4ac617e4afcb64995f686e954241ca68b4d14b28c862689a6.svg);
    background-repeat: no-repeat;
    background-position: bottom 0 center;
    background-size: 110% auto;
    z-index: -1;
    bottom: 0;
    left: -10%;
  }
}

/* line 75, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-image img {
  display: flex;
  max-width: 100%;
}

@media only screen and (max-width: 911px) {
  /* line 75, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image img {
    border-radius: 12px;
  }
}

/* line 84, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-image-ad {
  display: flex;
  width: 100%;
  border: 6px solid #070707;
  overflow: hidden;
  border-radius: 12px;
  transition: border-color 0.25s;
}

/* line 92, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-image-ad:hover {
  border-color: black;
}

@media only screen and (max-width: 911px) {
  /* line 84, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image-ad {
    width: 240px;
    margin-top: 12px;
  }
}

@media only screen and (max-width: 748px) {
  /* line 84, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image-ad {
    width: 170px;
  }
}

/* line 106, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-image-ad img {
  display: block;
  width: 100%;
}

/* line 111, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-image-section {
  position: relative;
}

@media only screen and (max-width: 911px) {
  /* line 111, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image-section {
    overflow: hidden;
  }
}

/* line 119, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-image-section::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(/assets/post-detail-shape-cf94b76dc2b77dc4ac617e4afcb64995f686e954241ca68b4d14b28c862689a6.svg);
  background-repeat: no-repeat;
  background-position: bottom -180px center;
  background-size: 110% auto;
  z-index: -1;
  bottom: 12px;
  left: 0;
}

@media only screen and (max-width: 2200px) {
  /* line 119, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image-section::after {
    background-position: bottom -120px center;
  }
}

@media only screen and (max-width: 1920px) {
  /* line 119, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image-section::after {
    background-position: bottom -50px center;
  }
}

@media only screen and (max-width: 1640px) {
  /* line 119, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image-section::after {
    background-position: bottom -30px center;
  }
}

@media only screen and (max-width: 1400px) {
  /* line 119, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image-section::after {
    background-position: bottom 0 center;
  }
}

@media only screen and (max-width: 911px) {
  /* line 119, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image-section::after {
    display: none;
  }
}

/* line 149, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-image-section .secondary-content {
  flex-direction: column;
}

@media only screen and (max-width: 911px) {
  /* line 149, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-image-section .secondary-content {
    align-items: center;
    align-content: center;
  }
}

/* line 158, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .share-post {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  margin-top: 32px;
  gap: 12px;
}

@media only screen and (max-width: 748px) {
  /* line 158, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .share-post {
    margin-top: 18px;
  }
}

/* line 171, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .share-post .socials {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

@media only screen and (max-width: 911px) {
  /* line 171, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .share-post .socials {
    gap: 42px;
  }
}

/* line 182, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .share-post .socials a {
  transition: opacity 0.25s;
}

/* line 185, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .share-post .socials a:hover {
  opacity: 0.8;
}

/* line 190, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-section {
  margin: 28px 0;
}

/* line 194, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-section .primary-content {
  display: flex;
  flex-wrap: wrap;
  gap: 96px;
  row-gap: 24px;
  align-items: center;
}

@media only screen and (max-width: 911px) {
  /* line 194, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .author-section .primary-content {
    justify-content: space-between;
  }
}

/* line 206, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-section .author {
  display: inline-flex;
  align-items: center;
}

/* line 211, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-section .image-container {
  width: 84px;
  height: 84px;
  border-radius: 12px;
  overflow: hidden;
  margin-right: 18px;
}

@media only screen and (max-width: 911px) {
  /* line 211, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .author-section .image-container {
    width: 56px;
    height: 56px;
  }
}

@media only screen and (max-width: 748px) {
  /* line 211, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .author-section .image-container {
    width: 42px;
    height: 42px;
    margin-right: 8px;
  }
}

/* line 230, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-section .image-container img {
  max-width: 100%;
  max-height: 100%;
}

/* line 235, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-section .label {
  font-size: 0.9rem;
  color: #7a7a7a;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (max-width: 748px) {
  /* line 235, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .author-section .label {
    font-size: 0.85rem;
  }
}

/* line 246, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-section .description {
  font-size: 1rem;
  margin-top: 4px;
  color: #070707;
  font-weight: 600;
}

@media only screen and (max-width: 748px) {
  /* line 246, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .author-section .description {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 911px) {
  /* line 257, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .author-section .comments {
    display: none;
  }
}

/* line 263, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-content-ad {
  width: 100%;
}

@media only screen and (max-width: 911px) {
  /* line 263, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-content-ad {
    display: none;
  }
}

/* line 271, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-content-ad img {
  width: 100%;
}

/* line 275, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio {
  display: flex;
  flex-wrap: wrap;
  margin: 100px 0 190px 0;
  align-items: flex-start;
}

@media only screen and (max-width: 911px) {
  /* line 275, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio {
    margin: 82px 0;
  }
}

/* line 286, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .image {
  position: relative;
  width: 164px;
  height: 164px;
}

@media only screen and (max-width: 911px) {
  /* line 286, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio .image {
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
  }
}

/* line 299, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .image::before {
  position: absolute;
  width: 3000px;
  height: 212px;
  top: 50%;
  right: 50%;
  transform: translate(0, -50%);
  background-color: #070707;
  content: "";
  z-index: -1;
}

@media only screen and (max-width: 911px) {
  /* line 299, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio .image::before {
    height: 114px;
    right: calc(50% + 80px);
  }
}

/* line 316, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .image img {
  border: 6px solid #fff;
  border-radius: 12px;
  width: 100%;
  max-height: 100%;
}

@media only screen and (max-width: 911px) {
  /* line 316, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio .image img {
    width: 90px;
    height: 90px;
  }
}

/* line 328, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .text {
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  width: calc(100% - 164px);
  padding-left: 24px;
}

@media only screen and (max-width: 911px) {
  /* line 328, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio .text {
    margin-top: 36px;
    width: 100%;
    padding: 0;
  }
}

/* line 342, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .text-mobile {
  display: none;
}

@media only screen and (max-width: 911px) {
  /* line 342, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio .text-mobile {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px;
    gap: 6px;
  }
}

/* line 354, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .label {
  font-size: 1rem;
  color: #070707;
}

@media only screen and (max-width: 911px) {
  /* line 354, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio .label {
    font-size: 0.9rem;
  }
}

/* line 362, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .author-name {
  font-size: 1.5rem;
  font-weight: 600;
}

@media only screen and (max-width: 911px) {
  /* line 362, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio .author-name {
    font-size: 1.2rem;
  }
}

/* line 371, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .text .label,
.page-post-detail .post-detail-author-bio .text .author-name {
  display: none;
}

/* line 376, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .author-description {
  font-size: 0.875rem;
  line-height: 1.4rem;
  color: #7a7a7a;
  font-weight: 400;
}

@media only screen and (max-width: 911px) {
  /* line 376, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio .author-description {
    font-size: 0.8rem;
  }
}

/* line 387, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .author-social {
  display: flex;
  gap: 22px;
  align-items: center;
  margin-top: 12px;
}

@media only screen and (max-width: 911px) {
  /* line 387, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-author-bio .author-social {
    justify-content: center;
  }
}

/* line 398, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .author-social a {
  transition: opacity 0.25s;
}

/* line 402, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-author-bio .author-social a:hover {
  opacity: 0.7;
}

/* line 406, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-other-posts {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 26px;
  margin: 62px 0;
}

@media only screen and (max-width: 911px) {
  /* line 406, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-other-posts {
    display: none;
  }
}

/* line 418, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-other-posts .other-posts-title {
  font-size: 1.25rem;
  color: #070707;
  font-weight: 600;
}

/* line 424, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-other-posts .post-resume {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* line 430, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-other-posts .post-resume-image {
  width: 100%;
  aspect-ratio: 16/7;
  object-fit: cover;
  border-radius: 6px;
}

/* line 437, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-other-posts .post-resume-title {
  font-size: 1rem;
  margin-top: 12px;
  font-weight: 600;
  color: #070707;
}

/* line 445, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-other-posts .post-resume:hover .post-resume-title {
  color: #070707;
}

/* line 450, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment .comment-title-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media only screen and (max-width: 911px) {
  /* line 450, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-comment .comment-title-container {
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* line 461, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment .comment-title {
  font-size: 1.875rem;
  font-weight: 600;
  color: #070707;
}

@media only screen and (max-width: 911px) {
  /* line 461, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-comment .comment-title {
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
  }
}

/* line 473, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment .comment-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

@media only screen and (max-width: 911px) {
  /* line 473, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-comment .comment-actions {
    margin-top: 18px;
  }
}

/* line 483, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment .comment-actions .label {
  font-size: 0.875rem;
  color: #7a7a7a;
}

/* line 488, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment .comment-form-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
  margin: 30px 0 60px;
  align-items: center;
  gap: 12px;
}

/* line 499, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comments-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* line 505, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
}

/* line 512, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-row {
  display: flex;
  justify-content: space-between;
}

/* line 517, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-row > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

/* line 524, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-row .avatar {
  width: 38px;
  height: 38px;
  overflow: hidden;
  border-radius: 50%;
}

/* line 531, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-row .avatar img {
  max-width: 100%;
  max-height: 100%;
}

/* line 536, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-row .name {
  font-size: 1rem;
  font-weight: 600;
}

@media only screen and (max-width: 911px) {
  /* line 536, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .author-row .name {
    font-size: 0.93rem;
  }
}

/* line 545, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .author-row .date {
  font-size: 0.875rem;
  color: #7a7a7a;
}

/* line 550, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px;
  padding-top: 12px;
  margin-top: 12px;
}

/* line 557, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item:last-child {
  border: 0;
}

/* line 561, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .description-row {
  display: flex;
}

/* line 565, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .actions-row {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
}

/* line 571, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .actions-row .like,
.page-post-detail .post-detail-comment-item .actions-row .deslike {
  color: #070707;
  font-size: 0.875rem;
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px;
  padding-left: 22px;
}

/* line 582, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .actions-row .like {
  background-image: url(/assets/icons/black/thumbs-up-081ddbc3243fa94d1cf70063d06652ed79ebeb3749ab5b23baccf66bff94a606.svg);
}

/* line 586, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .actions-row .like.active {
  background-image: url(/assets/icons/red-dark/thumbs-up-fd243c1ea644cf38587f8e4d87c27b177ef9788b85459bdb2a561c71cafd1e51.svg);
  color: #7a7a7a;
}

/* line 591, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .actions-row .deslike {
  background-image: url(/assets/icons/black/thumbs-down-e052dca4d9cb675647f761f808a3dbeb2014009a9bbbba02e048cd01de88c9ed.svg);
}

/* line 594, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .actions-row .deslike.active {
  background-image: url(/assets/icons/red-dark/thumbs-down-ac9a56645e53c54d19b73cfee9a60f825aa09684a668d45640d1f2ca269bd91a.svg);
  color: #7a7a7a;
}

/* line 598, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .actions-row .share {
  width: 18px;
  height: 18px;
  background-image: url(/assets/icons/black/share-08ff13709e89c0a6afee0dba2ae924c74837cfca8c788e77fa505630e87929ee.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

/* line 607, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .actions-row a {
  transition: opacity 0.25s;
}

/* line 611, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .actions-row a:hover {
  opacity: 0.8;
}

/* line 615, app/assets/stylesheets/pages/_post-detail.scss */
.page-post-detail .post-detail-comment-item .description-row p {
  display: flex;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #7a7a7a;
}

@media only screen and (max-width: 911px) {
  /* line 615, app/assets/stylesheets/pages/_post-detail.scss */
  .page-post-detail .post-detail-comment-item .description-row p {
    font-size: 0.85rem;
    line-height: 1.4rem;
  }
}

/* line 2, app/assets/stylesheets/pages/_admin.scss */
body.menu-closed .admin-main-content {
  width: calc(100% - 48px);
}

/* line 7, app/assets/stylesheets/pages/_admin.scss */
.admin-page {
  background-color: #070707;
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
}

/* line 13, app/assets/stylesheets/pages/_admin.scss */
.admin-page .admin-nav {
  display: inline-flex;
  width: 280px;
  height: 100vh;
  overflow: hidden;
}

/* line 20, app/assets/stylesheets/pages/_admin.scss */
.admin-page .admin-main-content {
  transition: width 0.25s;
  display: inline-flex;
  width: calc(100% - 280px);
  height: 100vh;
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  overflow-y: auto;
}

/* line 31, app/assets/stylesheets/pages/_admin.scss */
.admin-page .admin-title {
  display: flex;
  width: 100%;
  padding-bottom: 24px;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 64px;
  padding-bottom: 26px;
  font-size: 2.25rem;
  font-weight: 800;
  font-family: "Anton", Impact, sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  color: #f0f0f0;
  background-color: #070707;
  border-bottom: 1px solid rgba(240, 240, 240, 0.14);
}

@media only screen and (max-width: 911px) {
  /* line 31, app/assets/stylesheets/pages/_admin.scss */
  .admin-page .admin-title {
    padding: 12px;
    font-size: 1.6rem;
  }
}

/* line 54, app/assets/stylesheets/pages/_admin.scss */
.admin-page .admin-subtitle {
  font-size: 1.25rem;
  color: #7a7a7a;
  font-weight: 600;
}

/* line 60, app/assets/stylesheets/pages/_admin.scss */
.admin-page .main-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 30px 60px;
  padding-bottom: 60px;
  gap: 28px;
}

@media only screen and (max-width: 911px) {
  /* line 60, app/assets/stylesheets/pages/_admin.scss */
  .admin-page .main-content {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* line 74, app/assets/stylesheets/pages/_admin.scss */
.admin-page .row {
  display: flex;
  width: 100%;
  align-items: center;
  align-content: flex-start;
  justify-content: space-between;
}

@media only screen and (max-width: 748px) {
  /* line 74, app/assets/stylesheets/pages/_admin.scss */
  .admin-page .row {
    flex-direction: column;
    gap: 12px;
  }
}

/* line 1, app/assets/stylesheets/pages/_admin-login.scss */
.admin-login-container {
  display: flex;
  width: 100%;
  height: 100vh;
}

/* line 6, app/assets/stylesheets/pages/_admin-login.scss */
.admin-login-container .logo {
  margin-bottom: 42px;
}

/* line 10, app/assets/stylesheets/pages/_admin-login.scss */
.admin-login-container .background-container {
  position: relative;
  width: 50%;
  height: 100%;
  background-image: url(/admin-login-background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.3s;
}

@media only screen and (max-width: 1237px) {
  /* line 10, app/assets/stylesheets/pages/_admin-login.scss */
  .admin-login-container .background-container {
    width: 30%;
  }
}

@media only screen and (max-width: 911px) {
  /* line 10, app/assets/stylesheets/pages/_admin-login.scss */
  .admin-login-container .background-container {
    width: 5%;
  }
}

/* line 28, app/assets/stylesheets/pages/_admin-login.scss */
.admin-login-container .background-container::after {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(/assets/admin-login-shape-ea219186395d16b87260a77e75471504acacf0c5492f829074a1196e4cd93072.svg);
  background-repeat: no-repeat;
  background-position: bottom -350px center;
  background-size: 122% auto;
  content: "";
}

@media only screen and (max-width: 2020px) {
  /* line 28, app/assets/stylesheets/pages/_admin-login.scss */
  .admin-login-container .background-container::after {
    background-position: bottom -280px center;
  }
}

@media only screen and (max-width: 1800px) {
  /* line 28, app/assets/stylesheets/pages/_admin-login.scss */
  .admin-login-container .background-container::after {
    background-position: bottom -200px center;
  }
}

@media only screen and (max-width: 1400px) {
  /* line 28, app/assets/stylesheets/pages/_admin-login.scss */
  .admin-login-container .background-container::after {
    background-position: bottom -150px center;
  }
}

@media only screen and (max-width: 1237px) {
  /* line 28, app/assets/stylesheets/pages/_admin-login.scss */
  .admin-login-container .background-container::after {
    background-position: bottom -90px center;
  }
}

/* line 55, app/assets/stylesheets/pages/_admin-login.scss */
.admin-login-container .form-container {
  display: inline-flex;
  padding: 24px;
  padding-left: 134px;
  width: 50%;
  height: 100%;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 1237px) {
  /* line 55, app/assets/stylesheets/pages/_admin-login.scss */
  .admin-login-container .form-container {
    width: 70%;
    padding-left: 64px;
  }
}

@media only screen and (max-width: 911px) {
  /* line 55, app/assets/stylesheets/pages/_admin-login.scss */
  .admin-login-container .form-container {
    width: 95%;
    padding: 24px;
  }
}

/* line 76, app/assets/stylesheets/pages/_admin-login.scss */
.admin-login-container .form {
  width: 394px;
  max-width: 100%;
}

@media only screen and (max-width: 911px) {
  /* line 76, app/assets/stylesheets/pages/_admin-login.scss */
  .admin-login-container .form {
    width: 100%;
  }
}

/* line 85, app/assets/stylesheets/pages/_admin-login.scss */
.admin-login-container .form-title {
  font-size: 28px;
  font-weight: 600;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *




 */
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:var(--font-serif);--font-mono:var(--font-mono);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--breakpoint-xl:80rem;--container-sm:24rem;--container-2xl:42rem;--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:var(--font-display);--font-body:var(--font-body)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box;border-color:var(--line)}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6}::selection{background-color:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;line-height:.9}a{color:inherit;text-decoration:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:oklch(55.1% .027 264.364);border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is(input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:oklch(54.6% .245 262.881);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}input:where([type=checkbox]),input:where([type=radio]){appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:oklch(54.6% .245 262.881);--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:oklch(55.1% .027 264.364);flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);outline:2px solid #0000}input:where([type=checkbox]):checked,input:where([type=radio]):checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=checkbox]):checked{appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=radio]):checked{appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{background-color:currentColor;border-color:#0000}input:where([type=checkbox]):indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){input:where([type=checkbox]):indeterminate{appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{background-color:currentColor;border-color:#0000}input:where([type=file]){background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}input:where([type=file]):focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components{.display-xxl{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(6rem,22vw,22.5rem);line-height:.78}.display-xl{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(4rem,12vw,12.5rem);line-height:.82}.display-l{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.5rem,7vw,7rem);line-height:.88}.display-m{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.75rem,4.5vw,4rem);line-height:.92}.mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.serif-accent{font-family:var(--font-serif);font-size:clamp(1.125rem,1.8vw,1.625rem);font-style:italic;line-height:1.3}.btn{border:1px solid var(--fg);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--fg);background:0 0;align-items:center;gap:.5rem;padding:14px 18px;font-size:.6875rem;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.btn:hover{background:var(--fg);color:var(--bg)}.btn--solid{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn--solid:hover{color:var(--accent);background:0 0}.btn--accent{border-color:var(--accent);color:var(--accent);background:0 0}.btn--accent:hover{background:var(--accent);color:var(--bg)}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);align-items:center;gap:.625rem;font-size:.6875rem;display:flex}.eyebrow:before{content:"";background:var(--accent);flex-shrink:0;width:24px;height:1px;display:block}.eyebrow__idx{color:var(--accent)}.row{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr auto auto;align-items:center;gap:1.5rem;padding:22px 0;transition:padding-left .25s;display:grid;position:relative}.row:first-child{border-top:1px solid var(--line)}.row:hover{background:linear-gradient(90deg,#ff3d000f,#0000 30%);padding-left:14px}.row__idx{font-family:var(--font-mono);color:var(--mute);letter-spacing:.06em;font-size:.6875rem}.row__title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.25rem,3vw,2.25rem);line-height:.95}.row__meta{font-family:var(--font-mono);color:var(--mute);letter-spacing:.06em;font-size:.6875rem}.row__arrow{font-family:var(--font-mono);color:var(--accent);opacity:0;transition:opacity .25s}.row:hover .row__arrow{opacity:1}.tracks-grid{flex-direction:column;gap:2.5rem;display:flex}.track-embed{border-top:1px solid var(--line);padding-top:1.25rem}.track-embed__meta{align-items:baseline;gap:1rem;margin-bottom:.875rem;display:flex}.track-embed__idx{font-family:var(--font-mono);color:var(--mute);letter-spacing:.06em;flex-shrink:0;font-size:.6875rem}.track-embed__name{font-family:var(--font-display);text-transform:uppercase;color:var(--fg);font-size:clamp(1rem,2.5vw,1.5rem);line-height:1}.track-embed__source{font-family:var(--font-mono);color:var(--mute);letter-spacing:.06em;flex-shrink:0;margin-left:auto;font-size:.6875rem}.track-embed__player iframe{border:none;width:100%;display:block}.plate{background:#111;position:relative;overflow:hidden}.plate img{object-fit:cover;width:100%;height:100%;transition:transform .9s}.plate:hover img{transform:scale(1.04)}.ticks:before,.ticks:after{content:"";z-index:2;pointer-events:none;width:10px;height:10px;position:absolute}.ticks:before{border-top:1px solid var(--accent);border-left:1px solid var(--accent);top:0;left:0}.ticks:after{border-bottom:1px solid var(--accent);border-right:1px solid var(--accent);bottom:0;right:0}.flash{z-index:100;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);background:var(--bg);color:var(--fg);padding:14px 18px;font-size:.6875rem;position:fixed;bottom:1.5rem;right:1.5rem}.flash--notice{border-color:var(--accent);color:var(--accent)}.flash--alert{color:#f87171;border-color:#930f17}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-5{top:calc(var(--spacing) * 5)}.top-8{top:calc(var(--spacing) * 8)}.right-6{right:calc(var(--spacing) * 6)}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing) * 6)}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-685{margin:calc(var(--spacing) * 685)}.container{max-width:1400px;margin-inline:auto;padding-inline:1.5rem}@media (min-width:900px){.container{padding-inline:2.5rem}}.mx-auto{margin-inline:auto}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing) * .5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-16{height:calc(var(--spacing) * 16)}.h-\[36px\]{height:36px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-\[680px\]{min-height:680px}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-\[36px\]{width:36px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-full{max-width:100%}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--line\)\]{border-color:var(--line)}.border-\[var\(--line-strong\)\]{border-color:var(--line-strong)}.border-transparent{border-color:#0000}.bg-\[\#0d0d0d\]{background-color:#0d0d0d}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--fg\)\]{background-color:var(--fg)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--bg\)\]{--tw-gradient-from:var(--bg);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[var\(--bg\)\]\/40{--tw-gradient-via:var(--bg)}@supports (color:color-mix(in lab, red, red)){.via-\[var\(--bg\)\]\/40{--tw-gradient-via:color-mix(in oklab, var(--bg) 40%, transparent)}}.via-\[var\(--bg\)\]\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-14{padding:calc(var(--spacing) * 14)}.p-\[18px\]{padding:18px}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.font-\[Anton\,Impact\,sans-serif\]{font-family:Anton,Impact,sans-serif}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-\[\#cfcfcf\]{color:#cfcfcf}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--fg\)\]{color:var(--fg)}.text-\[var\(--mute\)\]{color:var(--mute)}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}@media (hover:hover){.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}.hover\:text-\[var\(--fg\)\]:hover{color:var(--fg)}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}:where(.sm\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}.sm\:px-16{padding-inline:calc(var(--spacing) * 16)}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:64rem){.lg\:left-10{left:calc(var(--spacing) * 10)}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:px-48{padding-inline:calc(var(--spacing) * 48)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}@media (prefers-color-scheme:dark){.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-white{color:var(--color-white)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--bg:#070707;--fg:#f0f0f0;--accent:#ff3d00;--mute:#7a7a7a;--line:#f0f0f024;--line-strong:#f0f0f047;--font-display:"Anton", Impact, sans-serif;--font-body:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, SFMono-Regular, monospace;--font-serif:"Instrument Serif", ui-serif, Georgia, serif;--background:#070707;--foreground:#f0f0f0;--card:#0d0d0d;--card-foreground:#f0f0f0;--primary:#ff3d00;--primary-foreground:#070707;--secondary:#1a1a1a;--secondary-foreground:#f0f0f0;--muted:#1a1a1a;--muted-foreground:#7a7a7a;--border:#f0f0f024;--input:#f0f0f024;--ring:#ff3d00;--radius:0rem}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}