:root {
  --la-brand-darkest: #033F3F;
  --la-brand-dark: #05686C;
  --la-brand-primary: #069393;
  --la-brand-light: #07B4B4;
  --la-brand-lightest: #7CC8C8;
  --la-brand-hover: #07B4B4;
  --la-logo-peach: #F4835E;
  --la-logo-teal-tint: #B8E0DB;
  --la-logo-cream: #F8F2DC;
  --la-support-dark: #05686C;
  --la-support-light: #7CC8C8;
  --la-support-coral: #E25C3D;
  --la-support-blue: #2B5CAA;
  --la-support-amber: #DB9C24;
  --la-support-hover: #058C91;
  --la-success-darkest: #033F3F;
  --la-success-dark: #05686C;
  --la-success-medium: #069393;
  --la-success-light: #07B4B4;
  --la-success-lightest: #7CC8C8;
  --la-success-hover: #07B4B4;
  --la-warning-darkest: #9B6B12;
  --la-warning-dark: #DB9C24;
  --la-warning-medium: #F4B63E;
  --la-warning-light: #F9D48A;
  --la-warning-lightest: #FDF1D9;
  --la-warning-hover: #DB9C24;
  --la-danger-darkest: #A02D14;
  --la-danger-dark: #C0472D;
  --la-danger-medium: #E25C3D;
  --la-danger-light: #F19B85;
  --la-danger-lightest: #FADDDB;
  --la-danger-hover: #C0472D;
  --la-info-darkest: #153670;
  --la-info-dark: #2B5CAA;
  --la-info-medium: #4A7AD8;
  --la-info-light: #8FABEE;
  --la-info-lightest: #D4DEFA;
  --la-info-hover: #2B5CAA;
  --la-base-darkest: #262626;
  --la-base-dark: #4F4F4F;
  --la-base-medium: #757575;
  --la-base-medium-light: #BDBDBD;
  --la-base-light: #F5F5F5;
  --la-base-lighter: #F9F9F9;
  --la-base-lightest: #FFF;
  --la-gradient-brand: linear-gradient(135deg, #05686C 0%, #069393 100%);
}

/* Nunito Regular */
@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/nunito/v25/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTQ3jw.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Nunito Bold */
@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/nunito/v25/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTA3jw.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Work Sans Regular */
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_c6DptfpA4cD3.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Work Sans Bold */
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Base Styles Index
 *
 * This file acts as an entry point for all base styles,
 * forwarding them so they can be consumed by other modules.
 */
/* Base Reset
 *
 * A modern CSS reset that:
 * - Preserves useful defaults
 * - Removes margin/padding to prevent inconsistencies
 * - Normalizes behavior across browsers
 * - Improves accessibility
 */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin and padding */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizespeed;
  line-height: 1.5;
  background-color: #F9F9F9;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Form elements normalization */
button,
input,
select,
textarea {
  background-color: transparent;
  border: 1px solid #BDBDBD;
  color: inherit;
  letter-spacing: inherit;
  padding: 0.25em 0.375em;
  font: inherit;
}

button {
  cursor: pointer;
  text-align: center;
}

fieldset {
  border: 1px solid #BDBDBD;
  min-width: 0;
  padding: 0.35em 0.75em 0.625em;
}

legend {
  display: block;
  padding: 0;
}

progress {
  vertical-align: baseline;
}

/* Accessibility improvements */
[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* Typography
 *
 * Defines font styles and text utilities
 * Replaces Bootstrap's typography classes while maintaining
 * similar functionality and appearance
 */
body {
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #262626;
  text-align: left;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: nunito, "Helvetica", "sans-serif";
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

a {
  color: #069393;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #05686C;
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 2rem;
}

small, .small {
  font-size: 0.875rem;
  font-weight: 400;
}

mark, .mark {
  padding: 0.2em;
  background-color: #DB9C24;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-primary {
  color: #069393 !important;
}

.text-secondary {
  color: #4F4F4F !important;
}

.text-success {
  color: #069393 !important;
}

.text-danger {
  color: #E25C3D !important;
}

.text-warning {
  color: #F4B63E !important;
}

.text-info {
  color: #4A7AD8 !important;
}

.text-light {
  color: #F5F5F5 !important;
}

.text-dark {
  color: #262626 !important;
}

.text-muted {
  color: #757575 !important;
}

@media (min-width: 0) {
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1680px) {
  .text-xxxl-left {
    text-align: left !important;
  }
  .text-xxxl-right {
    text-align: right !important;
  }
  .text-xxxl-center {
    text-align: center !important;
  }
}
.la-hidden {
  display: none !important;
}

.la-visually-hidden,
.sr-only {
  position: absolute !important;
  width: 0.0625rem !important;
  height: 0.0625rem !important;
  padding: 0 !important;
  margin: -0.0625rem !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* stylelint-disable number-max-precision */
/* Grid System
 *
 * A custom grid system using CSS Flexbox
 * Follows BEM methodology with la- prefix
 * Designed to replace Bootstrap's grid system
 * 
 * Includes Bootstrap-compatible classes for easier migration
 */
.container, .la-container {
  width: 100%;
  max-width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}

.container-fluid, .la-container--fluid {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}

.row, .la-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.no-gutters, .la-grid--no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .la-grid__col, .la-grid--no-gutters > .la-grid__col,
.no-gutters > [class*=la-grid__col--],
.la-grid--no-gutters > [class*=la-grid__col--] {
  padding-right: 0;
  padding-left: 0;
}

.col,
.col-1, .col-2, .col-3, .col-4,
.col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12,
.col-auto,
[class*=col-]:not(.no-gutters > *), .la-grid__col,
.la-grid__col--1, .la-grid__col--2, .la-grid__col--3, .la-grid__col--4,
.la-grid__col--5, .la-grid__col--6, .la-grid__col--7, .la-grid__col--8,
.la-grid__col--9, .la-grid__col--10, .la-grid__col--11, .la-grid__col--12,
.la-grid__col--auto,
[class*=la-grid__col--]:not(.la-grid--no-gutters > *) {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.col, .la-grid__col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto, .la-grid__col--auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1, .la-grid__col--1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2, .la-grid__col--2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3, .la-grid__col--3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4, .la-grid__col--4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5, .la-grid__col--5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6, .la-grid__col--6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7, .la-grid__col--7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8, .la-grid__col--8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9, .la-grid__col--9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10, .la-grid__col--10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11, .la-grid__col--11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12, .la-grid__col--12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 0) {
  .la-grid__col--xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .la-grid__col--xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .la-grid__col--xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .la-grid__col--xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .la-grid__col--xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .la-grid__col--xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .la-grid__col--xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .la-grid__col--xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .la-grid__col--xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .la-grid__col--xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .la-grid__col--xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .la-grid__col--xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .la-grid__col--xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .la-grid__col--xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .la-grid__col--sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .la-grid__col--sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .la-grid__col--sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .la-grid__col--sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .la-grid__col--sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .la-grid__col--sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .la-grid__col--sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .la-grid__col--sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .la-grid__col--sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .la-grid__col--sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .la-grid__col--sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .la-grid__col--sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .la-grid__col--sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .la-grid__col--sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .la-grid__col--md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .la-grid__col--md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .la-grid__col--md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .la-grid__col--md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .la-grid__col--md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .la-grid__col--md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .la-grid__col--md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .la-grid__col--md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .la-grid__col--md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .la-grid__col--md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .la-grid__col--md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .la-grid__col--md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .la-grid__col--md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .la-grid__col--md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .la-grid__col--lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .la-grid__col--lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .la-grid__col--lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .la-grid__col--lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .la-grid__col--lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .la-grid__col--lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .la-grid__col--lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .la-grid__col--lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .la-grid__col--lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .la-grid__col--lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .la-grid__col--lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .la-grid__col--lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .la-grid__col--lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .la-grid__col--lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .la-grid__col--xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .la-grid__col--xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .la-grid__col--xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .la-grid__col--xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .la-grid__col--xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .la-grid__col--xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .la-grid__col--xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .la-grid__col--xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .la-grid__col--xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .la-grid__col--xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .la-grid__col--xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .la-grid__col--xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .la-grid__col--xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .la-grid__col--xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1440px) {
  .la-grid__col--xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .la-grid__col--xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .la-grid__col--xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .la-grid__col--xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .la-grid__col--xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .la-grid__col--xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .la-grid__col--xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .la-grid__col--xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .la-grid__col--xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .la-grid__col--xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .la-grid__col--xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .la-grid__col--xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .la-grid__col--xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .la-grid__col--xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1680px) {
  .la-grid__col--xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .la-grid__col--xxxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .la-grid__col--xxxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .la-grid__col--xxxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .la-grid__col--xxxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .la-grid__col--xxxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .la-grid__col--xxxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .la-grid__col--xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .la-grid__col--xxxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .la-grid__col--xxxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .la-grid__col--xxxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .la-grid__col--xxxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .la-grid__col--xxxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .la-grid__col--xxxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.la-order--first {
  order: -1;
}

.la-order--last {
  order: 13;
}

.la-order--0 {
  order: 0;
}

.la-order--1 {
  order: 1;
}

.la-order--2 {
  order: 2;
}

.la-order--3 {
  order: 3;
}

.la-order--4 {
  order: 4;
}

.la-order--5 {
  order: 5;
}

.la-order--6 {
  order: 6;
}

.la-order--7 {
  order: 7;
}

.la-order--8 {
  order: 8;
}

.la-order--9 {
  order: 9;
}

.la-order--10 {
  order: 10;
}

.la-order--11 {
  order: 11;
}

.la-order--12 {
  order: 12;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

@media (min-width: 0) {
  .la-order--xs-first {
    order: -1;
  }
  .la-order--xs-last {
    order: 13;
  }
  .la-order--xs-0 {
    order: 0;
  }
  .la-order--xs-1 {
    order: 1;
  }
  .la-order--xs-2 {
    order: 2;
  }
  .la-order--xs-3 {
    order: 3;
  }
  .la-order--xs-4 {
    order: 4;
  }
  .la-order--xs-5 {
    order: 5;
  }
  .la-order--xs-6 {
    order: 6;
  }
  .la-order--xs-7 {
    order: 7;
  }
  .la-order--xs-8 {
    order: 8;
  }
  .la-order--xs-9 {
    order: 9;
  }
  .la-order--xs-10 {
    order: 10;
  }
  .la-order--xs-11 {
    order: 11;
  }
  .la-order--xs-12 {
    order: 12;
  }
  .order-xs-first {
    order: -1;
  }
  .order-xs-last {
    order: 13;
  }
  .order-xs-0 {
    order: 0;
  }
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-10 {
    order: 10;
  }
  .order-xs-11 {
    order: 11;
  }
  .order-xs-12 {
    order: 12;
  }
}
@media (min-width: 576px) {
  .la-order--sm-first {
    order: -1;
  }
  .la-order--sm-last {
    order: 13;
  }
  .la-order--sm-0 {
    order: 0;
  }
  .la-order--sm-1 {
    order: 1;
  }
  .la-order--sm-2 {
    order: 2;
  }
  .la-order--sm-3 {
    order: 3;
  }
  .la-order--sm-4 {
    order: 4;
  }
  .la-order--sm-5 {
    order: 5;
  }
  .la-order--sm-6 {
    order: 6;
  }
  .la-order--sm-7 {
    order: 7;
  }
  .la-order--sm-8 {
    order: 8;
  }
  .la-order--sm-9 {
    order: 9;
  }
  .la-order--sm-10 {
    order: 10;
  }
  .la-order--sm-11 {
    order: 11;
  }
  .la-order--sm-12 {
    order: 12;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
}
@media (min-width: 768px) {
  .la-order--md-first {
    order: -1;
  }
  .la-order--md-last {
    order: 13;
  }
  .la-order--md-0 {
    order: 0;
  }
  .la-order--md-1 {
    order: 1;
  }
  .la-order--md-2 {
    order: 2;
  }
  .la-order--md-3 {
    order: 3;
  }
  .la-order--md-4 {
    order: 4;
  }
  .la-order--md-5 {
    order: 5;
  }
  .la-order--md-6 {
    order: 6;
  }
  .la-order--md-7 {
    order: 7;
  }
  .la-order--md-8 {
    order: 8;
  }
  .la-order--md-9 {
    order: 9;
  }
  .la-order--md-10 {
    order: 10;
  }
  .la-order--md-11 {
    order: 11;
  }
  .la-order--md-12 {
    order: 12;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
}
@media (min-width: 992px) {
  .la-order--lg-first {
    order: -1;
  }
  .la-order--lg-last {
    order: 13;
  }
  .la-order--lg-0 {
    order: 0;
  }
  .la-order--lg-1 {
    order: 1;
  }
  .la-order--lg-2 {
    order: 2;
  }
  .la-order--lg-3 {
    order: 3;
  }
  .la-order--lg-4 {
    order: 4;
  }
  .la-order--lg-5 {
    order: 5;
  }
  .la-order--lg-6 {
    order: 6;
  }
  .la-order--lg-7 {
    order: 7;
  }
  .la-order--lg-8 {
    order: 8;
  }
  .la-order--lg-9 {
    order: 9;
  }
  .la-order--lg-10 {
    order: 10;
  }
  .la-order--lg-11 {
    order: 11;
  }
  .la-order--lg-12 {
    order: 12;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
}
@media (min-width: 1200px) {
  .la-order--xl-first {
    order: -1;
  }
  .la-order--xl-last {
    order: 13;
  }
  .la-order--xl-0 {
    order: 0;
  }
  .la-order--xl-1 {
    order: 1;
  }
  .la-order--xl-2 {
    order: 2;
  }
  .la-order--xl-3 {
    order: 3;
  }
  .la-order--xl-4 {
    order: 4;
  }
  .la-order--xl-5 {
    order: 5;
  }
  .la-order--xl-6 {
    order: 6;
  }
  .la-order--xl-7 {
    order: 7;
  }
  .la-order--xl-8 {
    order: 8;
  }
  .la-order--xl-9 {
    order: 9;
  }
  .la-order--xl-10 {
    order: 10;
  }
  .la-order--xl-11 {
    order: 11;
  }
  .la-order--xl-12 {
    order: 12;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
}
@media (min-width: 1440px) {
  .la-order--xxl-first {
    order: -1;
  }
  .la-order--xxl-last {
    order: 13;
  }
  .la-order--xxl-0 {
    order: 0;
  }
  .la-order--xxl-1 {
    order: 1;
  }
  .la-order--xxl-2 {
    order: 2;
  }
  .la-order--xxl-3 {
    order: 3;
  }
  .la-order--xxl-4 {
    order: 4;
  }
  .la-order--xxl-5 {
    order: 5;
  }
  .la-order--xxl-6 {
    order: 6;
  }
  .la-order--xxl-7 {
    order: 7;
  }
  .la-order--xxl-8 {
    order: 8;
  }
  .la-order--xxl-9 {
    order: 9;
  }
  .la-order--xxl-10 {
    order: 10;
  }
  .la-order--xxl-11 {
    order: 11;
  }
  .la-order--xxl-12 {
    order: 12;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
}
@media (min-width: 1680px) {
  .la-order--xxxl-first {
    order: -1;
  }
  .la-order--xxxl-last {
    order: 13;
  }
  .la-order--xxxl-0 {
    order: 0;
  }
  .la-order--xxxl-1 {
    order: 1;
  }
  .la-order--xxxl-2 {
    order: 2;
  }
  .la-order--xxxl-3 {
    order: 3;
  }
  .la-order--xxxl-4 {
    order: 4;
  }
  .la-order--xxxl-5 {
    order: 5;
  }
  .la-order--xxxl-6 {
    order: 6;
  }
  .la-order--xxxl-7 {
    order: 7;
  }
  .la-order--xxxl-8 {
    order: 8;
  }
  .la-order--xxxl-9 {
    order: 9;
  }
  .la-order--xxxl-10 {
    order: 10;
  }
  .la-order--xxxl-11 {
    order: 11;
  }
  .la-order--xxxl-12 {
    order: 12;
  }
  .order-xxxl-first {
    order: -1;
  }
  .order-xxxl-last {
    order: 13;
  }
  .order-xxxl-0 {
    order: 0;
  }
  .order-xxxl-1 {
    order: 1;
  }
  .order-xxxl-2 {
    order: 2;
  }
  .order-xxxl-3 {
    order: 3;
  }
  .order-xxxl-4 {
    order: 4;
  }
  .order-xxxl-5 {
    order: 5;
  }
  .order-xxxl-6 {
    order: 6;
  }
  .order-xxxl-7 {
    order: 7;
  }
  .order-xxxl-8 {
    order: 8;
  }
  .order-xxxl-9 {
    order: 9;
  }
  .order-xxxl-10 {
    order: 10;
  }
  .order-xxxl-11 {
    order: 11;
  }
  .order-xxxl-12 {
    order: 12;
  }
}
.la-offset--0 {
  margin-left: 0%;
}

.la-offset--1 {
  margin-left: 8.3333333333%;
}

.la-offset--2 {
  margin-left: 16.6666666667%;
}

.la-offset--3 {
  margin-left: 25%;
}

.la-offset--4 {
  margin-left: 33.3333333333%;
}

.la-offset--5 {
  margin-left: 41.6666666667%;
}

.la-offset--6 {
  margin-left: 50%;
}

.la-offset--7 {
  margin-left: 58.3333333333%;
}

.la-offset--8 {
  margin-left: 66.6666666667%;
}

.la-offset--9 {
  margin-left: 75%;
}

.la-offset--10 {
  margin-left: 83.3333333333%;
}

.la-offset--11 {
  margin-left: 91.6666666667%;
}

.offset-0 {
  margin-left: 0%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 0) {
  .la-offset--xs-0 {
    margin-left: 0%;
  }
  .offset-xs-0 {
    margin-left: 0%;
  }
  .la-offset--xs-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .la-offset--xs-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .la-offset--xs-3 {
    margin-left: 25%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .la-offset--xs-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .la-offset--xs-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .la-offset--xs-6 {
    margin-left: 50%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .la-offset--xs-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .la-offset--xs-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .la-offset--xs-9 {
    margin-left: 75%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .la-offset--xs-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .la-offset--xs-11 {
    margin-left: 91.6666666667%;
  }
  .offset-xs-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 576px) {
  .la-offset--sm-0 {
    margin-left: 0%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .la-offset--sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .la-offset--sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .la-offset--sm-3 {
    margin-left: 25%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .la-offset--sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .la-offset--sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .la-offset--sm-6 {
    margin-left: 50%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .la-offset--sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .la-offset--sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .la-offset--sm-9 {
    margin-left: 75%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .la-offset--sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .la-offset--sm-11 {
    margin-left: 91.6666666667%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .la-offset--md-0 {
    margin-left: 0%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .la-offset--md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .la-offset--md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .la-offset--md-3 {
    margin-left: 25%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .la-offset--md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .la-offset--md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .la-offset--md-6 {
    margin-left: 50%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .la-offset--md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .la-offset--md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .la-offset--md-9 {
    margin-left: 75%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .la-offset--md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .la-offset--md-11 {
    margin-left: 91.6666666667%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .la-offset--lg-0 {
    margin-left: 0%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .la-offset--lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .la-offset--lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .la-offset--lg-3 {
    margin-left: 25%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .la-offset--lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .la-offset--lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .la-offset--lg-6 {
    margin-left: 50%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .la-offset--lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .la-offset--lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .la-offset--lg-9 {
    margin-left: 75%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .la-offset--lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .la-offset--lg-11 {
    margin-left: 91.6666666667%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .la-offset--xl-0 {
    margin-left: 0%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .la-offset--xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .la-offset--xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .la-offset--xl-3 {
    margin-left: 25%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .la-offset--xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .la-offset--xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .la-offset--xl-6 {
    margin-left: 50%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .la-offset--xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .la-offset--xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .la-offset--xl-9 {
    margin-left: 75%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .la-offset--xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .la-offset--xl-11 {
    margin-left: 91.6666666667%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1440px) {
  .la-offset--xxl-0 {
    margin-left: 0%;
  }
  .offset-xxl-0 {
    margin-left: 0%;
  }
  .la-offset--xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .la-offset--xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .la-offset--xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .la-offset--xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .la-offset--xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .la-offset--xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .la-offset--xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .la-offset--xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .la-offset--xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .la-offset--xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .la-offset--xxl-11 {
    margin-left: 91.6666666667%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1680px) {
  .la-offset--xxxl-0 {
    margin-left: 0%;
  }
  .offset-xxxl-0 {
    margin-left: 0%;
  }
  .la-offset--xxxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxxl-1 {
    margin-left: 8.3333333333%;
  }
  .la-offset--xxxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxxl-2 {
    margin-left: 16.6666666667%;
  }
  .la-offset--xxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxl-3 {
    margin-left: 25%;
  }
  .la-offset--xxxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxxl-4 {
    margin-left: 33.3333333333%;
  }
  .la-offset--xxxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxxl-5 {
    margin-left: 41.6666666667%;
  }
  .la-offset--xxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxl-6 {
    margin-left: 50%;
  }
  .la-offset--xxxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxxl-7 {
    margin-left: 58.3333333333%;
  }
  .la-offset--xxxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxxl-8 {
    margin-left: 66.6666666667%;
  }
  .la-offset--xxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxl-9 {
    margin-left: 75%;
  }
  .la-offset--xxxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxxl-10 {
    margin-left: 83.3333333333%;
  }
  .la-offset--xxxl-11 {
    margin-left: 91.6666666667%;
  }
  .offset-xxxl-11 {
    margin-left: 91.6666666667%;
  }
}
.la-align--start {
  align-items: flex-start !important;
}

.la-align--end {
  align-items: flex-end !important;
}

.la-align--center {
  align-items: center !important;
}

.la-align--baseline {
  align-items: baseline !important;
}

.la-align--stretch {
  align-items: stretch !important;
}

.la-align-content--start {
  align-content: flex-start !important;
}

.la-align-content--end {
  align-content: flex-end !important;
}

.la-align-content--center {
  align-content: center !important;
}

.la-align-content--between {
  align-content: space-between !important;
}

.la-align-content--around {
  align-content: space-around !important;
}

.la-align-content--stretch {
  align-content: stretch !important;
}

.la-align-self--auto {
  align-self: auto !important;
}

.la-align-self--start {
  align-self: flex-start !important;
}

.la-align-self--end {
  align-self: flex-end !important;
}

.la-align-self--center {
  align-self: center !important;
}

.la-align-self--baseline {
  align-self: baseline !important;
}

.la-align-self--stretch {
  align-self: stretch !important;
}

.la-justify--start {
  justify-content: flex-start !important;
}

.la-justify--end {
  justify-content: flex-end !important;
}

.la-justify--center {
  justify-content: center !important;
}

.la-justify--between {
  justify-content: space-between !important;
}

.la-justify--around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

@media (min-width: 0) {
  .la-align--xs-start {
    align-items: flex-start !important;
  }
  .la-align--xs-end {
    align-items: flex-end !important;
  }
  .la-align--xs-center {
    align-items: center !important;
  }
  .la-align--xs-baseline {
    align-items: baseline !important;
  }
  .la-align--xs-stretch {
    align-items: stretch !important;
  }
  .la-justify--xs-start {
    justify-content: flex-start !important;
  }
  .la-justify--xs-end {
    justify-content: flex-end !important;
  }
  .la-justify--xs-center {
    justify-content: center !important;
  }
  .la-justify--xs-between {
    justify-content: space-between !important;
  }
  .la-justify--xs-around {
    justify-content: space-around !important;
  }
  .align-items-xs-start {
    align-items: flex-start !important;
  }
  .align-items-xs-end {
    align-items: flex-end !important;
  }
  .align-items-xs-center {
    align-items: center !important;
  }
  .align-items-xs-baseline {
    align-items: baseline !important;
  }
  .align-items-xs-stretch {
    align-items: stretch !important;
  }
  .align-content-xs-start {
    align-content: flex-start !important;
  }
  .align-content-xs-end {
    align-content: flex-end !important;
  }
  .align-content-xs-center {
    align-content: center !important;
  }
  .align-content-xs-between {
    align-content: space-between !important;
  }
  .align-content-xs-around {
    align-content: space-around !important;
  }
  .align-content-xs-stretch {
    align-content: stretch !important;
  }
  .align-self-xs-auto {
    align-self: auto !important;
  }
  .align-self-xs-start {
    align-self: flex-start !important;
  }
  .align-self-xs-end {
    align-self: flex-end !important;
  }
  .align-self-xs-center {
    align-self: center !important;
  }
  .align-self-xs-baseline {
    align-self: baseline !important;
  }
  .align-self-xs-stretch {
    align-self: stretch !important;
  }
  .justify-content-xs-start {
    justify-content: flex-start !important;
  }
  .justify-content-xs-end {
    justify-content: flex-end !important;
  }
  .justify-content-xs-center {
    justify-content: center !important;
  }
  .justify-content-xs-between {
    justify-content: space-between !important;
  }
  .justify-content-xs-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 576px) {
  .la-align--sm-start {
    align-items: flex-start !important;
  }
  .la-align--sm-end {
    align-items: flex-end !important;
  }
  .la-align--sm-center {
    align-items: center !important;
  }
  .la-align--sm-baseline {
    align-items: baseline !important;
  }
  .la-align--sm-stretch {
    align-items: stretch !important;
  }
  .la-justify--sm-start {
    justify-content: flex-start !important;
  }
  .la-justify--sm-end {
    justify-content: flex-end !important;
  }
  .la-justify--sm-center {
    justify-content: center !important;
  }
  .la-justify--sm-between {
    justify-content: space-between !important;
  }
  .la-justify--sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 768px) {
  .la-align--md-start {
    align-items: flex-start !important;
  }
  .la-align--md-end {
    align-items: flex-end !important;
  }
  .la-align--md-center {
    align-items: center !important;
  }
  .la-align--md-baseline {
    align-items: baseline !important;
  }
  .la-align--md-stretch {
    align-items: stretch !important;
  }
  .la-justify--md-start {
    justify-content: flex-start !important;
  }
  .la-justify--md-end {
    justify-content: flex-end !important;
  }
  .la-justify--md-center {
    justify-content: center !important;
  }
  .la-justify--md-between {
    justify-content: space-between !important;
  }
  .la-justify--md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 992px) {
  .la-align--lg-start {
    align-items: flex-start !important;
  }
  .la-align--lg-end {
    align-items: flex-end !important;
  }
  .la-align--lg-center {
    align-items: center !important;
  }
  .la-align--lg-baseline {
    align-items: baseline !important;
  }
  .la-align--lg-stretch {
    align-items: stretch !important;
  }
  .la-justify--lg-start {
    justify-content: flex-start !important;
  }
  .la-justify--lg-end {
    justify-content: flex-end !important;
  }
  .la-justify--lg-center {
    justify-content: center !important;
  }
  .la-justify--lg-between {
    justify-content: space-between !important;
  }
  .la-justify--lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 1200px) {
  .la-align--xl-start {
    align-items: flex-start !important;
  }
  .la-align--xl-end {
    align-items: flex-end !important;
  }
  .la-align--xl-center {
    align-items: center !important;
  }
  .la-align--xl-baseline {
    align-items: baseline !important;
  }
  .la-align--xl-stretch {
    align-items: stretch !important;
  }
  .la-justify--xl-start {
    justify-content: flex-start !important;
  }
  .la-justify--xl-end {
    justify-content: flex-end !important;
  }
  .la-justify--xl-center {
    justify-content: center !important;
  }
  .la-justify--xl-between {
    justify-content: space-between !important;
  }
  .la-justify--xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 1440px) {
  .la-align--xxl-start {
    align-items: flex-start !important;
  }
  .la-align--xxl-end {
    align-items: flex-end !important;
  }
  .la-align--xxl-center {
    align-items: center !important;
  }
  .la-align--xxl-baseline {
    align-items: baseline !important;
  }
  .la-align--xxl-stretch {
    align-items: stretch !important;
  }
  .la-justify--xxl-start {
    justify-content: flex-start !important;
  }
  .la-justify--xxl-end {
    justify-content: flex-end !important;
  }
  .la-justify--xxl-center {
    justify-content: center !important;
  }
  .la-justify--xxl-between {
    justify-content: space-between !important;
  }
  .la-justify--xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 1680px) {
  .la-align--xxxl-start {
    align-items: flex-start !important;
  }
  .la-align--xxxl-end {
    align-items: flex-end !important;
  }
  .la-align--xxxl-center {
    align-items: center !important;
  }
  .la-align--xxxl-baseline {
    align-items: baseline !important;
  }
  .la-align--xxxl-stretch {
    align-items: stretch !important;
  }
  .la-justify--xxxl-start {
    justify-content: flex-start !important;
  }
  .la-justify--xxxl-end {
    justify-content: flex-end !important;
  }
  .la-justify--xxxl-center {
    justify-content: center !important;
  }
  .la-justify--xxxl-between {
    justify-content: space-between !important;
  }
  .la-justify--xxxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxxl-center {
    align-items: center !important;
  }
  .align-items-xxxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxxl-center {
    align-content: center !important;
  }
  .align-content-xxxl-between {
    align-content: space-between !important;
  }
  .align-content-xxxl-around {
    align-content: space-around !important;
  }
  .align-content-xxxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxxl-auto {
    align-self: auto !important;
  }
  .align-self-xxxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxxl-center {
    align-self: center !important;
  }
  .align-self-xxxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxxl-stretch {
    align-self: stretch !important;
  }
  .justify-content-xxxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxxl-center {
    justify-content: center !important;
  }
  .justify-content-xxxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxxl-around {
    justify-content: space-around !important;
  }
}
.la-flex {
  display: flex !important;
}

.la-flex--inline {
  display: inline-flex !important;
}

.la-flex--row {
  flex-direction: row !important;
}

.la-flex--column {
  flex-direction: column !important;
}

.la-flex--row-reverse {
  flex-direction: row-reverse !important;
}

.la-flex--column-reverse {
  flex-direction: column-reverse !important;
}

.la-flex--wrap {
  flex-wrap: wrap !important;
}

.la-flex--nowrap {
  flex-wrap: nowrap !important;
}

.la-flex--wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.la-gap--1 {
  gap: 0.25rem !important;
}

.la-gap--2 {
  gap: 0.5rem !important;
}

.la-gap--3 {
  gap: 1rem !important;
}

.la-gap--4 {
  gap: 1.5rem !important;
}

.la-gap--5 {
  gap: 3rem !important;
}

@media (min-width: 0) {
  .la-flex--xs {
    display: flex !important;
  }
  .la-flex--xs-inline {
    display: inline-flex !important;
  }
  .la-flex--xs-row {
    flex-direction: row !important;
  }
  .la-flex--xs-column {
    flex-direction: column !important;
  }
  .la-flex--xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .la-flex--xs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .la-flex--xs-wrap {
    flex-wrap: wrap !important;
  }
  .la-flex--xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .la-flex--xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
  .flex-xs-row {
    flex-direction: row !important;
  }
  .flex-xs-column {
    flex-direction: column !important;
  }
  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .la-gap--xs-1 {
    gap: 0.25rem !important;
  }
  .la-gap--xs-2 {
    gap: 0.5rem !important;
  }
  .la-gap--xs-3 {
    gap: 1rem !important;
  }
  .la-gap--xs-4 {
    gap: 1.5rem !important;
  }
  .la-gap--xs-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 576px) {
  .la-flex--sm {
    display: flex !important;
  }
  .la-flex--sm-inline {
    display: inline-flex !important;
  }
  .la-flex--sm-row {
    flex-direction: row !important;
  }
  .la-flex--sm-column {
    flex-direction: column !important;
  }
  .la-flex--sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .la-flex--sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .la-flex--sm-wrap {
    flex-wrap: wrap !important;
  }
  .la-flex--sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .la-flex--sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .la-gap--sm-1 {
    gap: 0.25rem !important;
  }
  .la-gap--sm-2 {
    gap: 0.5rem !important;
  }
  .la-gap--sm-3 {
    gap: 1rem !important;
  }
  .la-gap--sm-4 {
    gap: 1.5rem !important;
  }
  .la-gap--sm-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  .la-flex--md {
    display: flex !important;
  }
  .la-flex--md-inline {
    display: inline-flex !important;
  }
  .la-flex--md-row {
    flex-direction: row !important;
  }
  .la-flex--md-column {
    flex-direction: column !important;
  }
  .la-flex--md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .la-flex--md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .la-flex--md-wrap {
    flex-wrap: wrap !important;
  }
  .la-flex--md-nowrap {
    flex-wrap: nowrap !important;
  }
  .la-flex--md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .la-gap--md-1 {
    gap: 0.25rem !important;
  }
  .la-gap--md-2 {
    gap: 0.5rem !important;
  }
  .la-gap--md-3 {
    gap: 1rem !important;
  }
  .la-gap--md-4 {
    gap: 1.5rem !important;
  }
  .la-gap--md-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 992px) {
  .la-flex--lg {
    display: flex !important;
  }
  .la-flex--lg-inline {
    display: inline-flex !important;
  }
  .la-flex--lg-row {
    flex-direction: row !important;
  }
  .la-flex--lg-column {
    flex-direction: column !important;
  }
  .la-flex--lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .la-flex--lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .la-flex--lg-wrap {
    flex-wrap: wrap !important;
  }
  .la-flex--lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .la-flex--lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .la-gap--lg-1 {
    gap: 0.25rem !important;
  }
  .la-gap--lg-2 {
    gap: 0.5rem !important;
  }
  .la-gap--lg-3 {
    gap: 1rem !important;
  }
  .la-gap--lg-4 {
    gap: 1.5rem !important;
  }
  .la-gap--lg-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .la-flex--xl {
    display: flex !important;
  }
  .la-flex--xl-inline {
    display: inline-flex !important;
  }
  .la-flex--xl-row {
    flex-direction: row !important;
  }
  .la-flex--xl-column {
    flex-direction: column !important;
  }
  .la-flex--xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .la-flex--xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .la-flex--xl-wrap {
    flex-wrap: wrap !important;
  }
  .la-flex--xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .la-flex--xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .la-gap--xl-1 {
    gap: 0.25rem !important;
  }
  .la-gap--xl-2 {
    gap: 0.5rem !important;
  }
  .la-gap--xl-3 {
    gap: 1rem !important;
  }
  .la-gap--xl-4 {
    gap: 1.5rem !important;
  }
  .la-gap--xl-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 1440px) {
  .la-flex--xxl {
    display: flex !important;
  }
  .la-flex--xxl-inline {
    display: inline-flex !important;
  }
  .la-flex--xxl-row {
    flex-direction: row !important;
  }
  .la-flex--xxl-column {
    flex-direction: column !important;
  }
  .la-flex--xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .la-flex--xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .la-flex--xxl-wrap {
    flex-wrap: wrap !important;
  }
  .la-flex--xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .la-flex--xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .la-gap--xxl-1 {
    gap: 0.25rem !important;
  }
  .la-gap--xxl-2 {
    gap: 0.5rem !important;
  }
  .la-gap--xxl-3 {
    gap: 1rem !important;
  }
  .la-gap--xxl-4 {
    gap: 1.5rem !important;
  }
  .la-gap--xxl-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 1680px) {
  .la-flex--xxxl {
    display: flex !important;
  }
  .la-flex--xxxl-inline {
    display: inline-flex !important;
  }
  .la-flex--xxxl-row {
    flex-direction: row !important;
  }
  .la-flex--xxxl-column {
    flex-direction: column !important;
  }
  .la-flex--xxxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .la-flex--xxxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .la-flex--xxxl-wrap {
    flex-wrap: wrap !important;
  }
  .la-flex--xxxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .la-flex--xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .d-xxxl-flex {
    display: flex !important;
  }
  .d-xxxl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xxxl-row {
    flex-direction: row !important;
  }
  .flex-xxxl-column {
    flex-direction: column !important;
  }
  .flex-xxxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .la-gap--xxxl-1 {
    gap: 0.25rem !important;
  }
  .la-gap--xxxl-2 {
    gap: 0.5rem !important;
  }
  .la-gap--xxxl-3 {
    gap: 1rem !important;
  }
  .la-gap--xxxl-4 {
    gap: 1.5rem !important;
  }
  .la-gap--xxxl-5 {
    gap: 3rem !important;
  }
}
.la-flex--grow-0 {
  flex-grow: 0 !important;
}

.la-flex--grow-1 {
  flex-grow: 1 !important;
}

.la-flex--shrink-0 {
  flex-shrink: 0 !important;
}

.la-flex--shrink-1 {
  flex-shrink: 1 !important;
}

/* stylelint-disable-next-line no-duplicate-selectors */
/* stylelint-enable number-max-precision */
.field_with_errors {
  display: contents;
}
.field_with_errors label {
  color: var(--la-danger-dark, #C0472D);
}
.field_with_errors .la-form__input,
.field_with_errors input[type=text],
.field_with_errors input[type=email],
.field_with_errors input[type=password],
.field_with_errors input[type=number],
.field_with_errors textarea,
.field_with_errors select {
  border-color: var(--la-danger-medium, #E25C3D);
}
.field_with_errors .la-form__input:focus,
.field_with_errors input[type=text]:focus,
.field_with_errors input[type=email]:focus,
.field_with_errors input[type=password]:focus,
.field_with_errors input[type=number]:focus,
.field_with_errors textarea:focus,
.field_with_errors select:focus {
  border-color: var(--la-danger-medium, #E25C3D);
  box-shadow: 0 0 0 0.0625rem rgba(226, 92, 61, 0.35), 0 0 0 0.1875rem rgba(226, 92, 61, 0.12);
}

/*
 * Carousel Component
 *
 * Custom carousel component to replace Bootstrap's carousel
 * Uses semantic CSS selectors with 'la-' prefix (Little Adventures)
 * to avoid conflicts with Bootstrap during the transition period
 *
 * This file is designed to exactly replicate Bootstrap's carousel styling
 */
.la-carousel {
  position: relative;
}
.la-listing-card .la-card .la-carousel {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 0;
  height: 10.9375rem;
}
@media (min-width: 768px) {
  .la-listing-card .la-card .la-carousel {
    height: 10.9375rem;
  }
}

.la-carousel__container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.la-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  will-change: transform;
  display: none;
}
.la-carousel__item img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
  padding: 0;
}
.la-carousel__item--active {
  display: block;
}

.la-carousel__image-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  border-radius: inherit;
  text-decoration: none;
}

.la-carousel__attribution {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: 3;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  background: rgba(38, 38, 38, 0.5);
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.625rem;
  line-height: 1.2;
  pointer-events: auto;
}

.la-carousel__attribution-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.125rem;
  opacity: 0.92;
  pointer-events: auto;
}

@keyframes to-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes to-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes come-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes come-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
.la-carousel__control {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #FFF;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
  cursor: pointer;
}
.la-carousel__control:hover, .la-carousel__control:focus {
  color: #FFF;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.la-carousel__control--prev {
  left: 0;
}
.la-carousel__control--next {
  right: 0;
}

.la-carousel__control-prev-icon,
.la-carousel__control-next-icon {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-color: #FFF;
  border-radius: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(38, 38, 38, 0.1);
  background-size: 50%;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.la-carousel__control-prev-icon {
  background-position: 46% 50%;
}

.la-carousel__control-next-icon {
  background-position: 54% 50%;
}

.la-carousel:hover .la-carousel__control-prev-icon,
.la-carousel:hover .la-carousel__control-next-icon {
  opacity: 1;
}

.la-carousel__control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.la-carousel__control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.la-carousel__indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-left: 15%;
  margin-bottom: 0.625rem;
}

.la-carousel__indicator {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 1.25rem;
  height: 0.1875rem;
  padding: 0;
  margin-right: 0.1875rem;
  margin-left: 0.1875rem;
  text-indent: -999px;
  cursor: pointer;
  background-color: #FFF;
  background-clip: padding-box;
  border: 0;
  border-top: none;
  border-bottom: none;
  border-radius: 0.5rem;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
.la-carousel__indicator--active {
  opacity: 1;
}

.la-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.la-listing-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.la-listing-card .la-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: none;
  box-shadow: none;
  overflow: hidden;
}
.la-listing-card .la-carousel {
  margin-bottom: 0;
  flex: 0 0 auto;
}
.la-listing-card .la-carousel__container {
  border-radius: 0.5rem;
  height: 100%;
}
.la-listing-card .la-carousel__item {
  height: 10.9375rem;
}
@media (min-width: 768px) {
  .la-listing-card .la-carousel__item {
    height: 10.9375rem;
  }
}
.la-listing-card .la-card__body {
  flex: 1 1 auto;
  padding: 1%;
  background: transparent;
  font-size: 0.75rem;
}
.la-listing-card .la-card__title {
  display: block;
  margin-bottom: 0;
  font-size: 0.625rem;
  font-weight: bold;
}
.la-listing-card .la-card__text {
  margin-bottom: 0;
  font-size: 12px;
}
.la-listing-card .la-card__link {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}
.la-listing-card .la-card__link:hover {
  text-decoration: underline;
}

@media (prefers-color-scheme: dark) {
  .la-carousel__control {
    color: #FFF;
  }
  .la-carousel__control:hover, .la-carousel__control:focus {
    color: #FFF;
  }
  .la-carousel__indicators .la-carousel__indicator {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .la-carousel__indicators .la-carousel__indicator.la-carousel__indicator--active {
    background-color: #FFF;
  }
}
.carousel-image {
  display: block;
  width: 100%;
  height: 10.9375rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.5rem rgba(38, 38, 38, 0.1);
}
.carousel-image[loading=lazy] {
  background: #FFF;
}

.la-carousel__item img[loading=lazy],
.la-carousel__image[loading=lazy] {
  background: #F9F9F9;
}

/* Components
 *
 * Custom components to replace Bootstrap components
 * Uses semantic CSS selectors with 'la-' prefix (Little Adventures)
 * to avoid conflicts with Bootstrap during the transition period
 */
.la-form__group {
  margin-bottom: 1rem;
}

.la-form__label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.la-form__control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4F4F4F;
  background-color: #FFF;
  background-clip: padding-box;
  border: 0.0625rem solid #F5F5F5;
  border-radius: 0.25rem;
  transition: border-color all 0.2s ease-in-out, box-shadow all 0.2s ease-in-out;
}
.la-form__control:focus {
  color: #4F4F4F;
  background-color: #FFF;
  border-color: rgb(9.5, 232.75, 232.75);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(6, 147, 147, 0.25);
}
.la-form__control::-moz-placeholder {
  color: #757575;
  opacity: 1;
}
.la-form__control::placeholder {
  color: #757575;
  opacity: 1;
}
.la-form__control:disabled, .la-form__control[readonly] {
  background-color: #F9F9F9;
  opacity: 1;
}

select.la-form__control:focus::-ms-value {
  color: #4F4F4F;
  background-color: #FFF;
}

.la-form__control--sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.la-form__control--lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.la-form__text {
  display: block;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #757575;
}

.la-form__check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.la-form__check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.la-form__check-input[disabled] ~ .la-form__check-label {
  color: #757575;
}

.la-form__check-label {
  margin-bottom: 0;
}

.la-form--inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.la-form--inline .la-form__check {
  width: auto;
}
.la-form--inline .la-form__group {
  margin-bottom: 0;
}
.la-form--inline .la-form__control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.la-form--inline .la-form__label {
  margin-bottom: 0;
  vertical-align: middle;
}
.la-form--inline .la-form__group,
.la-form--inline .la-form__control,
.la-form--inline .la-form__label,
.la-form--inline .la-form__check {
  margin-right: 0.5rem;
}

.la-alert {
  position: relative;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
}

.la-alert--primary {
  color: rgb(3.9, 95.55, 95.55);
  background-color: rgb(117.8, 249.4, 249.4);
  border-color: rgb(83.5, 248, 248);
}
.la-alert--primary hr {
  border-top-color: rgb(49.2, 246.6, 246.6);
}
.la-alert--primary .la-alert__link {
  color: rgb(3.3, 80.85, 80.85);
}

.la-alert--secondary {
  color: rgb(76.05, 76.05, 76.05);
  background-color: rgb(199.8, 199.8, 199.8);
  border-color: #bababa;
}
.la-alert--secondary hr {
  border-top-color: rgb(172.2, 172.2, 172.2);
}
.la-alert--secondary .la-alert__link {
  color: rgb(64.35, 64.35, 64.35);
}

.la-alert--success {
  color: rgb(3.9, 95.55, 95.55);
  background-color: rgb(117.8, 249.4, 249.4);
  border-color: rgb(83.5, 248, 248);
}
.la-alert--success hr {
  border-top-color: rgb(49.2, 246.6, 246.6);
}
.la-alert--success .la-alert__link {
  color: rgb(3.3, 80.85, 80.85);
}

.la-alert--danger {
  color: rgb(162.2901345291, 50.1928251121, 24.2598654709);
  background-color: rgb(243.4, 189.8, 177.4);
  border-color: rgb(240.5, 173.5, 158);
}
.la-alert--danger hr {
  border-top-color: rgb(237.6, 157.2, 138.6);
}
.la-alert--danger .la-alert__link {
  color: rgb(137.3224215247, 42.4708520179, 20.5275784753);
}

.la-alert--warning {
  color: rgb(188.175, 127.725, 10.725);
  background-color: rgb(250.6, 225.8, 177.8);
  border-color: rgb(249.5, 218.5, 158.5);
}
.la-alert--warning hr {
  border-top-color: rgb(248.4, 211.2, 139.2);
}
.la-alert--warning .la-alert__link {
  color: rgb(159.225, 108.075, 9.075);
}

.la-alert--info {
  color: rgb(33.4159090909, 74.5431818182, 155.0840909091);
  background-color: rgb(182.6, 201.8, 239.4);
  border-color: rgb(164.5, 188.5, 235.5);
}
.la-alert--info hr {
  border-top-color: rgb(146.4, 175.2, 231.6);
}
.la-alert--info .la-alert__link {
  color: rgb(28.275, 63.075, 131.225);
}

.la-alert--light {
  color: rgb(159.25, 159.25, 159.25);
  background-color: #fbfbfb;
  border-color: #fafafa;
}
.la-alert--light hr {
  border-top-color: #f9f9f9;
}
.la-alert--light .la-alert__link {
  color: rgb(134.75, 134.75, 134.75);
}

.la-alert--dark {
  color: rgb(140.6, 140.6, 140.6);
  background-color: rgb(71.1, 71.1, 71.1);
  border-color: #4f4f4f;
}
.la-alert--dark hr {
  border-top-color: rgb(96.6, 96.6, 96.6);
}
.la-alert--dark .la-alert__link {
  color: rgb(158.2, 158.2, 158.2);
}

.la-badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.2rem;
  transition: color all 0.2s ease-in-out, background-color all 0.2s ease-in-out, border-color all 0.2s ease-in-out, box-shadow all 0.2s ease-in-out;
}
.la-badge:empty {
  display: none;
}

/* stylelint-disable-next-line declaration-block-single-line-max-declarations */
.la-badge--primary {
  color: #FFF;
  background-color: #069393;
}

/* stylelint-disable-next-line declaration-block-single-line-max-declarations */
.la-badge--secondary {
  color: #FFF;
  background-color: #757575;
}

/* stylelint-disable-next-line declaration-block-single-line-max-declarations */
.la-badge--success {
  color: #FFF;
  background-color: #069393;
}

/* stylelint-disable-next-line declaration-block-single-line-max-declarations */
.la-badge--danger {
  color: #FFF;
  background-color: #E25C3D;
}

/* stylelint-disable-next-line declaration-block-single-line-max-declarations */
.la-badge--warning {
  color: #262626;
  background-color: #F4B63E;
}

/* stylelint-disable-next-line declaration-block-single-line-max-declarations */
.la-badge--info {
  color: #FFF;
  background-color: #4A7AD8;
}

/* stylelint-disable-next-line declaration-block-single-line-max-declarations */
.la-badge--light {
  color: #262626;
  background-color: #F5F5F5;
}

/* stylelint-disable-next-line declaration-block-single-line-max-declarations */
.la-badge--dark {
  color: #FFF;
  background-color: #4F4F4F;
}

.la-badge--pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.la-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFF;
  background-clip: border-box;
  border: 0.0625rem solid rgba(38, 38, 38, 0.125);
  border-radius: 0.25rem;
}

.la-card__body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.la-card__title {
  margin-bottom: 0.75rem;
}

.la-card__subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.la-card__text:last-child {
  margin-bottom: 0;
}

.la-card__link:hover {
  text-decoration: none;
}
.la-card__link + .la-card__link {
  margin-left: 1rem;
}

.la-card__header {
  padding: 0.75rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 0.0625rem solid rgba(38, 38, 38, 0.125);
}
.la-card__header:first-child {
  border-radius: calc(0.25rem - 0.0625rem) calc(0.25rem - 0.0625rem) 0 0;
}

.la-card__footer {
  padding: 0.75rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 0.0625rem solid rgba(38, 38, 38, 0.125);
}
.la-card__footer:last-child {
  border-radius: 0 0 calc(0.25rem - 0.0625rem) calc(0.25rem - 0.0625rem);
}

.la-card__img {
  width: 100%;
  border-radius: calc(0.25rem - 0.0625rem) calc(0.25rem - 0.0625rem) 0 0;
}

.la-card__img--overlay {
  position: absolute;
  inset: 0;
  padding: 1.25rem;
}

.la-card__img--bottom {
  width: 100%;
  border-radius: 0 0 calc(0.25rem - 0.0625rem) calc(0.25rem - 0.0625rem);
}

.la-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.la-modal.fade .la-modal__dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
.la-modal.show .la-modal__dialog {
  transform: none;
}

.la-modal__dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
@media (min-width: 576px) {
  .la-modal__dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}

.la-modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #FFF;
  background-clip: padding-box;
  border: 0.0625rem solid rgba(38, 38, 38, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.la-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 0.0625rem solid #F5F5F5;
  border-top-left-radius: calc(0.3rem - 0.0625rem);
  border-top-right-radius: calc(0.3rem - 0.0625rem);
}

.la-modal__title {
  margin-bottom: 0;
  line-height: 1.5;
}

.la-modal__body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.la-modal__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 0.0625rem solid #F5F5F5;
  border-bottom-right-radius: calc(0.3rem - 0.0625rem);
  border-bottom-left-radius: calc(0.3rem - 0.0625rem);
}
.la-modal__footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.la-modal__footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.la-modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #262626;
}
.la-modal__backdrop.fade {
  opacity: 0;
}
.la-modal__backdrop.show {
  opacity: 0.5;
}

.la-nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.la-nav__link {
  display: block;
  padding: 0.5rem 1rem;
  color: #069393;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.la-nav__link:hover, .la-nav__link:focus {
  color: rgb(5.4, 132.3, 132.3);
  text-decoration: none;
}
.la-nav__link.disabled {
  color: #757575;
  pointer-events: none;
  cursor: default;
}

.la-nav--tabs {
  border-bottom: 0.0625rem solid #F5F5F5;
}
.la-nav--tabs .la-nav__item {
  margin-bottom: -0.0625rem;
}
.la-nav--tabs .la-nav__link {
  border: 0.0625rem solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.la-nav--tabs .la-nav__link:hover, .la-nav--tabs .la-nav__link:focus {
  border-color: #F9F9F9 #F9F9F9 #F5F5F5;
}
.la-nav--tabs .la-nav__link.disabled {
  color: #757575;
  background-color: transparent;
  border-color: transparent;
}
.la-nav--tabs .la-nav__link.active, .la-nav__item.show .la-nav--tabs .la-nav__link {
  color: #4F4F4F;
  background-color: #FFF;
  border-color: #F5F5F5 #F5F5F5 #FFF;
}

.la-nav--pills .la-nav__link {
  border-radius: 0.25rem;
}
.la-nav--pills .la-nav__link.active,
.la-nav--pills .show > .la-nav__link {
  color: #FFF;
  background-color: #069393;
}

.la-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  padding: 0.5rem;
  margin: 0;
  background-color: #262626;
  border-radius: 0.25rem;
  color: #FFF;
}

.la-tooltip .la-tooltip__arrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
}

.la-tooltip .la-tooltip__arrow::before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.la-tooltip.bs-tooltip-top .la-tooltip__arrow {
  bottom: 0;
}

.la-tooltip.bs-tooltip-top .la-tooltip__arrow::before {
  margin-top: calc(-1rem * 0.375);
  border-width: 0.375rem 0.375rem 0;
  border-top-color: #262626;
}

.la-tooltip.bs-tooltip-end .la-tooltip__arrow {
  left: 0;
}

.la-tooltip.bs-tooltip-end .la-tooltip__arrow::before {
  margin-left: calc(-1rem * 0.375);
  border-width: 0.375rem 0 0.375rem 0.375rem;
  border-right-color: #262626;
}

.la-tooltip.bs-tooltip-bottom .la-tooltip__arrow {
  top: 0;
}

.la-tooltip.bs-tooltip-bottom .la-tooltip__arrow::before {
  margin-bottom: calc(-1rem * 0.375);
  border-width: 0 0.375rem 0.375rem;
  border-bottom-color: #262626;
}

.la-tooltip.bs-tooltip-start .la-tooltip__arrow {
  right: 0;
}

.la-tooltip.bs-tooltip-start .la-tooltip__arrow::before {
  margin-right: calc(-1rem * 0.375);
  border-width: 0.375rem 0.375rem 0.375rem 0;
  border-left-color: #262626;
}

/* Import required modules */
.la-button--link {
  padding: 0;
  margin-left: 0;
}

.main-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .main-wrapper {
    flex-direction: row;
  }
}

.content-wrapper {
  flex-grow: 1;
  padding: 0;
  padding-top: var(--la-navbar-height);
  width: 100%;
  background: transparent;
}

.home-page .content-wrapper {
  padding-top: var(--la-navbar-height);
}
@media (min-width: 768px) {
  .home-page .content-wrapper {
    padding-top: var(--la-navbar-height);
  }
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 0.75rem;
}
@media (min-width: 576px) {
  .container {
    padding: 0 1rem;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 60rem;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 75rem;
  }
}

.custom-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 0.5rem;
}
@media (min-width: 576px) {
  .custom-container {
    padding: 0 1rem;
  }
}

.la-search-weather-container__divider {
  width: 1px;
  height: 2.5rem;
  background-color: #BDBDBD;
  display: none;
  flex: 0 0 auto;
}
@media (min-width: 576px) {
  .la-search-weather-container__divider {
    display: block;
  }
}

.la-plan-my-day-cta {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 4rem;
  min-height: 4rem;
  padding: 0.75rem 1rem;
  border: 0.125rem solid rgba(219, 156, 36, 0.45);
  border-radius: 2rem;
  background: radial-gradient(circle at 13% 50%, rgba(6, 147, 147, 0.12), transparent 38%), linear-gradient(115deg, rgba(255, 255, 255, 0.98) 0%, rgba(6, 147, 147, 0.055) 54%, rgba(244, 131, 94, 0.12) 100%), #FFF;
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.78), 0 0 0.5rem 0.0625rem rgba(6, 147, 147, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 0 0.5rem rgba(6, 147, 147, 0.055);
  color: #262626;
  text-decoration: none;
  transition: border 0.2s ease, box-shadow 0.3s ease, transform 0.2s ease;
}
.la-plan-my-day-cta:hover {
  border-color: rgba(219, 156, 36, 0.7);
  box-shadow: 0 0.125rem 0.5rem 0.0625rem rgba(117, 117, 117, 0.6), 0 0 0.75rem 0.125rem rgba(6, 147, 147, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0.55rem rgba(6, 147, 147, 0.075);
  color: #262626;
  text-decoration: none;
}
.la-plan-my-day-cta:focus-visible {
  outline: none;
  border-color: #069393;
  box-shadow: 0 0 0 0.1875rem rgba(6, 147, 147, 0.2);
}

.la-plan-my-day-cta__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  border-radius: 999px;
  overflow: visible;
  color: #069393;
}

.la-plan-my-day-cta__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.1;
  text-align: center;
}

.la-plan-my-day-cta__eyebrow {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #757575;
}

.la-plan-my-day-cta__title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #262626;
}

.la-plan-my-day-cta__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  color: #757575;
  flex-shrink: 0;
}

.la-plan-my-day-cta__arrow-icon {
  width: 1rem;
  height: 1rem;
}

@media (max-width: 575px) {
  .la-plan-my-day-cta {
    padding-inline: 0.875rem;
  }
  .la-plan-my-day-cta__eyebrow {
    display: none;
  }
  .la-plan-my-day-cta__title {
    font-size: 0.9rem;
  }
}
.la-plan-my-day-cta__spinner-container {
  min-height: 0;
  height: 100%;
  padding: 0;
}

.la-plan-my-day-cta--loading {
  justify-content: center;
  min-height: 4rem;
  padding-block: 0;
  cursor: wait;
}

.la-plan-my-day-cta--locked-ghost {
  filter: blur(1.5px);
  opacity: 0.7;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  border: none;
  box-shadow: none;
  background: transparent;
  animation: none;
  padding: 0.5rem 0.75rem;
  min-height: auto;
}

.la-locked-preview--planner {
  height: 4rem;
}
@media (min-width: 576px) {
  .la-locked-preview--planner {
    flex: 0 1 12.5rem;
    width: auto;
    min-width: 12rem;
    max-width: 13.5rem;
    align-self: center;
  }
}
@media (min-width: 768px) {
  .la-locked-preview--planner {
    flex-basis: 13rem;
  }
}
.la-locked-preview--planner .la-locked-preview__content {
  flex: 0 0 65%;
  padding: 0 0.5rem;
  overflow: hidden;
}
.la-locked-preview--planner .la-locked-preview__footer {
  flex: 0 0 35%;
  min-height: 0;
}

.la-weather-widget__divider {
  width: 1px;
  height: 2.5rem;
  background-color: #BDBDBD;
  display: none;
}
@media (min-width: 576px) {
  .la-weather-widget__divider {
    display: block;
  }
}

.la-native .la-search-weather-container--native-guest {
  width: 100%;
}

.custom-search-bar {
  width: 100%;
  min-width: 18.75rem;
  margin: 0;
}
.custom-search-bar.custom-search-bar--loading .search-input-wrapper #reset-button {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 576px) {
  .custom-search-bar {
    flex: 1;
    max-width: 37.5rem;
  }
}
.custom-search-bar .search-bar-container {
  position: relative;
}
.custom-search-bar .search-bar-container .search-input-wrapper {
  position: relative;
}
.custom-search-bar .search-bar-container .search-input-wrapper input {
  width: 100%;
  padding: 1rem 4.5rem; /* Increased left padding for search button */
  margin: 0.5rem 0;
  box-sizing: border-box;
  border: 0.0625rem solid transparent;
  border-radius: 2rem;
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.78);
  background: #FFF;
  font-size: 1rem;
  height: 4rem; /* Fixed height to accommodate larger icons */
  text-indent: 0; /* Ensure text starts after the search icon */
}
.custom-search-bar .search-bar-container .search-input-wrapper input::-moz-placeholder {
  color: #757575;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.custom-search-bar .search-bar-container .search-input-wrapper input::placeholder {
  color: #757575;
  transition: opacity 0.2s ease;
}
.custom-search-bar .search-bar-container .search-input-wrapper input:hover {
  border: 0.0625rem solid #069393;
}
.custom-search-bar .search-bar-container .search-input-wrapper input:hover::-moz-placeholder {
  opacity: 0.8;
}
.custom-search-bar .search-bar-container .search-input-wrapper input:hover::placeholder {
  opacity: 0.8;
}
.custom-search-bar .search-bar-container .search-input-wrapper input:focus {
  outline: none;
  border: 0.0625rem solid #069393;
  box-shadow: 0 0 0 0.1875rem rgba(6, 147, 147, 0.2);
}
.custom-search-bar .search-bar-container .search-input-wrapper input:focus::-moz-placeholder {
  opacity: 0.6;
}
.custom-search-bar .search-bar-container .search-input-wrapper input:focus::placeholder {
  opacity: 0.6;
}
.custom-search-bar .search-bar-container .search-input-wrapper .search-input-wrapper__loading {
  position: absolute;
  right: 3.25rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 3;
}
.custom-search-bar .search-bar-container .search-input-wrapper .search-input-wrapper__loading[hidden] {
  display: none;
}
.custom-search-bar .search-bar-container .search-input-wrapper .search-input-wrapper__loading .la-spinner {
  width: 1.25rem;
  padding: 0.18rem;
}
.custom-search-bar .search-bar-container .search-input-wrapper .search-button {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
  background-color: #069393; /* Using brand teal color */
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.2);
  border: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
  padding: 0; /* Remove padding to ensure icon is centered */
  z-index: 2; /* Ensure button is above the input */
  /* Style the search button icon using BEM component-specific class */
}
.custom-search-bar .search-bar-container .search-input-wrapper .search-button .search-button__icon {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF; /* Ensure icon is white */
  /* Target SVG and its children directly */
}
.custom-search-bar .search-bar-container .search-input-wrapper .search-button .search-button__icon svg, .custom-search-bar .search-bar-container .search-input-wrapper .search-button .search-button__icon svg * {
  color: #FFF;
  stroke: #FFF;
}
.custom-search-bar .search-bar-container .search-input-wrapper .search-button:hover {
  background-color: #07B4B4;
  transform: translateY(-50%) scale(1.05);
}
.custom-search-bar .search-bar-container .search-input-wrapper .search-button:active {
  background-color: #05686C;
  transform: translateY(-50%) scale(0.95);
}
.custom-search-bar .search-bar-container .search-input-wrapper .search-button:focus {
  outline: none;
  box-shadow: 0 0 0 0.1875rem rgba(6, 147, 147, 0.3);
}
.custom-search-bar .search-bar-container .search-input-wrapper #reset-button {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #757575;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  transition: color 0.2s ease, transform 0.2s ease;
  z-index: 2; /* Ensure button is above the input */
  /* Style the reset button icon using BEM component-specific class */
}
.custom-search-bar .search-bar-container .search-input-wrapper #reset-button .reset-button__icon {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1.5rem;
  width: 1.5rem;
  color: inherit; /* Inherit color from parent */
  /* Target SVG and its children directly */
}
.custom-search-bar .search-bar-container .search-input-wrapper #reset-button .reset-button__icon svg, .custom-search-bar .search-bar-container .search-input-wrapper #reset-button .reset-button__icon svg * {
  color: inherit;
  stroke: currentColor;
}
.custom-search-bar .search-bar-container .search-input-wrapper #reset-button:hover {
  color: #069393;
  transform: translateY(-50%) scale(1.05);
}
.custom-search-bar .search-bar-container .search-input-wrapper #reset-button:active {
  transform: translateY(-50%) scale(0.95);
}
.custom-search-bar .search-bar-container .search-input-wrapper #reset-button:focus {
  outline: none;
}

.custom-search-bar.custom-search-bar--native-guest {
  min-width: 0;
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-input-wrapper__loading {
  display: none;
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper input {
  border-color: rgba(189, 189, 189, 0.72);
  box-shadow: 0 0.125rem 0.5rem rgba(38, 38, 38, 0.07);
  height: 3.5rem;
  padding-left: 3.75rem;
  padding-right: 1.25rem;
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button {
  background: #069393;
  box-shadow: 0 0.125rem 0.375rem rgba(38, 38, 38, 0.16);
  color: #FFF;
  height: 2.25rem;
  left: 0.75rem;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
  width: 2.25rem;
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button .search-button__icon {
  color: #FFF;
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button .search-button__icon svg,
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button .search-button__icon svg * {
  color: #FFF;
  stroke: #FFF;
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:hover, .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:active {
  background: #05686C;
  transform: translateY(-50%);
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:focus {
  box-shadow: 0 0 0 0.125rem rgba(117, 117, 117, 0.24);
}
.custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button, .custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:disabled, .custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button[aria-disabled=true] {
  background: #069393;
  color: #FFF;
  opacity: 0.92;
}
.custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button .search-button__icon, .custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:disabled .search-button__icon, .custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button[aria-disabled=true] .search-button__icon {
  color: #FFF;
}
.custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button .search-button__icon svg,
.custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button .search-button__icon svg *, .custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:disabled .search-button__icon svg,
.custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:disabled .search-button__icon svg *, .custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button[aria-disabled=true] .search-button__icon svg,
.custom-search-bar--loading .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button[aria-disabled=true] .search-button__icon svg * {
  color: #FFF;
  stroke: #FFF;
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:disabled, .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button[aria-disabled=true] {
  background: rgba(6, 147, 147, 0.3);
  box-shadow: none;
  color: rgba(255, 255, 255, 0.92);
  cursor: default;
  opacity: 1;
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:disabled .search-button__icon, .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button[aria-disabled=true] .search-button__icon {
  color: rgba(255, 255, 255, 0.92);
}
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:disabled .search-button__icon svg,
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button:disabled .search-button__icon svg *, .custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button[aria-disabled=true] .search-button__icon svg,
.custom-search-bar.custom-search-bar--native-guest .search-bar-container .search-input-wrapper .search-button[aria-disabled=true] .search-button__icon svg * {
  color: rgba(255, 255, 255, 0.92);
  stroke: rgba(255, 255, 255, 0.92);
}

/* Remove conflicting styles for autocomplete */
/* These styles were overriding our search input styles */
/* All styling for #autocomplete is now handled in the .search-input-wrapper input block */
.listing-card {
  overflow: hidden;
  position: relative;
}

.card {
  border: none;
  box-shadow: none;
}

.la-card__body {
  font-size: 0.75rem;
  background: transparent;
  padding: 0.5rem;
}
@media (min-width: 576px) {
  .la-card__body {
    padding: 0.75rem;
  }
}

.la-card__title {
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
@media (min-width: 576px) {
  .la-card__title {
    font-size: 1rem;
  }
}

.la-card__link {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}
.la-card__link:hover {
  text-decoration: underline;
}

.la-card__text {
  margin-bottom: 0;
}

.la-card__info-title {
  display: block;
  margin-bottom: 0;
  font-size: 0.625rem;
}

.la-card__info {
  display: block;
  margin-bottom: 0;
  font-size: 0.625rem;
}

.la-card__icon {
  width: 0.75rem;
  height: auto;
  vertical-align: middle;
}
@media (min-width: 576px) {
  .la-card__icon {
    width: 0.875rem;
  }
}

.la-carousel__item img {
  height: 9rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.1);
}
@media (min-width: 576px) {
  .la-carousel__item img {
    height: 10rem;
    box-shadow: 0 0.25rem 0.375rem rgba(38, 38, 38, 0.1);
  }
}
@media (min-width: 768px) {
  .la-carousel__item img {
    height: 10.9375rem;
    box-shadow: 0 0.25rem 0.5rem rgba(38, 38, 38, 0.1);
  }
}

.la-carousel__control-prev-icon,
.la-carousel__control-next-icon {
  background-size: 40%;
  opacity: 0;
  transition: opacity 0.15s ease;
}
@media (min-width: 768px) {
  .la-carousel__control-prev-icon,
  .la-carousel__control-next-icon {
    background-size: 50%;
  }
}

.la-carousel:hover .la-carousel__control-prev-icon,
.la-carousel:hover .la-carousel__control-next-icon {
  opacity: 1;
}

@media (hover: none) {
  .la-carousel .la-carousel__control-prev-icon,
  .la-carousel .la-carousel__control-next-icon {
    opacity: 0.7;
  }
}
.la-carousel__indicators {
  margin-bottom: 0.5rem;
}
@media (min-width: 576px) {
  .la-carousel__indicators {
    margin-bottom: 0.625rem;
  }
}

.la-card__plan-around {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  min-height: 2.5rem;
  margin: 0.18rem 0 0.5rem;
  padding: 0.5rem 0.62rem 0.5rem 0.55rem;
  border: 1px solid rgba(6, 147, 147, 0.18);
  border-radius: 0.72rem;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.08), rgba(255, 255, 255, 0.92) 56%), rgba(255, 255, 255, 0.94);
  color: #05686C;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.la-card__plan-around:hover,
.la-card__plan-around:focus-visible {
  border-color: rgba(6, 147, 147, 0.38);
  box-shadow: 0 0.45rem 1.1rem rgba(6, 147, 147, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  color: #05686C;
  transform: translateY(-1px);
}

.la-card__plan-around-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
}

.la-card__plan-around-orb {
  --orb-size: 1.14rem;
}

.la-card__plan-around-copy {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  min-width: 0;
  flex: 1 1 auto;
}

.la-card__plan-around-label,
.la-card__plan-around-note {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.la-card__plan-around-note {
  color: rgba(79, 79, 79, 0.68);
  font-size: 0.66rem;
  font-weight: 600;
}

.la-card__plan-around-arrow {
  width: 0.92rem;
  height: 0.92rem;
  color: #069393;
  flex: 0 0 auto;
  transition: transform 0.16s ease;
}

@media (hover: hover) {
  .la-card__plan-around:hover .la-card__plan-around-mark {
    animation: la-plan-around-orb-pulse 520ms ease;
  }
  .la-card__plan-around:hover .la-card__plan-around-arrow {
    transform: translateX(2px);
  }
}
@keyframes la-plan-around-orb-pulse {
  0%, 100% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.18);
  }
}
@media (max-width: 31.25rem) {
  .la-card__plan-around {
    min-height: 2.75rem;
    padding-block: 0.58rem;
  }
}
.planner-seed-sheet__lede {
  margin: 0 0 1rem;
  color: #262626;
}

.planner-seed-sheet__hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.68rem;
  margin-bottom: 0.85rem;
}

.planner-seed-sheet__hero--notice {
  align-items: start;
  margin-bottom: 0.85rem;
}

.planner-seed-sheet__avatar {
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.planner-seed-sheet .planner-seed-sheet__orb {
  --orb-size: 2.12rem;
}

.planner-seed-sheet__hero-copy {
  min-width: 0;
}

.planner-seed-sheet__eyebrow {
  margin: 0 0 0.18rem;
  color: #05686C;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0;
}

.planner-seed-sheet__hero .planner-seed-sheet__lede {
  margin-bottom: 0;
  color: #4F4F4F;
  font-size: 0.91rem;
  line-height: 1.32;
}

.planner-seed-sheet__warning {
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: rgba(244, 182, 62, 0.12);
  color: #262626;
  font-size: 0.9rem;
}

.planner-seed-sheet__event-time {
  display: grid;
  gap: 0.18rem;
  margin-bottom: 1rem;
  padding: 0.78rem 0.85rem;
  border: 1px solid rgba(6, 147, 147, 0.18);
  border-radius: 0.75rem;
  background: rgba(6, 147, 147, 0.06);
  color: #262626;
}

.planner-seed-sheet__event-time-label {
  color: #757575;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.planner-seed-sheet__field {
  margin-bottom: 1rem;
}

.planner-seed-sheet__confidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin-bottom: 0.8rem;
}

.planner-seed-sheet__confidence-item {
  min-height: 3rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.62rem 0.68rem;
  border: 1px solid rgba(6, 147, 147, 0.12);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.78);
  color: #262626;
  font-size: 0.82rem;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.planner-seed-sheet__confidence-icon {
  width: 1.05rem;
  height: 1.05rem;
  color: #069393;
  flex: 0 0 auto;
}

.planner-seed-sheet__field--date,
.planner-seed-sheet__field--day-shape,
.planner-seed-sheet__field--meal {
  padding: 0.75rem;
  border: 1px solid rgba(6, 147, 147, 0.12);
  border-radius: 0.85rem;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.055), rgba(255, 255, 255, 0.92) 58%, rgba(244, 131, 94, 0.08)), #FFF;
}

.planner-seed-sheet__field--meal {
  margin-top: 0.15rem;
  margin-bottom: 0;
}

.planner-seed-sheet__field--date .planner-seed-sheet__label,
.planner-seed-sheet__field--day-shape .planner-seed-sheet__label,
.planner-seed-sheet__field--meal .planner-seed-sheet__label {
  margin-bottom: 0.55rem;
}

.planner-seed-sheet__label {
  display: block;
  margin-bottom: 0.4rem;
  font-weight: 700;
}

.planner-seed-sheet__input {
  width: 100%;
}

.planner-seed-sheet .planner-seed-sheet__input,
.planner-seed-sheet .flatpickr-input.flatpickr-alt-input {
  min-height: 2.38rem;
  border: 1px solid rgba(38, 38, 38, 0.12);
  border-radius: 0.62rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(6, 147, 147, 0.045)), #FFF;
  color: #262626;
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.planner-seed-sheet .planner-seed-sheet__input:hover,
.planner-seed-sheet .flatpickr-input.flatpickr-alt-input:hover {
  border-color: rgba(6, 147, 147, 0.34);
}

.planner-seed-sheet .planner-seed-sheet__input:focus,
.planner-seed-sheet .flatpickr-input.flatpickr-alt-input:focus {
  border-color: #069393;
  box-shadow: 0 0 0 0.18rem rgba(6, 147, 147, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.planner-seed-sheet input.planner-seed-sheet__input[type=date] {
  background-image: none !important;
  padding-right: 0.75rem !important;
}

.planner-seed-sheet__intent-pills {
  display: grid;
  gap: 0.55rem;
}

.planner-seed-sheet__meal-pills {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.planner-seed-sheet__intent-pill {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.68rem 0.75rem;
  border: 1px solid rgba(6, 147, 147, 0.18);
  border-radius: 999px;
  background: #FFF;
  color: #262626;
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.planner-seed-sheet__meal-pill {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.48rem;
  min-height: 4.15rem;
  padding: 0.62rem;
  border: 1px solid rgba(38, 38, 38, 0.1);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.82);
  color: #262626;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background 0.16s ease;
}

.planner-seed-sheet__intent-pill:hover,
.planner-seed-sheet__intent-pill:focus-within {
  border-color: rgba(6, 147, 147, 0.42);
  box-shadow: 0 0.35rem 0.9rem rgba(6, 147, 147, 0.12);
  transform: translateY(-1px);
}

.planner-seed-sheet__meal-pill:hover,
.planner-seed-sheet__meal-pill:focus-within {
  border-color: rgba(6, 147, 147, 0.34);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0.32rem 0.78rem rgba(6, 147, 147, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transform: translateY(-1px);
}

.planner-seed-sheet__intent-pill:has(input:checked) {
  border-color: #069393;
  background: rgba(6, 147, 147, 0.08);
  box-shadow: inset 0 0 0 1px rgba(6, 147, 147, 0.08);
}

.planner-seed-sheet__meal-pill:has(input:checked) {
  border-color: rgba(6, 147, 147, 0.72);
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.13), rgba(255, 255, 255, 0.92) 64%), #FFF;
  box-shadow: 0 0.28rem 0.75rem rgba(6, 147, 147, 0.12), inset 0 0 0 1px rgba(6, 147, 147, 0.1);
}

.planner-seed-sheet__intent-pill input,
.planner-seed-sheet__meal-pill input,
.planner-seed-sheet__segment input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: grid;
  place-content: center;
  width: 0.9rem;
  height: 0.9rem;
  margin-top: 0.18rem;
  border: 1.5px solid rgba(6, 147, 147, 0.46);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.88);
  flex: 0 0 auto;
  transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.planner-seed-sheet__intent-pill input::before,
.planner-seed-sheet__meal-pill input::before,
.planner-seed-sheet__segment input::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  border-radius: inherit;
  transform: scale(0);
  background: #069393;
  transition: transform 0.16s ease;
}

.planner-seed-sheet__intent-pill input:checked,
.planner-seed-sheet__meal-pill input:checked,
.planner-seed-sheet__segment input:checked {
  border-color: #069393;
  background: rgba(6, 147, 147, 0.1);
}

.planner-seed-sheet__intent-pill input:checked::before,
.planner-seed-sheet__meal-pill input:checked::before,
.planner-seed-sheet__segment input:checked::before {
  transform: scale(1);
}

.planner-seed-sheet__intent-pill input:focus-visible,
.planner-seed-sheet__meal-pill input:focus-visible,
.planner-seed-sheet__segment input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.18rem rgba(6, 147, 147, 0.14);
}

.planner-seed-sheet__intent-copy {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
  line-height: 1.18;
}

.planner-seed-sheet__intent-copy strong {
  font-size: 0.94rem;
}

.planner-seed-sheet__intent-copy small {
  color: #757575;
  font-size: 0.78rem;
}

.planner-seed-sheet__meal-pill .planner-seed-sheet__intent-copy {
  gap: 0.16rem;
  line-height: 1.16;
}

.planner-seed-sheet__meal-pill .planner-seed-sheet__intent-copy strong {
  font-size: 0.88rem;
}

.planner-seed-sheet__meal-pill .planner-seed-sheet__intent-copy small {
  font-size: 0.74rem;
  white-space: normal;
}

.planner-seed-sheet__hint {
  margin: -0.15rem 0 1rem;
  color: #757575;
  font-size: 0.86rem;
  line-height: 1.35;
}

.planner-seed-sheet__segments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.planner-seed-sheet__segment {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.55rem;
  padding: 0.56rem 0.65rem;
  border: 1px solid rgba(38, 38, 38, 0.1);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background 0.16s ease;
}

.planner-seed-sheet__segment:hover,
.planner-seed-sheet__segment:focus-within {
  border-color: rgba(6, 147, 147, 0.34);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0.32rem 0.78rem rgba(6, 147, 147, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transform: translateY(-1px);
}

.planner-seed-sheet__segment:has(input:checked) {
  border-color: rgba(6, 147, 147, 0.72);
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.13), rgba(255, 255, 255, 0.92) 64%), #FFF;
  box-shadow: 0 0.28rem 0.75rem rgba(6, 147, 147, 0.12), inset 0 0 0 1px rgba(6, 147, 147, 0.1);
}

.planner-seed-sheet__segment-label {
  min-width: 0;
  overflow: hidden;
  color: #262626;
  font-weight: 600;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 31.25rem) {
  .planner-seed-sheet__meal-pills {
    grid-template-columns: 1fr;
  }
}
.planner-seed-sheet__actions {
  display: grid;
  gap: 0.55rem;
}
.planner-seed-sheet__actions .la-btn {
  min-height: 2.65rem;
  justify-content: center;
  border-radius: 0.82rem;
  font-weight: 800;
}
.planner-seed-sheet__actions .la-btn--text {
  min-height: 2.35rem;
}

.la-modal--planner-seed .la-modal__dialog {
  max-width: 25rem;
}
.la-modal--planner-seed .la-modal__content {
  border: 0;
  border-radius: 1.35rem;
  background: linear-gradient(180deg, rgba(124, 200, 200, 0.55), rgba(255, 255, 255, 0.96) 38%), #FFF;
  box-shadow: 0 1.2rem 2.4rem rgba(38, 38, 38, 0.18);
}
.la-modal--planner-seed .la-modal__header {
  padding: 1rem 1rem 0.25rem;
  border-bottom: 0;
  background: transparent;
}
.la-modal--planner-seed .la-modal__title {
  font-size: 1.12rem;
  text-align: left;
}
.la-modal--planner-seed .la-modal__body {
  padding: 0.7rem 1rem 1rem;
}
.la-modal--planner-seed .la-modal__footer {
  gap: 0.6rem;
  padding: 0.15rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
  border-top: 0;
  background: transparent;
}
.la-modal--planner-seed .la-modal__footer .la-btn {
  min-height: 2.85rem;
  border-radius: 0.85rem;
  font-weight: 800;
}

.la-native .la-modal--planner-seed {
  align-items: flex-end;
}
.la-native .la-modal--planner-seed .la-modal__dialog {
  width: 100%;
  max-width: 100%;
  margin: 0;
  transform: translateY(1.75rem);
}
.la-native .la-modal--planner-seed.active .la-modal__dialog {
  transform: translateY(0);
}
.la-native .la-modal--planner-seed .la-modal__content {
  border-radius: 1.35rem 1.35rem 0 0;
  background: linear-gradient(180deg, rgba(124, 200, 200, 0.38), rgba(255, 255, 255, 0.98) 8.5rem), #FFF;
}
.la-native .la-modal--planner-seed .la-modal__header {
  padding: 0.82rem 1rem 0.1rem;
}
.la-native .la-modal--planner-seed .la-modal__title {
  font-size: 1rem;
  font-weight: 700;
}
.la-native .la-modal--planner-seed .la-modal__body {
  padding: 0.55rem 1rem 0.75rem;
}
.la-native .la-modal--planner-seed .la-modal__footer {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
  gap: 0.55rem;
  padding-top: 0.05rem;
}
.la-native .la-modal--planner-seed .la-modal__footer .la-btn {
  width: 100%;
  min-height: 2.8rem;
}
.la-native .la-modal--planner-seed .planner-seed-sheet__hero {
  margin-bottom: 0.76rem;
}
.la-native .la-modal--planner-seed .planner-seed-sheet__confidence-grid {
  gap: 0.45rem;
  margin-bottom: 0.55rem;
}
.la-native .la-modal--planner-seed .planner-seed-sheet__confidence-item {
  min-height: 2.42rem;
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.82);
}
.la-native .la-modal--planner-seed .planner-seed-sheet__field--date,
.la-native .la-modal--planner-seed .planner-seed-sheet__field--day-shape,
.la-native .la-modal--planner-seed .planner-seed-sheet__field--meal {
  margin-top: 0.62rem;
  padding: 0.68rem;
  border-radius: 0.82rem;
  background: rgba(255, 255, 255, 0.78);
}
.la-native .la-modal--planner-seed .planner-seed-sheet__segments {
  gap: 0.45rem;
}
.la-native .la-modal--planner-seed .planner-seed-sheet__segment {
  min-height: 2.28rem;
  border-radius: 0.68rem;
}

/* Admin Interface Styles
   Following Little Adventures Design System
   Using the Explorers Accessible color system for WCAG compliance */
/* Admin Container */
.admin-page .admin-container {
  max-width: 80rem;
  margin: 2rem auto;
  padding: 1.5rem;
  background-color: #F9F9F9;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.admin-page .admin-container h1 {
  color: var(--la-base-darkest, #262626);
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--la-base-light, #F5F5F5);
}
.admin-page .admin-container h2 {
  color: var(--la-base-dark, #4F4F4F);
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.admin-page .admin-container p {
  color: var(--la-base-dark, #4F4F4F);
  margin-bottom: 1rem;
}

/* Admin Table Container (for horizontal scroll) */
.admin-table-container {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 2rem;
  background-color: var(--la-base-lightest, #FFF);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  -webkit-overflow-scrolling: touch;
}

/* Admin Table Styles */
.admin-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  /* Responsive table */
}
.admin-table thead {
  background-color: var(--la-brand-lightest, #7CC8C8);
}
.admin-table thead th {
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--la-base-darkest, #262626);
  border-bottom: 2px solid var(--la-brand-light, #07B4B4);
  white-space: nowrap;
}
.admin-table tbody tr {
  transition: background-color 0.15s ease;
}
.admin-table tbody tr:hover {
  background-color: rgba(6, 147, 147, 0.05);
}
.admin-table tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
}
.admin-table tbody tr.admin-table__row--archived {
  background-color: rgba(249, 249, 249, 0.8);
}
.admin-table tbody tr.admin-table__row--archived:hover {
  background-color: rgba(249, 249, 249, 0.9);
}
.admin-table tbody tr.admin-table__row--archived td {
  color: var(--la-base-medium, #757575);
}
.admin-table tbody tr.admin-table__row--archived .la-badge {
  opacity: 0.9;
}
.admin-table tbody .admin-table__empty-row td {
  text-align: center;
  color: var(--la-base-medium, #757575);
  padding: 2rem 1rem;
  font-style: italic;
}
.admin-table tbody .admin-table__empty-row:hover {
  background-color: transparent;
}
.admin-table tbody td {
  padding: 0.5rem 0.75rem;
  color: var(--la-base-dark, #4F4F4F);
  vertical-align: middle;
  font-size: 0.8125rem;
}
.admin-table tbody td a {
  color: var(--la-brand-primary, #069393);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}
.admin-table tbody td a:hover {
  color: var(--la-brand-dark, #05686C);
  text-decoration: underline;
}
.admin-table tbody td.admin-table__actions {
  text-align: right;
  white-space: nowrap;
}
.admin-table tbody td.admin-table__actions .la-btn + .la-btn {
  margin-left: 0.5rem;
}
.admin-table tbody td.admin-table__actions .inline-delete-form {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.admin-table thead {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0;
}
.admin-table tbody,
.admin-table tr,
.admin-table td,
.admin-table th {
  display: block;
}
.admin-table tbody tr {
  background: var(--la-base-lightest, #FFF);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 8px;
  margin-bottom: 0.75rem;
  box-shadow: 0 1px 2px rgba(38, 38, 38, 0.05);
}
.admin-table tbody td {
  display: grid;
  grid-template-columns: minmax(6rem, 8rem) 1fr;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border: 0;
}
.admin-table tbody td::before {
  content: attr(data-label);
  font-weight: 600;
  color: var(--la-base-dark, #4F4F4F);
}
.admin-table td.admin-table__actions {
  padding-top: 0.5rem;
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
  text-align: left;
}
.admin-table td.admin-table__actions .la-btn {
  margin-left: 0;
}
.admin-table .admin-table__actions-group {
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .admin-table thead {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    -webkit-clip-path: none;
            clip-path: none;
    border: 0;
    display: table-header-group;
  }
  .admin-table tbody {
    display: table-row-group;
  }
  .admin-table tr {
    display: table-row;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .admin-table th,
  .admin-table td {
    display: table-cell;
  }
  .admin-table tbody td {
    display: table-cell;
    padding: 0.5rem 0.75rem;
    border: 0;
    font-size: 0.8125rem;
  }
  .admin-table tbody td::before {
    content: none;
  }
  .admin-table th.admin-table__col--actions {
    text-align: center;
  }
  .admin-table td.admin-table__actions {
    text-align: center;
    border-top: 0;
  }
  .admin-table td.admin-table__actions .admin-table__actions-group {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
  }
  .admin-table td.admin-table__actions .admin-table__actions-group > * {
    flex-shrink: 0;
  }
  .admin-table th.admin-table__col--id,
  .admin-table td.admin-table__col--id {
    width: 3rem;
    white-space: nowrap;
  }
  .admin-table th.admin-table__col--type,
  .admin-table td.admin-table__col--type {
    width: 6rem;
    white-space: nowrap;
  }
  .admin-table th.admin-table__col--name,
  .admin-table td.admin-table__col--name {
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .admin-table th.admin-table__col--submitter,
  .admin-table td.admin-table__col--submitter {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .admin-table th.admin-table__col--location,
  .admin-table td.admin-table__col--location {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .admin-table th.admin-table__col--created,
  .admin-table td.admin-table__col--created {
    width: 6.5rem;
    white-space: nowrap;
    font-size: 0.75rem;
  }
  .admin-table th.admin-table__col--images,
  .admin-table td.admin-table__col--images {
    text-align: center;
    white-space: nowrap;
    width: 4rem;
  }
  .admin-table th.admin-table__col--enriched,
  .admin-table td.admin-table__col--enriched {
    text-align: center;
    width: 6.5rem;
    font-size: 0.75rem;
    white-space: nowrap;
  }
  .admin-table th.admin-table__col--description,
  .admin-table td.admin-table__col--description,
  .admin-table th.admin-table__col--categories,
  .admin-table td.admin-table__col--categories,
  .admin-table th.admin-table__col--features,
  .admin-table td.admin-table__col--features {
    text-align: center;
    white-space: nowrap;
    width: 5rem;
  }
  .admin-table th.admin-table__col--review,
  .admin-table td.admin-table__col--review {
    text-align: center;
    white-space: nowrap;
    width: 4.5rem;
  }
  .admin-table th.admin-table__col--actions,
  .admin-table td.admin-table__col--actions {
    white-space: nowrap;
    width: 8rem;
  }
  .admin-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--la-brand-lightest, #7CC8C8);
  }
}
.admin-table .la-badge {
  font-size: 0.6875rem;
  padding: 0.125rem 0.375rem;
}
.admin-table .la-btn--sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.admin-table .la-btn--sm .la-admin-table__action-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.admin-table .la-btn--sm.la-btn--icon-only {
  --la-btn-min-height: 2rem;
  padding: 0;
}
.admin-table .admin-table__actions-group--event-series {
  gap: 0.375rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.admin-table .admin-table__action-button--labeled {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.admin-table .la-form--review-flag {
  display: flex;
  justify-content: center;
}
.admin-table .la-form--review-flag .la-form__check {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.admin-table .la-form--review-flag .la-form__check-input {
  width: 1rem;
  height: 1rem;
}
.admin-table .la-form--review-flag .la-form__check-label {
  font-size: 0.6875rem;
  margin: 0;
}

/* Admin Modal Styles */
.la-modal--admin .la-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.la-modal--admin .la-modal__header .la-modal__title {
  text-align: left;
  width: auto;
  margin-right: 1rem;
}
.la-modal--admin .la-modal__header .la-modal__header-actions,
.la-modal--admin .la-modal__header .la-modal__header-actions-group {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.la-modal--admin .la-modal__header .la-modal__header-actions .la-btn,
.la-modal--admin .la-modal__header .la-modal__header-actions-group .la-btn {
  margin: 0;
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
}
.la-modal--admin .la-form__check-input {
  width: 0.75rem;
  height: 0.75rem;
}
.la-modal--admin .la-form__check-label {
  font-size: 0.675rem;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.la-modal--admin .la-form__input {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.la-modal--admin .la-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
}

/* Admin Form Styles */
.admin-form {
  background-color: var(--la-base-lightest, #FFF);
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
  position: sticky;
  top: 0;
  z-index: 2;
}
.admin-form .form-group {
  margin-bottom: 1.5rem;
}
.admin-form .form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--la-base-darkest, #262626);
}
.admin-form .form-group .form-control {
  display: block;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--la-base-darkest, #262626);
  background-color: var(--la-base-lightest, #FFF);
  background-clip: padding-box;
  border: 1px solid var(--la-base-medium, #757575);
  border-radius: 8px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.admin-form .form-group .form-control:focus {
  border-color: var(--la-brand-primary, #069393);
  outline: 0;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}
.admin-form .form-group textarea.form-control {
  min-height: 100px;
  resize: vertical;
}
.admin-form .form-group select.form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23757575' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 2.5rem;
}
.admin-form .form-group-checkboxes {
  margin-bottom: 1.5rem;
}
.admin-form .form-group-checkboxes .checkbox-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.admin-form .form-group-checkboxes .checkbox-item input[type=checkbox] {
  margin-right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid var(--la-base-medium, #757575);
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--la-base-lightest, #FFF);
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.admin-form .form-group-checkboxes .checkbox-item input[type=checkbox]:checked {
  background-color: var(--la-brand-primary, #069393);
  border-color: var(--la-brand-primary, #069393);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}
.admin-form .form-group-checkboxes .checkbox-item input[type=checkbox]:focus {
  outline: 0;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}
.admin-form .form-group-checkboxes .checkbox-item label {
  display: inline;
  margin-bottom: 0;
  font-weight: 400;
}
.admin-form .form-text {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: var(--la-base-medium, #757575);
}
.admin-form .error-messages {
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--la-danger-border, rgb(243.4, 189.8, 177.4));
  background-color: var(--la-danger-bg, rgb(250.45, 239.73, 237.25));
  color: var(--la-danger-text, #C0472D);
  border-radius: 8px;
}
.admin-form .error-messages h2 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--la-danger-text, #C0472D);
  margin-bottom: 0.5rem;
}
.admin-form .error-messages ul {
  list-style-position: inside;
  padding-left: 0;
  margin: 0;
}
.admin-form .error-messages li {
  margin-bottom: 0.25rem;
}
.admin-form .image-upload-container {
  margin-bottom: 1rem;
}
.admin-form .image-upload-field {
  margin-bottom: 0.5rem;
}
.admin-form .existing-images {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
}
.admin-form .existing-images h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--la-base-darkest, #262626);
}
.admin-form .image-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 1rem;
}
.admin-form .image-item {
  position: relative;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 4px;
  overflow: hidden;
  padding: 0.25rem;
}
.admin-form .image-item .thumbnail {
  display: block;
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 0.5rem;
}
.admin-form .image-item .image-placeholder {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--la-base-lighter, #F9F9F9);
  color: var(--la-base-medium, #757575);
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.admin-form .image-item .image-actions label {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
}
.admin-form .image-item .image-actions input[type=checkbox] {
  margin-right: 0.3rem;
}
.admin-form .form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 576px) {
  .admin-form .form-actions {
    flex-direction: row;
    align-items: center;
  }
}

/* Admin Form Three Column Layout */
.admin-form--three-column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: start;
  max-width: 100%;
  overflow-x: hidden;
  /* Admin Form Image Preview Styles */
}
.admin-form--three-column .admin-form__column-header {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--la-base-light, #F5F5F5);
  color: var(--la-base-darker, #333);
}
.admin-form--three-column .admin-form__errors--full-width,
.admin-form--three-column .admin-form__actions--full-width,
.admin-form--three-column .admin-form__section--full-width {
  grid-column: 1/-1;
}
.admin-form--three-column .image-previews {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 1.5rem;
}
.admin-form--three-column .image-preview-item {
  text-align: center;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 4px;
  padding: 0.5rem;
  background-color: var(--la-base-lightest, #FFF);
}
.admin-form--three-column .admin-thumbnail {
  display: block;
  margin-bottom: 5px;
  max-width: 100px;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.admin-form--three-column .admin-form__image-actions {
  margin-top: 0.5rem;
}
.admin-form--three-column .admin-form__column,
.admin-form--three-column .admin-form__errors--full-width,
.admin-form--three-column .admin-form__actions--full-width,
.admin-form--three-column .admin-form__section--full-width {
  grid-column: auto;
}
@media (min-width: 768px) {
  .admin-form--three-column {
    grid-template-columns: repeat(2, minmax(250px, 1fr));
  }
  .admin-form--three-column .admin-form__column--features {
    grid-column: 1/-1;
  }
}
@media (min-width: 1200px) {
  .admin-form--three-column {
    grid-template-columns: repeat(3, minmax(250px, 1fr));
  }
  .admin-form--three-column .admin-form__column--features {
    grid-column: auto;
  }
}

.admin-form__section--full-width {
  margin-top: 0.5rem;
}

.admin-preview-card--managed-occurrences {
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 12px;
  padding: 1.25rem;
  background: var(--la-base-lightest, #FFF);
}

.admin-preview-list__item--occurrence {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
}

.admin-preview-list__item--occurrence:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.admin-preview-list__content {
  min-width: 0;
  flex: 1 1 auto;
}

.admin-preview-list__action {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Checkbox Filter Styles */
.la-form__group--checkboxes {
  margin-bottom: 0.75rem;
}
.la-form__group--checkboxes .checkbox-group__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.la-form__group--checkboxes .checkbox-group__header .la-form__label {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 0.9rem;
}
.la-form__group--checkboxes .checkbox-group__header .checkbox-filter__actions .la-btn--text {
  padding: 0.1rem 0.2rem;
  font-size: 0.8rem;
  color: var(--la-brand-primary, #069393);
}
.la-form__group--checkboxes .checkbox-group__header .checkbox-filter__actions .la-btn--text:hover {
  text-decoration: underline;
  background-color: transparent;
}
.la-form__group--checkboxes .checkbox-filter__input {
  margin-bottom: 0.5rem;
  font-size: 0.675rem;
  line-height: normal;
}
.la-form__group--checkboxes .checkboxes-container {
  max-height: 14rem;
  min-height: 12rem;
  overflow-y: auto;
  padding: 0.5rem;
  border: 1px solid var(--la-base-light, #F5F5F5);
  border-radius: 0.2rem;
  background-color: var(--la-base-lightest, #FFF);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 0.5rem;
}
@media (min-width: 576px) {
  .la-form__group--checkboxes .checkboxes-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.la-form__group--checkboxes .checkboxes-container .la-form__check {
  margin-bottom: 0;
}

/* Admin Actions Bar */
.admin-page .admin-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
}
.admin-page .admin-actions .admin-actions-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.admin-page .admin-actions .admin-actions-left h1 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--la-base-dark, #4F4F4F);
  line-height: 1.2;
  padding: 0;
  border: none;
}
.admin-page .admin-actions .admin-actions-left h1::after {
  content: "";
  display: block;
  width: 2rem;
  height: 0.1875rem;
  margin-top: 0.25rem;
  background-color: var(--la-brand-primary, #069393);
  border-radius: 0.1875rem;
}
.admin-page .admin-actions .admin-actions-right {
  width: 100%;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .admin-page .admin-actions {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1rem;
  }
  .admin-page .admin-actions .admin-actions-right {
    width: auto;
    justify-content: flex-end;
  }
}

/* Admin Card */
.admin-page .admin-card {
  background-color: var(--la-base-lightest, #FFF);
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.admin-page .admin-card-header {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
}
.admin-page .admin-card-header h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--la-base-darkest, #262626);
  margin: 0;
}
.admin-page .admin-card-body {
  color: var(--la-base-dark, #4F4F4F);
}
.admin-page .admin-card-footer {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}

/* Admin Grid */
.admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

/* Admin Pagination */
.admin-page .admin-pagination {
  margin-top: 1rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
  text-align: center;
}
.admin-page .admin-pagination__summary {
  margin-bottom: 0.5rem;
  color: var(--la-base-dark, #4F4F4F);
  font-size: 0.85rem;
  font-weight: 600;
}
.admin-page .admin-pagination nav.pagy {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.admin-page .admin-pagination nav.pagy a {
  color: var(--la-base-dark, #4F4F4F);
  text-decoration: none;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.admin-page .admin-pagination nav.pagy a:hover {
  text-decoration: none;
  color: var(--la-brand-primary, #069393);
  background: rgba(6, 147, 147, 0.08);
  border-color: rgba(6, 147, 147, 0.18);
}
.admin-page .admin-pagination nav.pagy a.current,
.admin-page .admin-pagination nav.pagy a[aria-current=page] {
  font-weight: 600;
  text-decoration: none;
  color: var(--la-white, #FFF);
  background: var(--la-brand-primary, #069393);
  border-color: var(--la-brand-primary, #069393);
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
  cursor: default;
}
.admin-page .admin-pagination nav.pagy a[aria-disabled=true] {
  color: var(--la-base-medium, #757575);
  pointer-events: none;
  text-decoration: none;
  background: var(--la-base-lightest, #FFF);
  border-color: var(--la-base-lighter, #F9F9F9);
}

.admin-public-status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
}

/* Admin Search Form */
.admin-search {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.admin-search .search-input {
  width: 100%;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  border: 1px solid var(--la-base-medium, #757575);
  border-radius: 100px;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--la-base-darkest, #262626);
  background-color: var(--la-base-lightest, #FFF);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.admin-search .search-input:focus {
  border-color: var(--la-brand-primary, #069393);
  outline: 0;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}
.admin-search .search-button {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: inherit;
  opacity: 0.7;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: opacity 0.15s ease;
}
.admin-search .search-button svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.admin-search .search-button:hover, .admin-search .search-button:focus {
  opacity: 1;
  outline: none;
}

/* Admin Filters */
.admin-page .admin-filters {
  background-color: var(--la-base-lightest, #FFF);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  box-shadow: 0 1px 2px rgba(38, 38, 38, 0.05);
}
.admin-page .admin-filters .la-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem 1rem;
  align-items: end;
}
.admin-page .admin-filters .la-form .la-form__group {
  margin-bottom: 0;
}
.admin-page .admin-filters .la-form .la-form__actions {
  grid-column: 1/-1;
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
  padding-top: 0;
}
.admin-page .admin-filters .filters-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--la-base-darkest, #262626);
}
.admin-page .admin-filters .filters-form {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}
.admin-page .admin-filters .filters-form .form-group {
  margin-bottom: 0;
}
.admin-page .admin-filters .filters-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
}

/* Admin Tabs */
.admin-tabs {
  display: flex;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
  margin-bottom: 1.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.admin-tabs .tab-item {
  padding: 0.75rem 1.25rem;
  color: var(--la-base-dark, #4F4F4F);
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  transition: all 0.15s ease;
}
.admin-tabs .tab-item:hover {
  color: var(--la-brand-primary, #069393);
  border-bottom-color: var(--la-base-lighter, #F9F9F9);
}
.admin-tabs .tab-item.active {
  color: var(--la-brand-primary, #069393);
  border-bottom-color: var(--la-brand-primary, #069393);
  font-weight: 500;
}

/* Admin Empty State */
.admin-empty-state {
  text-align: center;
  padding: 3rem 1.5rem;
  background-color: var(--la-base-lightest, #FFF);
  border-radius: 8px;
  border: 1px dashed var(--la-base-lighter, #F9F9F9);
}
.admin-empty-state .empty-icon {
  font-size: 3rem;
  color: var(--la-base-light, #F5F5F5);
  margin-bottom: 1rem;
}
.admin-empty-state .empty-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--la-base-dark, #4F4F4F);
  margin-bottom: 0.5rem;
}
.admin-empty-state .empty-description {
  color: var(--la-base-medium, #757575);
  margin-bottom: 1.5rem;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/* Flash Messages Styling */
.la-flash-messages {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1050;
  width: calc(100% - 2.5rem);
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.la-flash-message {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}
.la-flash-message, .la-flash-message--notice {
  background-color: var(--la-info-bg, rgb(238.32, 242.16, 249.68));
  border-color: var(--la-info-border, rgb(182.6, 201.8, 239.4));
  color: var(--la-info-text, #2B5CAA);
}
.la-flash-message--alert, .la-flash-message--error {
  background-color: var(--la-danger-bg, rgb(250.45, 239.73, 237.25));
  border-color: var(--la-danger-border, rgb(243.4, 189.8, 177.4));
  color: var(--la-danger-text, #C0472D);
}
.la-flash-message--success {
  background-color: var(--la-success-bg, rgb(223.99, 250.31, 250.31));
  border-color: var(--la-success-border, rgb(117.8, 249.4, 249.4));
  color: var(--la-success-text, #05686C);
}
.la-flash-message__content {
  flex-grow: 1;
  margin-right: 1rem;
}
.la-flash-message__close {
  background: none;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  color: currentColor;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.la-flash-message__close:hover {
  opacity: 1;
}
.la-flash-message__close svg {
  width: 16px;
  height: 16px;
}

.admin-submission__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 1.5rem;
  color: var(--la-base-medium, #757575);
}

.admin-alert {
  border-radius: 12px;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--la-warning-light, #F9D48A);
  background: rgba(249, 212, 138, 0.18);
}

.admin-alert--info {
  border-color: var(--la-info-light, #8FABEE);
  background: rgba(143, 171, 238, 0.15);
}

.admin-alert--success {
  border-color: rgba(6, 147, 147, 0.2);
  background: rgba(7, 180, 180, 0.18);
}

.admin-submission__grid {
  display: grid;
  gap: 1.5rem;
  margin-top: 2rem;
}

@media (min-width: 992px) {
  .admin-submission__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.admin-definition-list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
}

.admin-definition-list--compact {
  gap: 0.6rem;
}
.admin-definition-list--compact .admin-definition-list__row {
  gap: 0.15rem;
}

.admin-definition-list__row {
  display: grid;
  gap: 0.25rem;
}

.admin-definition-list__row dt {
  font-weight: 600;
  color: var(--la-base-dark, #4F4F4F);
}

.admin-definition-list__row dd {
  margin: 0;
  color: var(--la-base-medium, #757575);
}

.admin-location-matches {
  margin-top: 1.5rem;
  display: grid;
  gap: 1rem;
}

.admin-location-options {
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 12px;
  padding: 1rem;
  display: grid;
  gap: 0.75rem;
}

.admin-location-option {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.admin-location-option__input {
  margin-top: 0.35rem;
}

.admin-location-option__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.la-card.admin-scout-review-card {
  margin-top: 1.5rem;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  align-self: stretch;
}

.admin-scout-review-card .la-card__body {
  width: 100%;
  min-width: 0;
}

.admin-scout-review-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.admin-scout-review-card__grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 992px) {
  .admin-scout-review-card__grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(16rem, 0.9fr);
    align-items: start;
  }
}
.admin-scout-review-card__summary {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.admin-scout-review-card__callout {
  margin: 0;
  padding: 0.9rem 1rem;
  border-radius: 10px;
  background: rgba(143, 171, 238, 0.12);
  border: 1px solid rgba(74, 122, 216, 0.16);
  color: var(--la-base-darkest, #262626);
  animation: admin-review-state-enter 180ms ease-out;
}

.admin-scout-review-card__callout--warning {
  background: rgba(249, 212, 138, 0.16);
  border-color: rgba(244, 182, 62, 0.22);
}

.admin-scout-review-card__callout--danger {
  background: rgba(241, 155, 133, 0.1);
  border-color: rgba(226, 92, 61, 0.18);
}

.admin-scout-review-card__callout--success {
  background: rgba(7, 180, 180, 0.18);
  border-color: rgba(6, 147, 147, 0.2);
}

.admin-scout-review-card__links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.admin-scout-review-card__link {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
  padding: 0.75rem 0.9rem;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 10px;
  background: var(--la-base-lightest, #FFF);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.admin-scout-review-card__link span {
  font-size: 0.8rem;
  color: var(--la-base-medium, #757575);
}

.admin-scout-review-card__details {
  margin-top: 1rem;
}
.admin-scout-review-card__details summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--la-base-darkest, #262626);
}

.admin-scout-review-card__details-block {
  display: grid;
  gap: 0.75rem;
  margin-top: 1rem;
}
.admin-scout-review-card__details-block h3 {
  margin: 0;
  font-size: 1rem;
}

.admin-scout-review-card__source-list {
  margin: 0;
  padding-left: 1.1rem;
  display: grid;
  gap: 0.35rem;
}
.admin-scout-review-card__source-list a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.admin-scout-review-card__details-block .admin-definition-list__row dd {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.admin-listing-image-scout {
  --scout-space-1: clamp(0.5rem, 0.45rem + 0.15vw, 0.65rem);
  --scout-space-2: clamp(0.75rem, 0.7rem + 0.2vw, 0.95rem);
  --scout-space-3: clamp(1rem, 0.92rem + 0.35vw, 1.25rem);
  --scout-space-4: clamp(1.35rem, 1.2rem + 0.45vw, 1.75rem);
  --scout-space-5: clamp(1.75rem, 1.55rem + 0.7vw, 2.35rem);
}
.admin-listing-image-scout .la-card {
  width: 100%;
  max-width: none;
  margin: 0;
}
.admin-listing-image-scout .la-card__body {
  min-height: 0;
  width: 100%;
}
.admin-listing-image-scout .admin-submission__summary {
  margin-bottom: var(--scout-space-4);
  row-gap: var(--scout-space-1);
  -moz-column-gap: var(--scout-space-2);
       column-gap: var(--scout-space-2);
}
.admin-listing-image-scout .admin-alert {
  margin-bottom: var(--scout-space-4);
  padding: var(--scout-space-3);
}
.admin-listing-image-scout .admin-alert h2,
.admin-listing-image-scout .admin-alert p {
  margin: 0;
}
.admin-listing-image-scout .admin-alert p {
  margin-top: var(--scout-space-1);
  max-width: 70ch;
}
.admin-listing-image-scout .admin-actions-left {
  display: grid;
  gap: var(--scout-space-1);
}
.admin-listing-image-scout .admin-actions-left p {
  margin: 0;
  color: var(--la-base-medium, #757575);
}
.admin-listing-image-scout .admin-listing-image-scout__overview-card,
.admin-listing-image-scout .admin-listing-image-scout__audit-card,
.admin-listing-image-scout .admin-listing-image-scout__filtered-card {
  margin-top: var(--scout-space-4);
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-badges,
.admin-listing-image-scout .admin-listing-image-scout__candidate-actions,
.admin-listing-image-scout .admin-listing-image-scout__preview-meta {
  display: flex;
  gap: var(--scout-space-2);
  flex-wrap: wrap;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-badges {
  margin-bottom: 0;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-list {
  display: grid;
  gap: var(--scout-space-4);
  margin-top: var(--scout-space-3);
  width: 100%;
}
.admin-listing-image-scout .admin-listing-image-scout__section-heading {
  display: grid;
  gap: var(--scout-space-1);
  margin-top: var(--scout-space-5);
}
.admin-listing-image-scout .admin-listing-image-scout__section-heading h2,
.admin-listing-image-scout .admin-listing-image-scout__section-heading p {
  margin: 0;
}
.admin-listing-image-scout .admin-listing-image-scout__section-heading p {
  max-width: 72ch;
}
.admin-listing-image-scout .admin-listing-image-scout__filtered-details {
  display: grid;
  gap: var(--scout-space-3);
}
.admin-listing-image-scout .admin-listing-image-scout__filtered-details summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--la-base-dark, #4F4F4F);
}
.admin-listing-image-scout .admin-listing-image-scout__filtered-details > p {
  margin: 0;
  max-width: 72ch;
}
.admin-listing-image-scout .admin-listing-image-scout__manual-hunt-panel {
  display: grid;
  gap: var(--scout-space-2);
  margin-top: var(--scout-space-4);
  padding-top: var(--scout-space-3);
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
}
.admin-listing-image-scout .admin-listing-image-scout__manual-hunt-panel h3,
.admin-listing-image-scout .admin-listing-image-scout__manual-hunt-panel p {
  margin: 0;
}
.admin-listing-image-scout .admin-listing-image-scout__manual-hunt-panel .la-form {
  width: 100%;
  max-width: 36rem;
}
.admin-listing-image-scout .admin-listing-image-scout__manual-hunt-form {
  display: grid;
  gap: var(--scout-space-2);
  align-items: end;
}
.admin-listing-image-scout .admin-listing-image-scout__manual-hunt-form .la-form__group {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .admin-listing-image-scout .admin-listing-image-scout__manual-hunt-form {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(117, 117, 117, 0.14);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-card--recommended {
  border-color: rgba(6, 147, 147, 0.26);
  box-shadow: 0 16px 36px rgba(6, 147, 147, 0.08);
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-card--selected {
  border-color: rgba(6, 147, 147, 0.34);
  box-shadow: 0 18px 38px rgba(6, 147, 147, 0.14);
  transform: translateY(-2px);
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-card--rejected {
  opacity: 0.88;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-grid {
  display: grid;
  gap: var(--scout-space-3);
  align-items: start;
  width: 100%;
}
@media (min-width: 992px) {
  .admin-listing-image-scout .admin-listing-image-scout__candidate-grid {
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  }
}
.admin-listing-image-scout .admin-listing-image-scout__preview {
  min-width: 0;
  display: grid;
  gap: var(--scout-space-2);
  position: relative;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-toggle {
  position: absolute;
  top: var(--scout-space-2);
  right: var(--scout-space-2);
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  border-radius: 999px;
  background: rgba(79, 79, 79, 0.7);
  color: var(--la-white, #FFF);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 22px rgba(79, 79, 79, 0.22);
  transition: transform 180ms ease, background 180ms ease;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-toggle:hover,
.admin-listing-image-scout .admin-listing-image-scout__candidate-toggle:focus-visible {
  transform: scale(1.05);
  background: rgba(79, 79, 79, 0.84);
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-toggle.is-selected {
  background: var(--la-brand-primary, #069393);
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-toggle-order {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
.admin-listing-image-scout .admin-listing-image-scout__preview-image {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  background: rgba(249, 249, 249, 0.5);
}
.admin-listing-image-scout .admin-listing-image-scout__preview-meta {
  color: var(--la-base-medium, #757575);
  font-size: 0.9rem;
  row-gap: var(--scout-space-1);
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-main {
  display: grid;
  gap: var(--scout-space-3);
  min-width: 0;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-header {
  display: flex;
  gap: var(--scout-space-2);
  justify-content: space-between;
  align-items: flex-start;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-header .la-card__title,
.admin-listing-image-scout .admin-listing-image-scout__candidate-header p {
  margin: 0;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-summary {
  margin-top: var(--scout-space-1);
  max-width: 56ch;
}
.admin-listing-image-scout .admin-listing-image-scout__score {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0.2rem;
  flex-shrink: 0;
  min-width: 4.75rem;
  padding: 0.7rem 0.9rem;
  border-radius: 12px;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  background: rgba(249, 249, 249, 0.26);
  color: var(--la-base-dark, #4F4F4F);
}
.admin-listing-image-scout .admin-listing-image-scout__score span {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.admin-listing-image-scout .admin-listing-image-scout__score strong {
  font-size: 1.3rem;
  line-height: 1;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-links {
  margin-top: 0;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-facts {
  display: grid;
  gap: var(--scout-space-2);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: var(--scout-space-2);
  border-top: 1px solid rgba(249, 249, 249, 0.85);
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-facts .admin-definition-list__row {
  gap: 0.2rem;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-actions {
  margin-top: 0;
  padding-top: var(--scout-space-2);
  border-top: 1px solid rgba(249, 249, 249, 0.85);
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-actions--picker {
  align-items: center;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-actions form {
  margin: 0;
}
.admin-listing-image-scout .admin-listing-image-scout__picker-shell,
.admin-listing-image-scout .admin-listing-image-scout__picker-form {
  display: grid;
  gap: var(--scout-space-4);
}
.admin-listing-image-scout .admin-listing-image-scout__picker-bar {
  position: sticky;
  bottom: var(--scout-space-3);
  z-index: 5;
  border-color: rgba(79, 79, 79, 0.12);
  box-shadow: 0 18px 50px rgba(79, 79, 79, 0.12);
}
.admin-listing-image-scout .admin-listing-image-scout__picker-bar-body {
  display: grid;
  gap: var(--scout-space-3);
}
.admin-listing-image-scout .admin-listing-image-scout__picker-meta {
  display: grid;
  gap: 0.35rem;
}
.admin-listing-image-scout .admin-listing-image-scout__picker-meta h3,
.admin-listing-image-scout .admin-listing-image-scout__picker-meta p {
  margin: 0;
}
.admin-listing-image-scout .admin-listing-image-scout__picker-kicker {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--la-base-medium, #757575);
}
.admin-listing-image-scout .admin-listing-image-scout__picker-tray {
  display: grid;
  gap: var(--scout-space-2);
}
.admin-listing-image-scout .admin-listing-image-scout__picker-empty {
  margin: 0;
  color: var(--la-base-medium, #757575);
}
.admin-listing-image-scout .admin-listing-image-scout__picker-selection-list {
  display: grid;
  gap: var(--scout-space-2);
}
.admin-listing-image-scout .admin-listing-image-scout__picker-chip {
  width: 100%;
  display: grid;
  grid-template-columns: auto 4rem minmax(0, 1fr);
  gap: var(--scout-space-2);
  align-items: center;
  padding: 0.625rem 0.75rem;
  border: 1px solid rgba(117, 117, 117, 0.18);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.96);
  text-align: left;
}
.admin-listing-image-scout .admin-listing-image-scout__picker-chip-order {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(6, 147, 147, 0.14);
  color: var(--la-brand-primary, #069393);
  font-weight: 700;
}
.admin-listing-image-scout .admin-listing-image-scout__picker-chip-image {
  width: 4rem;
  height: 4rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.875rem;
}
.admin-listing-image-scout .admin-listing-image-scout__picker-chip-copy {
  min-width: 0;
  display: grid;
  gap: 0.2rem;
}
.admin-listing-image-scout .admin-listing-image-scout__picker-chip-copy strong,
.admin-listing-image-scout .admin-listing-image-scout__picker-chip-copy span {
  display: block;
  min-width: 0;
}
.admin-listing-image-scout .admin-listing-image-scout__picker-chip-copy span {
  font-size: 0.875rem;
  color: var(--la-base-medium, #757575);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-listing-image-scout .admin-listing-image-scout__picker-actions {
  display: flex;
  gap: var(--scout-space-2);
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-details {
  margin-top: 0;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-details summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--la-base-darkest, #262626);
  line-height: 1.4;
}
.admin-listing-image-scout .admin-listing-image-scout__candidate-json {
  white-space: pre-wrap;
  margin: var(--scout-space-2) 0 0;
  padding: var(--scout-space-2);
  background: rgba(249, 249, 249, 0.35);
  border-radius: 10px;
  overflow-x: auto;
}
.admin-listing-image-scout .admin-listing-image-scout__audit-list {
  list-style: none;
  margin: var(--scout-space-3) 0 0;
  padding: 0;
  display: grid;
  gap: var(--scout-space-2);
}
.admin-listing-image-scout .admin-listing-image-scout__audit-list li {
  display: flex;
  justify-content: space-between;
  gap: var(--scout-space-2);
  align-items: flex-start;
  padding-top: var(--scout-space-2);
  border-top: 1px solid rgba(249, 249, 249, 0.85);
}
.admin-listing-image-scout .admin-listing-image-scout__audit-list li:first-child {
  padding-top: 0;
  border-top: 0;
}
@media (max-width: 767px) {
  .admin-listing-image-scout .admin-listing-image-scout__candidate-header,
  .admin-listing-image-scout .admin-listing-image-scout__audit-list li {
    flex-direction: column;
  }
  .admin-listing-image-scout .admin-listing-image-scout__score {
    align-items: flex-start;
  }
  .admin-listing-image-scout .admin-listing-image-scout__candidate-facts {
    grid-template-columns: 1fr;
  }
  .admin-listing-image-scout .admin-listing-image-scout__candidate-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .admin-listing-image-scout .admin-listing-image-scout__candidate-actions form,
  .admin-listing-image-scout .admin-listing-image-scout__candidate-actions .la-btn {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .admin-listing-image-scout .admin-listing-image-scout__picker-bar-body {
    grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) auto;
    align-items: center;
  }
  .admin-listing-image-scout .admin-listing-image-scout__picker-selection-list {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  }
  .admin-listing-image-scout .admin-listing-image-scout__picker-actions {
    justify-content: flex-end;
  }
}

.admin-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  margin-bottom: 0.9rem;
  font-size: 0.9rem;
  color: var(--la-base-medium, #757575);
}
.admin-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}
.admin-breadcrumbs a:hover,
.admin-breadcrumbs a:focus-visible {
  color: var(--la-brand-primary, #069393);
  text-decoration: underline;
}

.admin-location-review-note {
  display: grid;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}

.admin-review-steps {
  display: grid;
  gap: 1rem;
}

.admin-review-step {
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 12px;
  padding: 1rem;
  background: var(--la-base-lightest, #FFF);
}

.admin-review-step__heading {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.admin-review-step__heading h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}

.admin-review-step__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background: rgba(6, 147, 147, 0.12);
  color: var(--la-success-medium, #069393);
  font-weight: 700;
  flex-shrink: 0;
}

.admin-review-step__status {
  margin: 0;
  color: var(--la-base-dark, #4F4F4F);
  padding: 0.75rem 0.9rem;
  border-radius: 10px;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  background: rgba(143, 171, 238, 0.08);
  animation: admin-review-state-enter 180ms ease-out;
}

.admin-review-step__status--success {
  color: var(--la-success-dark, #069393);
  background: rgba(7, 180, 180, 0.18);
  border-color: rgba(6, 147, 147, 0.2);
}

.admin-review-step__status--warning {
  background: rgba(249, 212, 138, 0.16);
  border-color: rgba(244, 182, 62, 0.2);
}

.admin-review-step__status--danger {
  background: rgba(241, 155, 133, 0.1);
  border-color: rgba(226, 92, 61, 0.18);
}

.admin-review-choice-grid {
  margin-bottom: 1rem;
}

.admin-review-warning,
.admin-review-hint {
  display: grid;
  gap: 0.25rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  margin-top: 0.75rem;
}

.admin-review-warning {
  background: rgba(249, 212, 138, 0.16);
  border: 1px solid rgba(244, 182, 62, 0.2);
}

.admin-review-warning--danger {
  background: rgba(241, 155, 133, 0.1);
  border-color: rgba(226, 92, 61, 0.18);
}

.admin-review-hint {
  background: rgba(143, 171, 238, 0.12);
  border: 1px solid rgba(74, 122, 216, 0.16);
}
.admin-review-hint p {
  margin: 0;
}

@keyframes admin-review-state-enter {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.admin-review-reason__selection {
  color: var(--la-base-dark, #4F4F4F);
}

.admin-review-reason-guide {
  margin-top: 0.5rem;
}
.admin-review-reason-guide summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--la-base-dark, #4F4F4F);
}

.admin-review-reason-guide__list {
  list-style: none;
  margin: 0.75rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.admin-review-reason-guide__item {
  display: grid;
  gap: 0.2rem;
}
.admin-review-reason-guide__item span {
  color: var(--la-base-medium, #757575);
  font-size: 0.875rem;
  line-height: 1.5;
}

.admin-muted {
  color: var(--la-base-medium, #757575);
  font-size: 0.875rem;
}

.admin-approval-actions {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
}

.admin-chip-grid {
  display: grid;
  gap: 1rem;
}

.admin-chip-group {
  display: grid;
  gap: 0.5rem;
}

.admin-chip-group__label {
  font-weight: 600;
}

.admin-chip-group__values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.admin-duplicate-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.admin-duplicate-list__item {
  display: grid;
  gap: 0.25rem;
  background: rgba(249, 212, 138, 0.12);
  border-radius: 10px;
  padding: 0.75rem 1rem;
}

.admin-duplicate-list__actions {
  margin-top: 0.25rem;
}

.admin-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 0.75rem;
}

.admin-gallery__image {
  width: 100%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.admin-review-forms {
  display: grid;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

@media (min-width: 992px) {
  .admin-review-forms {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.admin-review-forms__panel {
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 12px;
  padding: 1.5rem;
  background: var(--la-base-lightest, #FFF);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s ease;
}
.admin-review-forms__panel:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.admin-review-forms__panel h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--la-base-darkest, #262626);
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
}
.admin-review-forms__panel .la-form__group {
  margin-bottom: 1rem;
}
.admin-review-forms__panel .la-btn {
  min-width: 180px;
}

/* Enhanced duplicate warnings card for edit_form */
.la-card--warning {
  border: 1px solid var(--la-warning-medium, rgb(248.4, 211.2, 139.2));
  background: linear-gradient(135deg, rgba(249, 212, 138, 0.08) 0%, rgba(249, 212, 138, 0.02) 100%);
  box-shadow: 0 2px 8px rgba(244, 182, 62, 0.12);
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.la-card--warning .la-card__body h2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--la-warning-dark, #DB9C24);
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.la-card--warning .la-card__body h2::before {
  content: "⚠️";
  font-size: 1.25rem;
}
.la-card--warning .la-card__body .admin-muted {
  color: var(--la-base-dark, #4F4F4F);
  margin-bottom: 1rem;
  font-size: 0.9375rem;
}

/* Improved duplicate list items */
.admin-duplicate-list__item {
  background: var(--la-base-lightest, #FFF);
  border: 1px solid var(--la-warning-light, rgb(252.6, 237.8, 208.2));
  border-left: 3px solid var(--la-warning-medium, #F4B63E);
  border-radius: 8px;
  padding: 1rem;
  gap: 0.5rem;
  transition: all 0.2s ease;
}
.admin-duplicate-list__item:hover {
  border-left-color: var(--la-warning-dark, #DB9C24);
  box-shadow: 0 2px 6px rgba(244, 182, 62, 0.15);
  transform: translateX(2px);
}
.admin-duplicate-list__item strong {
  color: var(--la-base-darkest, #262626);
  font-size: 1rem;
}
.admin-duplicate-list__item .admin-duplicate-list__actions {
  margin-top: 0.5rem;
}
.admin-duplicate-list__item .admin-duplicate-list__actions .la-btn {
  font-size: 0.8125rem;
  padding: 0.25rem 0.75rem;
}

/* Admin Bulk Actions */
.admin-bulk-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  background-color: var(--la-base-lightest, #FFF);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 0.5rem;
}
.admin-bulk-actions__count {
  font-size: 0.875rem;
  color: var(--la-base-medium, #757575);
  min-width: 6rem;
}

/* Checkbox column styling */
.admin-table__col--checkbox {
  width: 2.5rem;
  text-align: center;
  padding: 0.5rem !important;
}
.admin-table__col--checkbox .la-form__check-input {
  margin: 0;
  cursor: pointer;
}

.la-favourites-page {
  box-sizing: border-box;
  max-width: 56rem;
  margin-inline: auto;
  padding-top: 0.75rem;
  padding-bottom: 2rem;
}

.la-native.favourites-page.index-action {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.la-native.favourites-page.index-action .la-favourites-page {
  min-height: 100vh;
  padding-bottom: max(5rem, env(safe-area-inset-bottom) + 4rem);
}

.la-favourites-page .la-favourites-page__header {
  margin-bottom: 0.85rem;
}

.la-native.favourites-page.index-action .la-favourites-page .la-favourites-page__header--native-trial {
  margin-bottom: clamp(0.85rem, 2dvh, 1.15rem);
}

.la-favourites-page .la-favourites-page__eyebrow {
  margin: 0 0 0.42rem;
  color: #069393;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
}

.la-favourites-page .la-favourites-page__title {
  margin: 0;
  color: #262626;
  font-size: clamp(1.48rem, 4.5vw, 1.7rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
  text-align: left;
  overflow-wrap: anywhere;
}

.la-favourites-page .la-favourites-page__subtitle {
  max-width: 25.5rem;
  margin: 0.45rem 0 0;
  color: #4F4F4F;
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.34;
  text-align: left;
  overflow-wrap: anywhere;
}

.la-favourites-page .la-favourites-page__controls {
  display: grid;
  gap: 0.7rem;
  margin-bottom: 1.35rem;
}

.la-favourites-page .la-form--search {
  max-width: none;
  margin: 0;
  width: 100%;
}

.la-favourites-page .la-form__input--rounded {
  min-height: 2.75rem;
  border-color: rgba(189, 189, 189, 0.62);
  background-color: rgba(255, 255, 255, 0.94);
  box-shadow: 0 0.25rem 0.9rem rgba(38, 38, 38, 0.05);
}

.la-favourites-page .la-favourites-page__filter-buttons {
  display: flex;
  gap: 0.5rem;
  margin: 0;
  overflow-x: auto;
  padding: 0 0 0.15rem;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.la-favourites-page .la-favourites-page__filter-buttons::-webkit-scrollbar {
  display: none;
}

.la-favourites-page .la-favourites-page__filter-buttons .la-btn {
  flex: 0 0 auto;
  min-height: 2rem;
  border-color: rgba(189, 189, 189, 0.48);
  background-color: rgba(245, 245, 245, 0.82);
  color: #262626;
  box-shadow: none;
}

.la-favourites-page .la-favourites-page__filter-buttons .la-btn.active {
  border-color: #069393;
  background-color: rgba(124, 200, 200, 0.45);
  color: #05686C;
}

.la-favourites-page #favourites-grid {
  width: 100%;
}

.la-saved-places-section {
  margin-top: 1.4rem;
}

.la-saved-places-section__header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

.la-saved-places-section__title {
  margin: 0;
  color: #262626;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.15;
}

.la-saved-places-section__count {
  margin: 0.2rem 0 0;
  color: #757575;
  font-size: 0.875rem;
  line-height: 1.25;
}

.la-saved-places-section__filter-button {
  align-items: center;
  border: 1px solid rgba(189, 189, 189, 0.45);
  border-radius: 999px;
  background: rgba(245, 245, 245, 0.88);
  color: #262626;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.4rem;
  min-height: 2.25rem;
  padding: 0.45rem 0.75rem;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.la-saved-places-section__filter-button:hover,
.la-saved-places-section__filter-button:focus-visible {
  border-color: rgba(6, 147, 147, 0.55);
  background: rgba(124, 200, 200, 0.38);
}

.la-saved-places-section__filter-button:active {
  transform: scale(0.98);
}

.la-saved-places-section__filter-icon {
  display: block;
  height: 0.9rem;
  width: 0.9rem;
}

.la-saved-places-list {
  display: grid;
  gap: 0.85rem;
}

.la-saved-place-row {
  align-items: center;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(189, 189, 189, 0.36);
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1.5rem rgba(38, 38, 38, 0.055);
  display: grid;
  gap: 0.65rem;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
  padding: 0.45rem 0.35rem 0.45rem 0.45rem;
}

.la-saved-place-row__main {
  align-items: center;
  color: inherit;
  display: grid;
  gap: 0.72rem;
  grid-template-columns: 5.75rem minmax(0, 1fr);
  min-width: 0;
  text-decoration: none;
}

.la-saved-place-row__main:hover .la-saved-place-row__title {
  color: #05686C;
}

.la-saved-place-row__image-wrap {
  aspect-ratio: 4/3;
  background: linear-gradient(135deg, rgba(248, 242, 220, 0.72), rgba(184, 224, 219, 0.42));
  border-radius: 0.55rem;
  display: block;
  overflow: hidden;
}

.la-saved-place-row__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.la-saved-place-row__image--placeholder {
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0.75rem;
}

.la-saved-place-row__body {
  display: grid;
  gap: 0.14rem;
  min-width: 0;
}

.la-saved-place-row__title,
.la-saved-place-row__location,
.la-saved-place-row__journey {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.la-saved-place-row__title {
  color: #262626;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.15;
}

.la-saved-place-row__location {
  color: #4F4F4F;
  font-size: 0.8125rem;
  line-height: 1.2;
}

.la-saved-place-row__journey {
  color: #05686C;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.la-saved-place-row__actions {
  align-items: center;
  display: flex;
  gap: 0.2rem;
  justify-content: flex-end;
}

.la-saved-place-row__collection-action {
  align-items: center;
  border: 1px solid rgba(189, 189, 189, 0.4);
  border-radius: 999px;
  color: #4F4F4F;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  opacity: 0.84;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease, opacity 160ms ease;
  width: 2rem;
}

.la-saved-place-row__collection-action:hover,
.la-saved-place-row__collection-action:focus-visible {
  background: rgba(124, 200, 200, 0.28);
  color: #05686C;
  opacity: 1;
}

.la-saved-place-row__collection-icon {
  height: 0.9rem;
  width: 0.9rem;
}

.la-saved-place-row__favourite {
  align-items: center;
  display: inline-flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.la-saved-place-row__favourite .la-favourite-button {
  padding: 0.25rem;
}

.la-saved-place-row__favourite .la-favourite-button__icon {
  height: 1.35rem;
  width: 1.35rem;
}

.la-saved-place-row__favourite .la-favourite-container__canvas {
  height: 9rem;
  width: 9rem;
}

@media (min-width: 768px) {
  .la-favourites-page {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
  }
  .la-favourites-page .la-favourites-page__controls {
    gap: 0.85rem;
  }
  .la-saved-place-row {
    padding: 0.55rem 0.55rem 0.55rem 0.6rem;
  }
  .la-saved-place-row__main {
    grid-template-columns: 7rem minmax(0, 1fr);
  }
  .la-saved-place-row__title {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .la-favourites-page {
    max-width: min(100% - 4rem, 76rem);
    padding-top: 2rem;
  }
  .la-favourites-page .la-favourites-page__header {
    margin-bottom: 1rem;
  }
  .la-favourites-page .la-favourites-page__controls {
    align-items: center;
    gap: 1.1rem;
    grid-template-columns: minmax(22rem, 34rem) minmax(0, 1fr);
    margin-bottom: 1.55rem;
  }
  .la-favourites-page .la-favourites-page__controls .la-form--search {
    max-width: none;
    width: 100%;
  }
  .la-favourites-page .la-favourites-page__filter-buttons {
    justify-content: flex-start;
    overflow: visible;
    padding-bottom: 0;
  }
  .la-saved-places-section {
    margin-top: 1.75rem;
  }
  .la-saved-places-list {
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .la-saved-place-row {
    min-height: 7.25rem;
    padding: 0.6rem 0.6rem 0.6rem 0.65rem;
  }
  .la-saved-place-row__main {
    grid-template-columns: 6.35rem minmax(0, 1fr);
  }
}
@media (min-width: 1440px) {
  .la-favourites-page {
    max-width: min(100% - 5rem, 84rem);
  }
  .la-saved-places-list {
    gap: 1.1rem;
  }
}
.la-weekly-featured-page {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.la-weekly-featured-page__header {
  text-align: center;
  margin-bottom: 2rem;
}
.la-weekly-featured-page__title {
  font-family: nunito, "Helvetica", "sans-serif";
  font-weight: 700;
  font-size: 2.25rem;
  color: #262626;
  margin: 0;
}
.la-weekly-featured-page__subtitle {
  margin-top: 0.5rem;
  margin-bottom: 0;
  color: #757575;
}
.la-weekly-featured-page.la-weekly-featured-page--native-rails {
  padding-top: var(--la-native-pushed-page-padding-top);
}
.la-weekly-featured-page.la-weekly-featured-page--native-rails .la-weekly-featured-page__native-header {
  margin-bottom: clamp(0.85rem, 2dvh, 1.15rem);
  text-align: left;
}
.la-weekly-featured-page.la-weekly-featured-page--native-rails .la-weekly-featured-page__native-eyebrow {
  margin: 0 0 0.42rem;
  color: #069393;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
}
.la-weekly-featured-page.la-weekly-featured-page--native-rails .la-weekly-featured-page__native-title {
  color: #262626;
  font-size: clamp(1.48rem, 4.5vw, 1.7rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
  text-align: left;
  overflow-wrap: anywhere;
}
.la-weekly-featured-page.la-weekly-featured-page--native-rails .la-weekly-featured-page__native-subtitle {
  max-width: 25.5rem;
  margin: 0.45rem 0 0;
  color: #4F4F4F;
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.34;
  text-align: left;
  overflow-wrap: anywhere;
}

.la-native.pages-page.weekly_featured-action {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.la-native.pages-page.weekly_featured-action .la-weekly-featured-page--native-rails {
  min-height: 100vh;
  padding-bottom: max(5rem, env(safe-area-inset-bottom) + 4rem);
}

.la-weekly-featured-page--native-rails .la-native-guest-feed {
  margin-top: 0;
}

.la-venue-form [hidden] {
  display: none !important;
}

.admin-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
  box-shadow: none;
}

.admin-actions {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
}
@media (min-width: 48rem) {
  .admin-actions {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
  }
}

.admin-actions .admin-actions-left {
  align-items: flex-start;
}

.admin-actions-eyebrow,
.vs-page__eyebrow {
  margin: 0 0 0.42rem;
  color: var(--la-brand-primary, #069393);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
}

@media (prefers-reduced-motion: reduce) {
  .la-venue-form * {
    animation: none !important;
    transition: none !important;
  }
}
.la-native.venue_submissions-page.new-action .admin-container,
.la-native.venue_submissions-page.index-action .vs-page {
  max-width: 44rem;
  padding-top: var(--la-native-pushed-page-padding-top, 5.95rem);
  padding-bottom: var(--la-native-tab-page-padding-bottom, max(5rem, env(safe-area-inset-bottom) + 4rem));
}

.la-native.venue_submissions-page.new-action .admin-actions,
.la-native.venue_submissions-page.index-action .vs-page__header {
  gap: 0.9rem;
  margin-bottom: 1.2rem;
  padding-bottom: 0;
  border-bottom: 0;
}

.la-native.venue_submissions-page.new-action .admin-actions-left,
.la-native.venue_submissions-page.index-action .vs-page__header > div {
  gap: 0;
}

.la-native.venue_submissions-page.new-action .admin-actions-left h1,
.la-native.venue_submissions-page.index-action .vs-page__title {
  color: var(--la-base-darkest, #262626);
  font-size: clamp(1.48rem, 4.5vw, 1.7rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
  text-align: left;
  overflow-wrap: anywhere;
}

.la-native.venue_submissions-page.new-action .admin-muted,
.la-native.venue_submissions-page.index-action .vs-page__summary {
  max-width: 25.5rem;
  margin: 0.45rem 0 0;
  color: var(--la-base-dark, #4F4F4F);
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.34;
  text-align: left;
  overflow-wrap: anywhere;
}

.la-native.venue_submissions-page.new-action .admin-actions-right,
.la-native.venue_submissions-page.index-action .vs-page__header > .la-btn {
  align-self: stretch;
  margin-top: 0.4rem;
}

.la-native.venue_submissions-page.new-action .admin-actions-right .la-btn,
.la-native.venue_submissions-page.index-action .vs-page__header > .la-btn {
  width: 100%;
  justify-content: center;
}

.admin-actions-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.admin-actions-left h1 {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0;
  color: var(--la-base-darkest, #262626);
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media (min-width: 48rem) {
  .admin-actions-left h1 {
    font-size: 2.25rem;
  }
}

.admin-muted {
  font-size: 0.95rem;
  color: var(--la-base-medium, #757575);
  margin: 0;
  line-height: 1.5;
  max-width: 42rem;
}

.admin-actions-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.la-venue-form__category-grid .la-venue-form__photo-group {
  grid-column: 1/-1;
}

.la-venue-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.la-venue-form__type-selector {
  margin: 0;
  padding: 3rem 2rem;
  text-align: center;
  background: var(--la-base-lightest, #FFF);
  border-radius: 16px;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  box-shadow: 0 2px 8px rgba(79, 79, 79, 0.04);
  align-self: center;
  width: 100%;
}

.la-venue-form__type-selector-title {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 0 0.75rem;
  color: var(--la-base-darkest, #262626);
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.la-venue-form__type-selector-help {
  font-size: 0.95rem;
  color: var(--la-base-medium, #757575);
  margin: 0 0 2rem;
  line-height: 1.5;
}

.la-venue-form__type-selector .la-form__group {
  max-width: 400px;
  margin: 0 auto;
  text-align: left;
}

.la-venue-form__type-selector .la-form__input {
  font-size: 1rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
}

/* Scout Source Banner - displayed for AI-discovered events in admin */
.la-venue-form__scout-banner {
  max-width: 1000px;
  margin: 0 auto 1.5rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(74, 122, 216, 0.08) 0%, rgba(74, 122, 216, 0.03) 100%);
  border: 1px solid rgba(74, 122, 216, 0.2);
  border-radius: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 48rem) {
  .la-venue-form__scout-banner {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}

.la-venue-form__scout-banner-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.la-venue-form__scout-banner-icon {
  font-size: 1.25rem;
}

.la-venue-form__scout-banner-title {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--la-info-dark, #2B5CAA);
}

.la-venue-form__scout-banner-source {
  font-size: 0.8rem;
  color: var(--la-base-medium, #757575);
  padding-left: 0.5rem;
  border-left: 1px solid var(--la-base-lighter, #F9F9F9);
}

.la-venue-form__scout-banner-links {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.la-venue-form__scout-banner-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.35rem 0.75rem;
  background: var(--la-base-lightest, #fff);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--la-info-dark, #2B5CAA);
  text-decoration: none;
  transition: all 0.15s ease;
}
.la-venue-form__scout-banner-link:hover {
  background: var(--la-info-light, rgba(74, 122, 216, 0.1));
  border-color: var(--la-info-medium, #4A7AD8);
  text-decoration: none;
}

.la-venue-form__scout-banner-link-icon {
  font-size: 0.9rem;
}

.la-venue-form__scout-banner-meta {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-left: auto;
  font-size: 0.8rem;
  color: var(--la-base-dark, #4F4F4F);
}
@media (max-width: 48rem) {
  .la-venue-form__scout-banner-meta {
    margin-left: 0;
    width: 100%;
  }
}

.la-venue-form__scout-banner-meta-item {
  white-space: nowrap;
}
.la-venue-form__scout-banner-meta-item strong {
  color: var(--la-base-medium, #757575);
  font-weight: 500;
}

/* AI Enrichment Suggestions */
.la-venue-form__scout-banner-suggestions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  border-top: 1px dashed rgba(74, 122, 216, 0.3);
}

.la-venue-form__scout-banner-suggestions-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--la-base-medium, #757575);
  margin-right: 0.25rem;
}

.la-venue-form__scout-banner-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.la-venue-form__scout-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
}

.la-venue-form__scout-chip--price {
  background: rgba(6, 147, 147, 0.15);
  color: var(--la-success-dark, #05686C);
  border: 1px solid rgba(6, 147, 147, 0.3);
}

.la-venue-form__scout-chip--type {
  background: rgba(244, 182, 62, 0.15);
  color: var(--la-warning-dark, #DB9C24);
  border: 1px solid rgba(244, 182, 62, 0.3);
}

.la-venue-form__scout-chip--age {
  background: rgba(74, 122, 216, 0.15);
  color: var(--la-info-dark, #2B5CAA);
  border: 1px solid rgba(74, 122, 216, 0.3);
}

.la-venue-form__scout-chip--amenity {
  background: rgba(6, 147, 147, 0.15);
  color: var(--la-brand-dark, #05686C);
  border: 1px solid rgba(6, 147, 147, 0.3);
}

.la-venue-form__scout-chip--access {
  background: rgba(226, 92, 61, 0.15);
  color: var(--la-danger-dark, #C0472D);
  border: 1px solid rgba(226, 92, 61, 0.3);
}

.la-venue-form__scout-chip--dietary {
  background: rgba(219, 156, 36, 0.15);
  color: var(--la-warning-darkest, #9B6B12);
  border: 1px solid rgba(219, 156, 36, 0.3);
}

.la-venue-form__scout-chip--location {
  background: rgba(43, 92, 170, 0.15);
  color: var(--la-brand-dark, #05686C);
  border: 1px solid rgba(43, 92, 170, 0.3);
  cursor: pointer;
  transition: all 0.2s ease;
}
.la-venue-form__scout-chip--location:hover {
  background: rgba(43, 92, 170, 0.25);
  border-color: rgba(43, 92, 170, 0.5);
}

.la-venue-form__scout-chip--applied {
  background: rgba(6, 147, 147, 0.2);
  color: var(--la-success-dark, #05686C);
  border-color: rgba(6, 147, 147, 0.4);
}

/* Validation Results Banner */
.la-venue-form__validation-banner {
  max-width: 1000px;
  margin: 0 auto 1.5rem;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.la-venue-form__validation-banner--verified {
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.08) 0%, rgba(6, 147, 147, 0.02) 100%);
  border: 1px solid rgba(6, 147, 147, 0.25);
}
.la-venue-form__validation-banner--needs_human_review {
  background: linear-gradient(135deg, rgba(244, 182, 62, 0.08) 0%, rgba(244, 182, 62, 0.02) 100%);
  border: 1px solid rgba(244, 182, 62, 0.25);
}
.la-venue-form__validation-banner--auto_rejected {
  background: linear-gradient(135deg, rgba(226, 92, 61, 0.08) 0%, rgba(226, 92, 61, 0.02) 100%);
  border: 1px solid rgba(226, 92, 61, 0.25);
}
.la-venue-form__validation-banner--restored_for_review {
  background: linear-gradient(135deg, rgba(74, 122, 216, 0.08) 0%, rgba(74, 122, 216, 0.02) 100%);
  border: 1px solid rgba(74, 122, 216, 0.25);
}

.la-venue-form__validation-banner-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.la-venue-form__validation-banner-timestamp {
  font-size: 0.8rem;
  color: var(--la-base-medium, #757575);
  margin-left: auto;
}

.la-venue-form__validation-checklist {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.la-venue-form__validation-check {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.la-venue-form__validation-check--pass {
  background: rgba(6, 147, 147, 0.12);
  color: var(--la-success-dark, #05686C);
  border: 1px solid rgba(6, 147, 147, 0.25);
}
.la-venue-form__validation-check--fail {
  background: rgba(226, 92, 61, 0.12);
  color: var(--la-danger-dark, #C0472D);
  border: 1px solid rgba(226, 92, 61, 0.25);
}

.la-venue-form__validation-rejections {
  font-size: 0.85rem;
  color: var(--la-danger-dark, #C0472D);
}
.la-venue-form__validation-rejections ul {
  margin: 0.25rem 0 0;
  padding-left: 1.25rem;
}
.la-venue-form__validation-rejections li {
  margin-bottom: 0.25rem;
}

.la-venue-form__validation-sources {
  font-size: 0.8rem;
}
.la-venue-form__validation-sources summary {
  cursor: pointer;
  font-weight: 500;
  color: var(--la-base-dark, #4F4F4F);
  padding: 0.25rem 0;
}
.la-venue-form__validation-sources summary:hover {
  color: var(--la-info-dark, #2B5CAA);
}
.la-venue-form__validation-sources ul {
  margin: 0.5rem 0 0;
  padding-left: 1.25rem;
  list-style: disc;
}
.la-venue-form__validation-sources li {
  margin-bottom: 0.25rem;
  word-break: break-all;
}
.la-venue-form__validation-sources a {
  color: var(--la-info-dark, #2B5CAA);
  text-decoration: none;
}
.la-venue-form__validation-sources a:hover {
  text-decoration: underline;
}

.la-venue-form__suggested-place {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  background: rgba(74, 122, 216, 0.06);
  border: 1px dashed rgba(74, 122, 216, 0.3);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  font-size: 0.85rem;
}

.la-venue-form__suggested-place-id {
  font-size: 0.75rem;
  color: var(--la-base-medium, #757575);
  background: var(--la-base-lighter, #F9F9F9);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  display: inline-block;
}

.la-venue-form__main-content {
  animation: fadeInUp 0.4s ease-out;
}

.la-venue-form__grid {
  display: grid;
  gap: 2.5rem;
  align-items: stretch;
}

.la-venue-form__column {
  display: grid;
  gap: 1.5rem;
  align-content: start;
  background: var(--la-base-lightest, #FFF);
  border-radius: 12px;
  padding: 1.75rem;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
}

.la-venue-form__column-title {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
  padding: 0;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--la-base-medium, #757575);
  border: none;
}

.la-venue-form__section-title {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--la-base-darkest, #262626);
  letter-spacing: -0.01em;
}

.la-venue-form__section-help {
  margin: -0.5rem 0 0.75rem;
  color: var(--la-base-medium, #757575);
  font-size: 0.8rem;
  line-height: 1.5;
}

.la-venue-form .la-form__input {
  font-size: 0.9rem;
  line-height: 1.4;
  padding: 0.6rem 0.75rem;
  min-height: 2.5rem;
  border: 1px solid var(--la-base-medium-light, #BDBDBD);
  border-radius: 10px;
  background: var(--la-base-lightest, #FFF);
  box-shadow: 0 1px 3px rgba(79, 79, 79, 0.04);
  transition: all 0.2s ease;
  font-weight: 500;
}
.la-venue-form .la-form__input:hover {
  border-color: var(--la-success-light, #07B4B4);
  box-shadow: 0 2px 6px rgba(6, 147, 147, 0.08);
}
.la-venue-form .la-form__input:focus {
  outline: none;
  border-color: var(--la-success-medium, #069393);
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}
.la-venue-form .la-form__input[type=datetime-local],
.la-venue-form .la-form__input[type=date],
.la-venue-form .la-form__input[type=time],
.la-venue-form .la-form__input[type=text][data-flatpickr-target] {
  min-height: 2.5rem;
  padding: 0.6rem 0.75rem;
  line-height: 1.4;
  border-radius: 10px;
  border: 1px solid var(--la-base-medium-light, #BDBDBD);
  background: var(--la-base-lightest, #FFF);
  box-shadow: 0 1px 3px rgba(79, 79, 79, 0.04);
  transition: all 0.2s ease;
  cursor: pointer;
  font-weight: 500;
}
.la-venue-form .la-form__input[type=datetime-local]:hover,
.la-venue-form .la-form__input[type=date]:hover,
.la-venue-form .la-form__input[type=time]:hover,
.la-venue-form .la-form__input[type=text][data-flatpickr-target]:hover {
  border-color: var(--la-success-light, #07B4B4);
  box-shadow: 0 2px 6px rgba(6, 147, 147, 0.08);
}
.la-venue-form .la-form__input[type=datetime-local]:focus,
.la-venue-form .la-form__input[type=date]:focus,
.la-venue-form .la-form__input[type=time]:focus,
.la-venue-form .la-form__input[type=text][data-flatpickr-target]:focus {
  outline: none;
  border-color: var(--la-success-medium, #069393);
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}
.la-venue-form .la-form__input[type=datetime-local]::-webkit-calendar-picker-indicator,
.la-venue-form .la-form__input[type=date]::-webkit-calendar-picker-indicator,
.la-venue-form .la-form__input[type=time]::-webkit-calendar-picker-indicator,
.la-venue-form .la-form__input[type=text][data-flatpickr-target]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  filter: brightness(0) saturate(100%) invert(47%) sepia(12%) saturate(1000%) hue-rotate(120deg) brightness(95%) contrast(90%);
}
.la-venue-form .la-form__input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,
.la-venue-form .la-form__input[type=date]::-webkit-calendar-picker-indicator:hover,
.la-venue-form .la-form__input[type=time]::-webkit-calendar-picker-indicator:hover,
.la-venue-form .la-form__input[type=text][data-flatpickr-target]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(58%) sepia(66%) saturate(450%) hue-rotate(120deg) brightness(92%) contrast(89%);
}
.la-venue-form textarea.la-form__input {
  min-height: 5.5rem;
  resize: vertical;
}
.la-venue-form select.la-form__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2334A853' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  padding-right: 2.5rem;
  cursor: pointer;
}
.la-venue-form select.la-form__input:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2334A853' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
}
.la-venue-form .la-form__label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--la-base-darkest, #262626);
  margin-bottom: 0.375rem;
  letter-spacing: -0.01em;
}
.la-venue-form .la-form__help-text {
  font-size: 0.75rem;
  color: var(--la-base-medium, #757575);
  line-height: 1.5;
  margin-top: 0.375rem;
}
.la-venue-form .la-form__group {
  display: flex;
  flex-direction: column;
}

.la-venue-form__category-grid {
  display: grid;
  gap: 1.25rem;
}

.la-venue-form__photo-group {
  margin-top: 0.5rem;
}

.la-image-uploader.la-venue-form__uploader {
  display: grid;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.02) 0%, white 100%);
  border: 1px dashed var(--la-base-medium-light, #BDBDBD);
  border-radius: 10px;
  padding: 1.25rem;
  box-shadow: 0 1px 3px rgba(79, 79, 79, 0.04) inset;
  transition: all 0.2s ease;
}
.la-image-uploader.la-venue-form__uploader:hover {
  border-color: var(--la-success-light, #07B4B4);
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.04) 0%, white 100%);
  box-shadow: 0 1px 4px rgba(6, 147, 147, 0.08) inset;
}

.la-venue-form__image-error {
  color: var(--la-danger-medium, #E25C3D);
  font-size: 0.8rem;
  margin: 0;
  padding: 0.5rem 0.75rem;
  background: rgba(241, 155, 133, 0.1);
  border-radius: 8px;
  border-left: 3px solid var(--la-danger-medium, #E25C3D);
  box-shadow: 0 1px 3px rgba(226, 92, 61, 0.1);
}

.la-venue-form__image-previews {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 0.75rem;
}

.la-venue-form__matches {
  border: 1px dashed var(--la-base-lighter, #F9F9F9);
  border-radius: 12px;
  padding: 1rem;
  display: grid;
  gap: 0.75rem;
  background: var(--la-base-lightest, #FFF);
}

.la-venue-form__matches-help {
  margin: 0;
  color: var(--la-base-medium, #757575);
  font-size: 0.875rem;
}

.la-venue-form__matches-list {
  display: grid;
  gap: 0.75rem;
}

.la-enrichment-v3__panel--full {
  grid-column: 1/-1;
}

.la-venue-form__match-option {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 12px;
  background: var(--la-base-lightest, #FFF);
}
.la-venue-form__match-option:hover {
  border-color: var(--la-brand-light, #07B4B4);
}

.la-venue-form__match-option-input {
  margin-top: 0.3rem;
}

.la-venue-form__match-option-content {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.la-venue-form__captcha {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0 1rem;
}

.la-venue-form__actions {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  padding: 2.5rem 0 1.5rem;
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
}
.la-venue-form__actions .la-btn {
  padding: 0.75rem 2rem;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  border-radius: 50rem;
  transition: all 0.2s ease;
  min-width: 180px;
}
.la-venue-form__actions .la-btn--primary {
  box-shadow: 0 0.625rem 1.5rem rgba(6, 147, 147, 0.12);
}
.la-venue-form__actions .la-btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0.75rem 1.75rem rgba(6, 147, 147, 0.16);
}
.la-venue-form__actions .la-btn--primary:active {
  transform: translateY(0);
}
.la-venue-form__actions .la-btn--secondary {
  box-shadow: none;
}
.la-venue-form__actions .la-btn--secondary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0.625rem 1.25rem rgba(6, 147, 147, 0.08);
}
.la-venue-form__actions .la-btn--secondary:active {
  transform: translateY(0);
}

.la-venue-form__submit-button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.la-venue-form__submit-label {
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.la-venue-form__submit-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.76);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.la-venue-form__submit-loader::before, .la-venue-form__submit-loader::after {
  position: absolute;
  content: "";
  border-radius: inherit;
}
.la-venue-form__submit-loader::before {
  inset: 0;
  background: conic-gradient(from 0deg, rgba(255, 255, 255, 0.96), rgba(226, 92, 61, 0.95), rgba(248, 242, 220, 0.95), rgba(255, 255, 255, 0.96), rgba(6, 147, 147, 0));
  animation: la-venue-submit-spin 0.78s linear infinite;
}
.la-venue-form__submit-loader::after {
  inset: 0.34rem;
  background: #069393;
}

.la-venue-form__submit-button.is-submitting {
  cursor: progress;
}
.la-venue-form__submit-button.is-submitting .la-venue-form__submit-label {
  opacity: 0;
  transform: translateY(0.35rem);
}
.la-venue-form__submit-button.is-submitting .la-venue-form__submit-loader {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.la-venue-form__submit-button:disabled {
  opacity: 1;
}

.la-venue-form__column--primary {
  background: var(--la-base-lightest, #FFF);
  border-radius: 12px;
  padding: 1.75rem;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
}

.la-venue-form__contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(249, 249, 249, 0.3) 0%, rgba(249, 249, 249, 0.1) 100%);
  border-radius: 10px;
  border: 1px dashed var(--la-base-medium-light, #BDBDBD);
}
.la-venue-form__contact-grid .la-form__group {
  margin: 0;
}

.la-venue-form__contact-full {
  grid-column: 1/-1;
}

.la-venue-form__event-toggle {
  margin-top: 0;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.04) 0%, rgba(249, 249, 249, 0.2) 100%);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(79, 79, 79, 0.04);
  transition: all 0.2s ease;
}
.la-venue-form__event-toggle:hover {
  border-color: var(--la-success-light, #07B4B4);
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.06) 0%, rgba(249, 249, 249, 0.25) 100%);
}
.la-venue-form__event-toggle .la-form__check {
  margin: 0;
}
.la-venue-form__event-toggle .la-form__check-label {
  font-size: 0.85rem;
  font-weight: 500;
}

.la-venue-form__address-grid {
  display: grid;
  gap: 0.75rem;
}
.la-venue-form__address-grid .la-form__group {
  margin: 0;
}

.la-venue-form__address-full {
  grid-column: 1/-1;
}

@media (min-width: 40rem) {
  .la-venue-form__address-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .la-venue-form__address-grid .la-venue-form__address-full {
    grid-column: 1/-1;
  }
}
@media (min-width: 48rem) {
  .la-venue-form__grid {
    grid-template-columns: 1.2fr 1fr;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  .la-venue-form__category-grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 75rem) {
  .la-venue-form__grid {
    grid-template-columns: 1.3fr 1fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
.la-venue-form__category-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  align-content: start;
  animation: fadeInUp 0.3s ease-out;
}

.la-venue-form__category-group > .la-venue-form__section-title {
  grid-column: 1/-1;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
}

.la-venue-form__category-group > .la-form__group {
  grid-column: 1/-1;
}

@media (min-width: 48rem) {
  .la-venue-form__category-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .la-venue-form__category-group .la-venue-form__checkbox-group {
    width: 100%;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.la-venue-form__checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0;
}
.la-venue-form__checkbox-group .checkbox-group__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.la-venue-form__checkbox-group .checkbox-group__header .la-form__label {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--la-base-darkest, #262626);
}
.la-venue-form__checkbox-group .checkbox-group__header .checkbox-filter__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.la-venue-form__checkbox-group .checkbox-group__header .checkbox-filter__actions .checkbox-filter__divider {
  color: var(--la-base-medium-light, #BDBDBD);
  font-size: 0.7rem;
}
.la-venue-form__checkbox-group .checkbox-group__header .checkbox-filter__actions .la-btn--text {
  padding: 0.2rem 0.35rem;
  font-size: 0.7rem;
  color: var(--la-success-medium, #069393);
  font-weight: 500;
}
.la-venue-form__checkbox-group .checkbox-group__header .checkbox-filter__actions .la-btn--text:hover {
  text-decoration: underline;
  background-color: rgba(6, 147, 147, 0.05);
  border-radius: 4px;
}
.la-venue-form__checkbox-group .checkbox-filter__input {
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  line-height: 1.4;
  border-radius: 6px;
}

.la-venue-form__checkboxes {
  max-height: 13rem;
  min-height: 10rem;
  overflow-y: auto;
  padding: 0.75rem;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(249, 249, 249, 0.2) 0%, white 100%);
  box-shadow: 0 1px 3px rgba(79, 79, 79, 0.04) inset;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem 0.5rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.la-venue-form__checkboxes:hover {
  border-color: var(--la-success-light, #07B4B4);
}
.la-venue-form__checkboxes::-webkit-scrollbar {
  width: 6px;
}
.la-venue-form__checkboxes::-webkit-scrollbar-track {
  background: var(--la-base-lighter, #F9F9F9);
  border-radius: 3px;
}
.la-venue-form__checkboxes::-webkit-scrollbar-thumb {
  background: var(--la-base-medium-light, #BDBDBD);
  border-radius: 3px;
}
.la-venue-form__checkboxes::-webkit-scrollbar-thumb:hover {
  background: var(--la-base-medium, #757575);
}
@media (min-width: 48rem) {
  .la-venue-form__checkboxes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.la-venue-form__checkboxes .la-form__check {
  margin: 0;
  position: static;
  padding: 0.3rem 0.5rem 0.3rem 0.6rem;
  border-radius: 6px;
  transition: all 0.15s ease;
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}
.la-venue-form__checkboxes .la-form__check:hover {
  background-color: rgba(6, 147, 147, 0.06);
  transform: translateX(2px);
}
.la-venue-form__checkboxes .la-form__check .la-form__check-label {
  font-size: 0.75rem;
  color: var(--la-base-dark, #4F4F4F);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  line-height: 1.2;
  padding-top: 0.05rem;
}
.la-venue-form__checkboxes .la-form__check-input {
  position: static;
  width: 0.85rem;
  height: 0.85rem;
  cursor: pointer;
  accent-color: var(--la-success-medium, #069393);
  flex-shrink: 0;
  margin: 0;
  margin-top: 0.05rem;
}

.la-native.venue_submissions-page.new-action .la-venue-form {
  max-width: 44rem;
  gap: 1.1rem;
  padding-bottom: 1.25rem;
}
.la-native.venue_submissions-page.new-action .la-venue-form__type-selector {
  display: grid;
  gap: 1.05rem;
  align-self: stretch;
  padding: 1.35rem 1.2rem;
  border-color: rgba(6, 147, 147, 0.14);
  border-radius: 1.15rem;
  background: #FFF;
  box-shadow: 0 0.75rem 1.8rem rgba(38, 38, 38, 0.05);
  text-align: left;
}
.la-native.venue_submissions-page.new-action .la-venue-form__type-selector-title {
  max-width: 24rem;
  margin: 0;
  color: #262626;
  font-size: clamp(1.62rem, 7.2vw, 2.05rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.08;
}
.la-native.venue_submissions-page.new-action .la-venue-form__type-selector-help {
  max-width: 27rem;
  margin: -0.25rem 0 0;
  color: #4F4F4F;
  font-size: 0.98rem;
  font-weight: 500;
  line-height: 1.38;
}
.la-native.venue_submissions-page.new-action .la-venue-form__type-selector .la-form__group {
  width: 100%;
  max-width: none;
  margin: 0;
}
.la-native.venue_submissions-page.new-action .la-venue-form__main-content {
  animation: none;
}
.la-native.venue_submissions-page.new-action .la-venue-form__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.la-native.venue_submissions-page.new-action .la-venue-form__column,
.la-native.venue_submissions-page.new-action .la-venue-form__column--primary {
  gap: 1.05rem;
  padding: 1.15rem;
  border-color: rgba(6, 147, 147, 0.14);
  border-radius: 1.15rem;
  background: #FFF;
  box-shadow: 0 0.65rem 1.7rem rgba(38, 38, 38, 0.045);
}
.la-native.venue_submissions-page.new-action .la-venue-form__column-title {
  margin-bottom: 0.1rem;
  color: #069393;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
}
.la-native.venue_submissions-page.new-action .la-venue-form .la-form__group {
  gap: 0.42rem;
  margin: 0;
}
.la-native.venue_submissions-page.new-action .la-venue-form .la-form__label,
.la-native.venue_submissions-page.new-action .la-venue-form__checkbox-group .checkbox-group__header .la-form__label {
  margin: 0;
  color: #262626;
  font-size: 0.93rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
}
.la-native.venue_submissions-page.new-action .la-venue-form .la-form__help-text,
.la-native.venue_submissions-page.new-action .la-venue-form__section-help,
.la-native.venue_submissions-page.new-action .la-venue-form__matches-help {
  margin-top: 0;
  color: #757575;
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1.4;
}
.la-native.venue_submissions-page.new-action .la-venue-form .la-form__input,
.la-native.venue_submissions-page.new-action .la-venue-form .la-form__input[type=datetime-local],
.la-native.venue_submissions-page.new-action .la-venue-form .la-form__input[type=date],
.la-native.venue_submissions-page.new-action .la-venue-form .la-form__input[type=time],
.la-native.venue_submissions-page.new-action .la-venue-form .la-form__input[type=text][data-flatpickr-target] {
  min-height: 3.2rem;
  padding: 0.78rem 0.9rem;
  border-color: rgba(117, 117, 117, 0.28);
  border-radius: 0.72rem;
  background-color: #FFF;
  color: #262626;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  box-shadow: 0 0.12rem 0.45rem rgba(38, 38, 38, 0.03);
}
.la-native.venue_submissions-page.new-action .la-venue-form select.la-form__input {
  padding-right: 2.6rem;
}
.la-native.venue_submissions-page.new-action .la-venue-form textarea.la-form__input {
  min-height: 7rem;
}
.la-native.venue_submissions-page.new-action .la-venue-form__contact-grid,
.la-native.venue_submissions-page.new-action .la-venue-form__address-grid {
  grid-template-columns: 1fr;
  gap: 0.85rem;
  padding: 0;
  border: 0;
  background: transparent;
}
.la-native.venue_submissions-page.new-action .la-venue-form__event-toggle {
  min-height: 3.1rem;
  padding: 0.82rem 0.9rem;
  border-color: rgba(6, 147, 147, 0.14);
  border-radius: 0.8rem;
  background: rgba(6, 147, 147, 0.045);
  box-shadow: none;
}
.la-native.venue_submissions-page.new-action .la-venue-form__event-toggle .la-form__check-label {
  color: #262626;
  font-size: 0.95rem;
  font-weight: 700;
}
.la-native.venue_submissions-page.new-action .la-venue-form__category-grid,
.la-native.venue_submissions-page.new-action .la-venue-form__category-group {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.la-native.venue_submissions-page.new-action .la-venue-form__checkbox-group {
  gap: 0.6rem;
}
.la-native.venue_submissions-page.new-action .la-venue-form__checkbox-group .checkbox-group__header {
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0;
}
.la-native.venue_submissions-page.new-action .la-venue-form__checkboxes {
  max-height: 11rem;
  min-height: 0;
  padding: 0.6rem;
  border-color: rgba(117, 117, 117, 0.16);
  border-radius: 0.8rem;
  background: #FFF;
  box-shadow: 0 0.1rem 0.5rem rgba(38, 38, 38, 0.03) inset;
}
.la-native.venue_submissions-page.new-action .la-venue-form__checkboxes .la-form__check {
  min-height: 2.25rem;
  align-items: center;
  padding: 0.35rem 0.4rem;
  border-radius: 0.55rem;
}
.la-native.venue_submissions-page.new-action .la-venue-form__checkboxes .la-form__check .la-form__check-label {
  color: #4F4F4F;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: normal;
}
.la-native.venue_submissions-page.new-action .la-venue-form__checkboxes .la-form__check-input {
  width: 1rem;
  height: 1rem;
}
.la-native.venue_submissions-page.new-action .la-image-uploader.la-venue-form__uploader,
.la-native.venue_submissions-page.new-action .la-venue-form__matches {
  border-color: rgba(117, 117, 117, 0.16);
  border-radius: 0.9rem;
  background: #FFF;
  box-shadow: none;
}
.la-native.venue_submissions-page.new-action .la-venue-form__actions {
  position: sticky;
  bottom: calc(var(--la-native-tab-page-padding-bottom, 5rem) - 4.75rem);
  z-index: 5;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 -0.15rem;
  padding: 1rem 0 0.35rem;
  border-top: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #FFF 38%);
}
.la-native.venue_submissions-page.new-action .la-venue-form__actions .la-btn {
  width: 100%;
  min-height: 3.35rem;
  border-radius: 1rem;
  font-size: 1.04rem;
  font-weight: 800;
}

.vs-page {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.vs-page--submissions-index {
  max-width: 44rem;
  gap: 1rem;
}

.vs-submissions__hero {
  margin-bottom: 0.15rem;
}

.vs-submissions__count-card {
  align-items: center;
}

.vs-submissions__count {
  display: block;
  color: #262626;
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.15;
}

.vs-submissions__primary-action {
  justify-content: center;
  width: 100%;
  min-height: 3.15rem;
  border-radius: 1rem;
  font-weight: 800;
}

.vs-page__header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
}
@media (min-width: 48rem) {
  .vs-page__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
  }
}
.vs-page__header > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vs-page__header .la-btn--primary.la-btn--lg {
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  border-radius: 50rem;
  box-shadow: 0 0.625rem 1.5rem rgba(6, 147, 147, 0.12);
  transition: all 0.2s ease;
  min-width: 260px;
}
.vs-page__header .la-btn--primary.la-btn--lg:hover {
  transform: translateY(-1px);
  box-shadow: 0 0.75rem 1.75rem rgba(6, 147, 147, 0.16);
}
.vs-page__header .la-btn--primary.la-btn--lg:active {
  transform: translateY(0);
}
@media (min-width: 48rem) {
  .vs-page__header .la-btn--primary.la-btn--lg {
    align-self: center;
  }
}

.vs-page__title {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0;
  color: var(--la-base-darkest, #262626);
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media (min-width: 48rem) {
  .vs-page__title {
    font-size: 2.25rem;
  }
}

.vs-page__summary {
  font-size: 0.95rem;
  color: var(--la-base-medium, #757575);
  margin: 0;
  line-height: 1.5;
  max-width: 42rem;
}

.vs-page__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  color: var(--la-base-medium, #757575);
}

.vs-page__type {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.vs-page__timestamp {
  font-size: 0.875rem;
}

.vs-form {
  display: block;
  background: var(--la-base-lightest, #FFF);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 12px 32px rgba(15, 20, 31, 0.08);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
}

.vs-form__grid {
  display: grid;
  gap: 2rem;
}

@media (min-width: 992px) {
  .vs-form__grid {
    grid-template-columns: 2fr 1fr;
  }
}
.vs-form__section {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.vs-form__section + .vs-form__section {
  margin-top: 2rem;
}

.vs-form__section-title {
  font-size: 1.25rem;
  margin: 0;
  font-weight: 600;
}

.vs-form__two-column {
  display: grid;
  gap: 1rem;
}

@media (min-width: 640px) {
  .vs-form__two-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.vs-form__address-grid {
  display: grid;
  gap: 1rem;
}

.vs-form__address-full {
  grid-column: 1/-1;
}

@media (min-width: 640px) {
  .vs-form__address-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vs-form__address-grid > .la-form__group:nth-child(3) {
    grid-column: 1;
  }
  .vs-form__address-grid > .la-form__group:nth-child(4) {
    grid-column: 2;
  }
  .vs-form__address-grid > .la-form__group:nth-child(5) {
    grid-column: 1;
  }
  .vs-form__address-grid > .la-form__group:nth-child(6) {
    grid-column: 2;
  }
}
.vs-form__match {
  background: var(--la-base-lightest, #FFF);
  border: 1px dashed var(--la-base-lighter, #F9F9F9);
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.vs-form__match-empty {
  margin: 0;
  color: var(--la-base-medium, #757575);
  font-size: 0.9rem;
}

.vs-form__image-error {
  color: var(--la-danger-medium, #E25C3D);
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.vs-form__preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 0.75rem;
}

.vs-form__preview-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
}

.vs-form__preview-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.vs-form__actions {
  margin-top: 2.5rem;
  display: flex;
  justify-content: flex-end;
}

.vs-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.vs-list__item {
  position: relative;
  min-width: 0;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.12rem;
  padding: 0.95rem 2.5rem 0.95rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.68rem;
  background: radial-gradient(circle at 0% 0%, rgba(6, 147, 147, 0.06), rgba(6, 147, 147, 0) 42%), #FFF;
  box-shadow: 0 0.65rem 1.45rem rgba(38, 38, 38, 0.045);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.vs-list__item:hover {
  border-color: rgba(6, 147, 147, 0.3);
  box-shadow: 0 0.85rem 1.75rem rgba(38, 38, 38, 0.07);
  transform: translateY(-1px);
}
@media (min-width: 768px) {
  .vs-list__item {
    padding: 1.05rem 2.65rem 1.05rem 1.08rem;
  }
}

.vs-list__item--link {
  color: inherit;
  text-decoration: none;
}
.vs-list__item--link:hover, .vs-list__item--link:focus-visible {
  color: inherit;
  text-decoration: none;
}

.vs-list__meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: center;
  font-size: 0.8rem;
}

.vs-list__type {
  color: #069393;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-transform: uppercase;
}

.vs-list__status {
  justify-self: end;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 0.32rem 0.62rem;
  border-radius: 999px;
  font-size: 0.72rem;
  line-height: 1;
}

.vs-list__body {
  min-width: 0;
}

.vs-list__title {
  margin: 0;
  color: #262626;
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.24;
  overflow-wrap: anywhere;
}

.vs-list__item--link .vs-list__title,
.vs-list__item--link:visited .vs-list__title,
.vs-list__item--link:hover .vs-list__title,
.vs-list__item--link:focus-visible .vs-list__title {
  color: #262626;
}

.vs-list__description {
  margin: 0.32rem 0 0;
  color: #4F4F4F;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.35;
}

.vs-list__timestamp {
  margin: 0.52rem 0 0;
  color: #757575;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.25;
}

.vs-list__chevron {
  position: absolute;
  top: 50%;
  right: 1rem;
  color: rgba(79, 79, 79, 0.52);
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1;
  transform: translateY(-50%);
}

.vs-pagination {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}

.vs-empty {
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.15rem;
  padding: 2rem 1.25rem;
  text-align: center;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.12), transparent 34%), linear-gradient(180deg, rgba(6, 147, 147, 0.05) 0%, rgba(255, 255, 255, 0.98) 72%);
  box-shadow: 0 0.8rem 1.9rem rgba(38, 38, 38, 0.055);
  display: grid;
  gap: 0.9rem;
  justify-items: center;
}

.vs-empty__icon {
  font-size: 3.5rem;
  margin: 0;
  line-height: 1;
}

.vs-empty__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--la-base-darkest, #262626);
  letter-spacing: -0.01em;
}

.vs-empty__message {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  color: var(--la-base-medium, #757575);
  line-height: 1.5;
  max-width: 32rem;
}

.vs-empty .la-btn--secondary {
  margin-top: 0.5rem;
  padding: 0.75rem 2rem;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 10px;
  transition: all 0.2s ease;
}
.vs-empty .la-btn--secondary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(79, 79, 79, 0.1);
}

.vs-panel {
  border-radius: 14px;
  padding: 1.5rem;
  border: 1px solid var(--la-warning-light, #F9D48A);
  background: rgba(249, 212, 138, 0.15);
}

.vs-panel--notice {
  border-color: var(--la-warning-medium, #F4B63E);
  background: rgba(249, 212, 138, 0.18);
}

.vs-panel__title {
  margin-top: 0;
  font-size: 1.2rem;
}

.vs-panel__body {
  margin: 0;
  color: var(--la-base-dark, #4F4F4F);
}

.vs-page--confirmation,
.vs-page--submission-detail {
  max-width: 44rem;
  gap: 1rem;
}

.vs-confirmation__hero {
  display: grid;
  gap: 1rem;
  align-items: stretch;
  padding: 1.25rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.25rem;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.16), transparent 34%), linear-gradient(180deg, rgba(6, 147, 147, 0.06) 0%, rgba(255, 255, 255, 0.98) 72%);
  box-shadow: 0 0.75rem 1.75rem rgba(38, 38, 38, 0.05);
}

.vs-confirmation__hero-copy {
  min-width: 0;
}

.vs-confirmation__hero-meta {
  display: grid;
}

.vs-confirmation__brand-mark {
  display: grid;
  flex: 0 0 auto;
  width: 3.1rem;
  height: 3.1rem;
  place-items: center;
  border: 0.0625rem solid rgba(6, 147, 147, 0.13);
  border-radius: 0.95rem;
  background: radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 42%), linear-gradient(145deg, rgba(6, 147, 147, 0.08), rgba(248, 242, 220, 0.42));
  box-shadow: 0 0.45rem 1rem rgba(6, 147, 147, 0.1);
}

.vs-confirmation__brand-logo {
  display: block;
  width: 2.1rem;
  max-width: 2.1rem;
  height: auto;
}

.vs-confirmation__status-card {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
  padding: 0.78rem 0.85rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 0.5rem 1.1rem rgba(38, 38, 38, 0.035);
}

.vs-confirmation__status-label {
  display: block;
  margin-bottom: 0.18rem;
  color: #757575;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-transform: uppercase;
}

.vs-confirmation__card,
.vs-confirmation__next {
  display: grid;
  gap: 0.95rem;
  padding: 1.15rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.15rem;
  background: #FFF;
  box-shadow: 0 0.8rem 1.9rem rgba(38, 38, 38, 0.055);
}

.vs-confirmation__status {
  display: inline-flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 1.55rem;
  margin: 0;
  padding: 0.24rem 0.64rem;
  border-radius: 999px;
  background: rgba(244, 182, 62, 0.18);
  color: #8b5d00;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1;
}

.vs-confirmation__section-header {
  display: grid;
  gap: 0.28rem;
}
.vs-confirmation__section-header p {
  margin: 0;
  color: #4F4F4F;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.35;
}

.vs-confirmation__card-title,
.vs-confirmation__next h2 {
  margin: 0;
  color: #262626;
  font-size: 1.18rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.18;
}

.vs-confirmation__summary-list {
  display: grid;
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(117, 117, 117, 0.12);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.86);
}
.vs-confirmation__summary-list > div {
  display: grid;
  gap: 0.24rem;
  padding: 0.78rem 0.85rem;
  border-top: 0.0625rem solid rgba(117, 117, 117, 0.11);
}
.vs-confirmation__summary-list > div:first-child {
  border-top: 0;
}
.vs-confirmation__summary-list dt {
  color: #069393;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-transform: uppercase;
}
.vs-confirmation__summary-list dd {
  margin: 0;
  color: #262626;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.34;
  overflow-wrap: anywhere;
}
.vs-confirmation__summary-list dd p {
  margin: 0;
}
.vs-confirmation__summary-list dd p + p {
  margin-top: 0.55rem;
}
.vs-confirmation__summary-list dd a {
  color: #069393;
  font-weight: 800;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}

.vs-confirmation__next {
  gap: 0.65rem;
  background: radial-gradient(circle at 10% 0%, rgba(6, 147, 147, 0.1), rgba(6, 147, 147, 0) 36%), #FFF;
}

.vs-confirmation__next-list {
  display: grid;
  gap: 0.75rem;
}
.vs-confirmation__next-list p {
  margin: 0;
  color: #4F4F4F;
  font-size: 0.96rem;
  font-weight: 500;
  line-height: 1.38;
}

.vs-confirmation__next--notice {
  border-color: rgba(244, 182, 62, 0.32);
  background: radial-gradient(circle at 9% 0%, rgba(244, 182, 62, 0.13), rgba(244, 182, 62, 0) 38%), #FFF;
}

.vs-confirmation__support a {
  color: #069393;
  font-weight: 800;
}

.vs-confirmation__actions {
  display: grid;
  gap: 0.7rem;
  padding: 0.15rem 0 0.35rem;
}
.vs-confirmation__actions .la-btn {
  justify-content: center;
  width: 100%;
  min-height: 3.15rem;
  border-radius: 1rem;
  font-weight: 800;
}

.vs-confirmation__action-text {
  min-height: 3.05rem !important;
  border: 0.12rem solid rgba(6, 147, 147, 0.6);
  border-radius: 1rem;
  background: #FFF;
  color: #069393;
  text-decoration: none;
  box-shadow: inset 0 0 0 0.0625rem rgba(255, 255, 255, 0.78), 0 0.45rem 1.15rem rgba(38, 38, 38, 0.035);
}
.vs-confirmation__action-text:hover, .vs-confirmation__action-text:focus-visible {
  border-color: rgba(6, 147, 147, 0.72);
  background: rgba(6, 147, 147, 0.055);
}

.la-native.venue_submissions-page.submitted-action .vs-page--confirmation,
.la-native.venue_submissions-page.show-action .vs-page--confirmation {
  max-width: 44rem;
  gap: 0.9rem;
  padding-inline: 1.15rem;
  padding-top: var(--la-native-pushed-page-padding-top, 5.95rem);
  padding-bottom: var(--la-native-tab-page-padding-bottom, max(5rem, env(safe-area-inset-bottom) + 4rem));
}
.la-native.venue_submissions-page.submitted-action .vs-page--submission-detail,
.la-native.venue_submissions-page.show-action .vs-page--submission-detail {
  max-width: 44rem;
  gap: 0.9rem;
  padding-inline: 1.15rem;
  padding-top: var(--la-native-pushed-page-padding-top, 5.95rem);
  padding-bottom: var(--la-native-tab-page-padding-bottom, max(5rem, env(safe-area-inset-bottom) + 4rem));
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__hero,
.la-native.venue_submissions-page.show-action .vs-confirmation__hero {
  gap: 0.92rem;
  padding: 1.05rem 1rem;
  border-radius: 1.2rem;
}
.la-native.venue_submissions-page.submitted-action .vs-page__eyebrow,
.la-native.venue_submissions-page.show-action .vs-page__eyebrow {
  margin-bottom: 0.42rem;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
}
.la-native.venue_submissions-page.submitted-action .vs-page__title,
.la-native.venue_submissions-page.show-action .vs-page__title {
  color: #262626;
  font-size: clamp(1.5rem, 6vw, 1.82rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
  text-align: left;
  overflow-wrap: anywhere;
}
.la-native.venue_submissions-page.submitted-action .vs-page__summary,
.la-native.venue_submissions-page.show-action .vs-page__summary {
  max-width: 25.5rem;
  margin-top: 0.45rem;
  color: #4F4F4F;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.34;
  text-align: left;
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__card,
.la-native.venue_submissions-page.submitted-action .vs-confirmation__next,
.la-native.venue_submissions-page.show-action .vs-confirmation__card,
.la-native.venue_submissions-page.show-action .vs-confirmation__next {
  gap: 0.82rem;
  padding: 1rem;
  border-radius: 1.08rem;
  box-shadow: 0 0.65rem 1.45rem rgba(38, 38, 38, 0.045);
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__card-title,
.la-native.venue_submissions-page.submitted-action .vs-confirmation__next h2,
.la-native.venue_submissions-page.show-action .vs-confirmation__card-title,
.la-native.venue_submissions-page.show-action .vs-confirmation__next h2 {
  font-size: 1.08rem;
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__summary-list > div,
.la-native.venue_submissions-page.show-action .vs-confirmation__summary-list > div {
  padding: 0.72rem 0.78rem;
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__summary-list dt,
.la-native.venue_submissions-page.show-action .vs-confirmation__summary-list dt {
  font-size: 0.64rem;
  letter-spacing: 0.11em;
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__summary-list dd,
.la-native.venue_submissions-page.show-action .vs-confirmation__summary-list dd {
  font-size: 0.9rem;
  line-height: 1.3;
}
.la-native.venue_submissions-page.submitted-action .vs-data-grid--receipt,
.la-native.venue_submissions-page.show-action .vs-data-grid--receipt {
  gap: 0.72rem;
}
.la-native.venue_submissions-page.submitted-action .vs-data-grid--receipt .vs-data-grid__item,
.la-native.venue_submissions-page.show-action .vs-data-grid--receipt .vs-data-grid__item {
  padding: 0.72rem 0.78rem;
  border: 0.0625rem solid rgba(117, 117, 117, 0.12);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.86);
}
.la-native.venue_submissions-page.submitted-action .vs-data-grid--receipt .vs-data-grid__label,
.la-native.venue_submissions-page.show-action .vs-data-grid--receipt .vs-data-grid__label {
  color: #069393;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  line-height: 1.1;
  text-transform: uppercase;
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__next-list,
.la-native.venue_submissions-page.show-action .vs-confirmation__next-list {
  gap: 0.68rem;
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__next-list p,
.la-native.venue_submissions-page.show-action .vs-confirmation__next-list p {
  font-size: 0.9rem;
  line-height: 1.36;
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__actions,
.la-native.venue_submissions-page.show-action .vs-confirmation__actions {
  gap: 0.75rem;
  padding-top: 0.25rem;
}
.la-native.venue_submissions-page.submitted-action .vs-confirmation__actions .la-btn,
.la-native.venue_submissions-page.show-action .vs-confirmation__actions .la-btn {
  min-height: 3.15rem;
  border-radius: 1rem;
  font-size: 0.98rem;
}

@keyframes la-venue-submit-spin {
  to {
    transform: rotate(1turn);
  }
}
@media (prefers-reduced-motion: reduce) {
  .la-venue-form__submit-loader::before {
    animation: none;
  }
}
.la-enrichment-v3 .admin-submission__grid {
  margin-top: 1.5rem;
  grid-template-columns: minmax(0, 1fr);
}
.la-enrichment-v3 .la-card {
  width: 100%;
  margin: 0;
}
.la-enrichment-v3 .la-card__body {
  min-height: 0;
}

@media (min-width: 62rem) {
  .la-enrichment-v3 .admin-submission__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.la-enrichment-v3__meta {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.la-enrichment-v3__group {
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 14px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: var(--la-base-lightest, #FFF);
}
.la-enrichment-v3__group legend {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--la-base-darkest, #262626);
  padding: 0 0.25rem;
}

.la-enrichment-v3__list {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}

.la-enrichment-v3__item {
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, rgba(249, 249, 249, 0.16) 0%, white 100%);
  display: grid;
  gap: 0.75rem;
}

.la-enrichment-v3__item--ni {
  border-color: rgba(244, 182, 62, 0.4);
  background: rgba(249, 212, 138, 0.2);
}

.la-enrichment-v3__item-header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 48rem) {
  .la-enrichment-v3__item-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.la-enrichment-v3__item-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.la-enrichment-v3__item-title label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.la-enrichment-v3__checkbox {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--la-success-medium, #069393);
}

.la-enrichment-v3__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.la-enrichment-v3__source-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.la-enrichment-v3__snippet {
  margin: 0;
  padding: 0.75rem 1rem;
  border-left: 3px solid rgba(74, 122, 216, 0.4);
  border-radius: 10px;
  background: rgba(143, 171, 238, 0.12);
  font-size: 0.85rem;
  color: var(--la-base-dark, #4F4F4F);
  line-height: 1.5;
}

.la-enrichment-v3__source-link {
  color: var(--la-info-dark, #2B5CAA);
  text-decoration: none;
  font-weight: 600;
}
.la-enrichment-v3__source-link:hover {
  text-decoration: underline;
}

.vs-show__grid {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 992px) {
  .vs-show__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.vs-definition-list {
  margin: 0;
  display: grid;
  gap: 0.75rem;
}

.vs-definition-list__row {
  display: grid;
  gap: 0.25rem;
}

.vs-definition-list__row dt {
  font-weight: 600;
  color: var(--la-base-dark, #4F4F4F);
}

.vs-definition-list__row dd {
  margin: 0;
  color: var(--la-base-medium, #757575);
}

.vs-data-grid {
  display: grid;
  gap: 1rem;
}

.vs-data-grid__item {
  display: grid;
  gap: 0.5rem;
}

.vs-data-grid__label {
  font-weight: 600;
}

.vs-data-grid__values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.vs-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
}

.vs-gallery__item {
  border-radius: 14px;
  overflow: hidden;
  background: var(--la-base-lightest, #FFF);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
}

.vs-gallery__image {
  width: 100%;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.vs-data-grid__values .la-badge {
  font-size: 0.8rem;
}

.la-venue-form__selection-banner {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.08) 0%, rgba(7, 180, 180, 0.04) 100%);
  border: 1px solid rgba(6, 147, 147, 0.3);
  border-radius: 12px;
  animation: slideInDown 0.4s ease-out;
}

.la-venue-form__selection-banner-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.la-venue-form__selection-banner-copy {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.la-venue-form__selection-banner-copy strong {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--la-base-darkest, #262626);
}

.la-venue-form__selection-banner-help {
  font-size: 0.85rem;
  color: var(--la-base-medium, #757575);
  line-height: 1.4;
}

.la-venue-form__checkmark {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: var(--la-success-medium, #069393);
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px var(--la-success-medium, #069393);
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.la-venue-form__checkmark-circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: var(--la-success-medium, #069393);
  fill: #fff;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.la-venue-form__checkmark-check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px var(--la-success-medium, #069393);
  }
}
@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.la-venue-form__errors {
  background: linear-gradient(135deg, rgba(226, 92, 61, 0.08) 0%, rgba(241, 155, 133, 0.04) 100%);
  border: 1px solid rgba(226, 92, 61, 0.3);
  border-left: 4px solid var(--la-danger-medium, #E25C3D);
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
}
.la-venue-form__errors h2 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--la-danger-dark, #C0472D);
  margin: 0 0 0.75rem;
}
.la-venue-form__errors ul {
  margin: 0;
  padding-left: 1.25rem;
}
.la-venue-form__errors ul li {
  font-size: 0.85rem;
  color: var(--la-danger-dark, #C0472D);
  margin-bottom: 0.35rem;
  line-height: 1.5;
}
.la-venue-form__errors ul li:last-child {
  margin-bottom: 0;
}

.admin-venue-submissions.admin-container {
  max-width: 100%;
  padding: 1rem;
}
.admin-venue-submissions .admin-filters {
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.admin-venue-submissions .admin-filters .la-form {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.5rem 0.75rem;
}
.admin-venue-submissions .admin-filters .la-form__label {
  font-size: 0.7rem;
  margin-bottom: 0.2rem;
}
.admin-venue-submissions .admin-filters .la-form__input {
  padding: 0.35rem 0.5rem;
  font-size: 0.75rem;
}
.admin-venue-submissions .admin-bulk-form {
  margin-bottom: 0.5rem;
}
.admin-venue-submissions .admin-bulk-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: var(--la-base-lightest, #FFF);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 6px;
  font-size: 0.75rem;
}
.admin-venue-submissions .admin-bulk-actions__count {
  color: var(--la-base-medium, #757575);
  font-weight: 500;
}
.admin-venue-submissions .admin-table-container {
  overflow-x: auto;
  margin-bottom: 1rem;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.admin-venue-submissions .admin-table {
  min-width: 1400px;
  font-size: 0.7rem;
  border-collapse: collapse;
}
.admin-venue-submissions .admin-table thead {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
  display: table-header-group;
}
.admin-venue-submissions .admin-table tbody {
  display: table-row-group;
}
.admin-venue-submissions .admin-table tr {
  display: table-row;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.admin-venue-submissions .admin-table th, .admin-venue-submissions .admin-table td {
  display: table-cell;
}
.admin-venue-submissions .admin-table tbody td::before {
  content: none;
}
.admin-venue-submissions .admin-table thead th {
  padding: 0.4rem 0.35rem;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: normal;
  min-width: 3rem;
  background: var(--la-brand-lightest, #7CC8C8);
  border-bottom: 2px solid var(--la-brand-light, #07B4B4);
  position: sticky;
  top: 0;
  z-index: 10;
}
.admin-venue-submissions .admin-table tbody td {
  padding: 0.35rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
  white-space: nowrap;
}
.admin-venue-submissions .admin-table tbody tr:hover {
  background-color: rgba(6, 147, 147, 0.04);
}
.admin-venue-submissions .admin-table th.admin-table__col--checkbox,
.admin-venue-submissions .admin-table td.admin-table__col--checkbox {
  width: 1.75rem;
  text-align: center;
  vertical-align: middle;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.admin-venue-submissions .admin-table th.admin-table__col--checkbox .la-form__check-input,
.admin-venue-submissions .admin-table td.admin-table__col--checkbox .la-form__check-input {
  position: static;
  width: 0.85rem;
  height: 0.85rem;
  margin: 0 auto;
  display: block;
}
.admin-venue-submissions .admin-table .la-admin-table__sortable {
  color: var(--la-base-darkest, #262626);
  text-decoration: none;
  display: inline;
  word-break: normal;
}
.admin-venue-submissions .admin-table .la-admin-table__sortable:hover {
  color: var(--la-brand-primary, #069393);
}
.admin-venue-submissions .admin-table .la-admin-table__sort-indicator {
  font-size: 0.55rem;
  opacity: 0.7;
}
.admin-venue-submissions .admin-table .la-badge {
  font-size: 0.6rem;
  padding: 0.1rem 0.3rem;
  border-radius: 3px;
  white-space: nowrap;
}
.admin-venue-submissions .admin-table td[data-label="Submission Name"],
.admin-venue-submissions .admin-table td[data-label="Listing Name"] {
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-venue-submissions .admin-table th.admin-table__col--submitter,
.admin-venue-submissions .admin-table td.admin-table__col--submitter {
  max-width: 7rem;
  width: 7rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-venue-submissions .admin-table th.admin-table__col--submitter .admin-table__user,
.admin-venue-submissions .admin-table td.admin-table__col--submitter .admin-table__user {
  font-size: 0.65rem;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-venue-submissions .admin-table th.admin-table__col--submitter .admin-table__user div,
.admin-venue-submissions .admin-table td.admin-table__col--submitter .admin-table__user div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-venue-submissions .admin-table td[data-label=Submitted],
.admin-venue-submissions .admin-table td[data-label="Last Enriched"] {
  font-size: 0.6rem;
  color: var(--la-base-medium, #757575);
}
.admin-venue-submissions .admin-table td[data-label=Description],
.admin-venue-submissions .admin-table td[data-label=Categories],
.admin-venue-submissions .admin-table td[data-label=Features],
.admin-venue-submissions .admin-table td[data-label=Reviewed] {
  text-align: center;
}
.admin-venue-submissions .admin-table .la-form--review-flag .la-form__check {
  justify-content: center;
}
.admin-venue-submissions .admin-table .la-form--review-flag .la-form__check-input {
  width: 0.85rem;
  height: 0.85rem;
}
.admin-venue-submissions .admin-table .admin-table__actions {
  text-align: center;
  white-space: nowrap;
}
.admin-venue-submissions .admin-table .admin-table__actions-group {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: nowrap;
}
.admin-venue-submissions .admin-table .la-btn--sm {
  padding: 0.2rem 0.4rem;
  font-size: 0.65rem;
  border-radius: 4px;
}
.admin-venue-submissions .admin-table .la-btn--sm .la-admin-table__action-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.admin-venue-submissions .admin-table .la-btn--sm span {
  display: inline;
  font-size: 0.6rem;
}
.admin-venue-submissions .admin-table .la-btn--icon-only {
  padding: 0.2rem;
  min-width: unset;
  line-height: 1;
  background: transparent;
  border: none;
  box-shadow: none;
}
.admin-venue-submissions .admin-table .la-btn--icon-only:hover {
  background: rgba(6, 147, 147, 0.1);
  border: none;
  box-shadow: none;
}
.admin-venue-submissions .admin-table .la-btn--icon-only:focus {
  outline: none;
  box-shadow: none;
}
.admin-venue-submissions .admin-table .la-btn--icon-only .la-icon--sm,
.admin-venue-submissions .admin-table .la-btn--icon-only .la-admin-table__action-icon {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
}
.admin-venue-submissions .admin-table .la-btn--icon-only span {
  display: none;
}
.admin-venue-submissions .admin-table .inline-delete-form,
.admin-venue-submissions .admin-table .button_to {
  display: inline-flex;
  margin: 0;
  padding: 0;
}
.admin-venue-submissions .admin-enrichment-status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}
.admin-venue-submissions .admin-enrichment-status .la-badge {
  font-size: 0.65rem;
  padding: 0.15rem 0.4rem;
}
.admin-venue-submissions .admin-pagination {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
}
.admin-venue-submissions .admin-pagination nav.pagy {
  gap: 0.35rem;
}
.admin-venue-submissions .admin-pagination nav.pagy a {
  padding: 0.2rem 0.35rem;
  font-size: 0.75rem;
}

@media (min-width: 1600px) {
  .admin-venue-submissions .admin-table {
    font-size: 0.75rem;
  }
  .admin-venue-submissions .admin-table thead th {
    font-size: 0.7rem;
    padding: 0.5rem 0.4rem;
  }
  .admin-venue-submissions .admin-table tbody td {
    padding: 0.4rem;
  }
  .admin-venue-submissions .admin-table .la-badge {
    font-size: 0.65rem;
    padding: 0.15rem 0.35rem;
  }
  .admin-venue-submissions .admin-table td[data-label="Submission Name"],
  .admin-venue-submissions .admin-table td[data-label="Listing Name"] {
    max-width: 14rem;
  }
  .admin-venue-submissions .admin-table td[data-label=Submitter] {
    max-width: 10rem;
  }
}
.la-legal {
  max-width: 52rem;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  color: #262626;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .la-legal {
    padding: 3rem 2rem 4rem;
  }
}

.la-legal__header {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #BDBDBD;
}
.la-legal__header h1 {
  font-family: nunito, "Helvetica", "sans-serif";
  font-size: 2.5rem;
  font-weight: 700;
  color: #262626;
  margin: 0 0 0.5rem;
}
.la-legal__header > p:first-of-type {
  font-size: 0.875rem;
  color: #757575;
  margin: 0 0 1rem;
}
.la-legal__header > p:not(:first-of-type) {
  color: #4F4F4F;
  margin: 0 0 0.75rem;
}

.la-legal__eyebrow {
  margin: 0 0 0.6rem;
  color: #069393;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.1;
  text-transform: uppercase;
}

.la-legal__summary {
  max-width: 40rem;
  color: #4F4F4F;
}

.la-legal__sections {
  display: grid;
  gap: 1.35rem;
}

.la-legal__section {
  min-width: 0;
}

.la-legal hr {
  border: none;
  height: 1px;
  background: #BDBDBD;
  margin: 1.5rem 0 2rem;
}

.la-legal h2 {
  font-family: nunito, "Helvetica", "sans-serif";
  font-size: 1.75rem;
  font-weight: 600;
  color: #262626;
  margin: 2rem 0 0.75rem;
  padding-left: 0.75rem;
  border-left: 3px solid #069393;
}
@media (min-width: 768px) {
  .la-legal h2 {
    font-size: 2rem;
  }
}

.la-legal hr + h2 {
  margin-top: 0;
}

.la-legal > p,
.la-legal section > p {
  font-size: 1rem;
  color: #4F4F4F;
  margin: 0 0 1rem;
}
.la-legal > p strong,
.la-legal section > p strong {
  font-weight: 600;
  color: #262626;
}

.la-legal a {
  color: #069393;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.la-legal a:hover {
  color: #05686C;
}
.la-legal a:focus-visible {
  outline: 2px solid #7CC8C8;
  outline-offset: 2px;
  border-radius: 2px;
}

.la-legal ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}
.la-legal ul li {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #4F4F4F;
  line-height: 1.65;
}
.la-legal ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.375rem;
  height: 0.375rem;
  background: #069393;
  border-radius: 50%;
}
.la-legal ul li strong {
  font-weight: 600;
  color: #262626;
}

@media print {
  .la-legal {
    padding: 1rem;
    max-width: 100%;
  }
  .la-legal h2 {
    border-left: none;
    padding-left: 0;
  }
  .la-legal ul li::before {
    background: black;
  }
}
.la-support-page {
  padding: 1.5rem 0 3rem;
  color: #262626;
  font-family: "Work Sans", "Helvetica", "sans-serif";
}

.la-support-page__container {
  max-width: 72rem;
}

.la-support-page__hero {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.5rem;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.16), transparent 32%), linear-gradient(180deg, rgba(6, 147, 147, 0.06) 0%, rgba(255, 255, 255, 0.98) 72%);
  box-shadow: 0 1.125rem 2.5rem rgba(79, 79, 79, 0.08);
}
@media (min-width: 768px) {
  .la-support-page__hero {
    grid-template-columns: minmax(0, 1.8fr) minmax(18rem, 1fr);
    align-items: end;
    padding: 2rem;
  }
}

.la-support-page__eyebrow {
  margin: 0 0 0.6rem;
  color: #069393;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.la-support-page__title {
  margin: 0;
  color: #262626;
  font-size: clamp(2rem, 4vw, 3.1rem);
  letter-spacing: 0;
  line-height: 0.98;
}

.la-support-page__subtitle {
  max-width: 42rem;
  margin: 0.85rem 0 0;
  color: #4F4F4F;
  font-size: 1rem;
  line-height: 1.65;
}

.la-support-page__hero-meta {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .la-support-page__hero-meta {
    justify-content: flex-end;
  }
}

.la-support-page__identity-card {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  width: 100%;
  padding: 1rem 1.1rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.16);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.92);
}

.la-support-page__identity-label,
.la-support-page__contact-list span {
  color: #757575;
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.la-support-page__identity-value {
  overflow-wrap: anywhere;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.la-support-page__layout {
  display: grid;
  gap: 1rem;
}
@media (min-width: 992px) {
  .la-support-page__layout {
    grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 0.95fr);
    align-items: start;
  }
}

.la-support-page__sidebar {
  display: grid;
  gap: 1rem;
}

.la-support-page__panel {
  padding: 1.35rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.35rem;
  background: #FFF;
  box-shadow: 0 1rem 2rem rgba(79, 79, 79, 0.06);
}

@media (min-width: 768px) {
  .la-support-page__panel--primary {
    padding: 1.6rem;
  }
}

.la-support-page__panel--compact {
  background: linear-gradient(180deg, rgba(6, 147, 147, 0.035) 0%, #FFF 100%);
}

.la-support-page__panel-header {
  margin-bottom: 1rem;
}

.la-support-page__panel-title {
  margin: 0 0 0.3rem;
  color: #262626;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.2;
}

.la-support-page__panel-text {
  margin: 0;
  color: #4F4F4F;
  line-height: 1.6;
}

.la-support-page__contact-list {
  display: grid;
  gap: 0.85rem;
}
.la-support-page__contact-list p {
  display: grid;
  gap: 0.1rem;
  margin: 0;
}
.la-support-page__contact-list span {
  font-weight: 800;
  line-height: 1.2;
}

.la-support-page a {
  color: #069393;
  font-weight: 700;
  text-decoration: none;
}
.la-support-page a:hover {
  color: #05686C;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}
.la-support-page a:focus-visible {
  outline: 2px solid rgba(6, 147, 147, 0.26);
  outline-offset: 3px;
  border-radius: 0.35rem;
}

.la-support-page__list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.la-support-page__list li {
  position: relative;
  padding-left: 1.45rem;
  color: #4F4F4F;
  font-size: 1rem;
  line-height: 1.55;
}
.la-support-page__list li::before {
  content: "";
  position: absolute;
  top: 0.65rem;
  left: 0;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: #069393;
}

.la-native .la-support-page {
  min-height: 100dvh;
  padding-top: var(--la-native-pushed-page-padding-top, 5.95rem);
  padding-bottom: var(--la-native-tab-page-padding-bottom, max(5rem, env(safe-area-inset-bottom) + 4rem));
  background: radial-gradient(circle at 88% 7%, rgba(124, 200, 200, 0.18) 0 6.2rem, transparent 6.45rem), linear-gradient(180deg, #FFF 0%, rgba(249, 249, 249, 0.54) 100%);
}

.la-native .la-support-page__container {
  max-width: 44rem;
}

.la-native .la-support-page__hero {
  display: grid;
  gap: 0.92rem;
  margin-bottom: 1rem;
  padding: 1.05rem 1rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.2rem;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.14), transparent 34%), linear-gradient(180deg, rgba(6, 147, 147, 0.045) 0%, rgba(255, 255, 255, 0.98) 74%);
  box-shadow: 0 0.65rem 1.45rem rgba(38, 38, 38, 0.045);
}

.la-native .la-support-page__eyebrow {
  margin-bottom: 0.42rem;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-align: left;
}

.la-native .la-support-page__title {
  font-size: clamp(1.5rem, 6vw, 1.82rem);
  font-weight: 700;
  line-height: 1.08;
  text-align: left;
  overflow-wrap: anywhere;
}

.la-native .la-support-page__subtitle {
  max-width: 25.5rem;
  margin: 0.45rem 0 0;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.34;
  text-align: left;
  overflow-wrap: anywhere;
}

.la-native .la-support-page__hero-meta {
  margin-top: 0;
}

.la-native .la-support-page__identity-card,
.la-native .la-support-page__panel {
  border-radius: 1rem;
  box-shadow: 0 0.65rem 1.45rem rgba(38, 38, 38, 0.045);
}

.la-native .la-support-page__identity-card {
  padding: 0.86rem 0.9rem;
}

.la-native .la-support-page__layout {
  gap: 0.82rem;
}

.la-native .la-support-page__sidebar {
  gap: 0.82rem;
}

.la-native .la-support-page__panel {
  padding: 1rem;
}

.la-native .la-support-page__panel--contact {
  display: none;
}

.la-native .la-support-page__panel-title {
  font-size: 1.08rem;
  line-height: 1.22;
}

.la-native .la-support-page__panel-text,
.la-native .la-support-page__list li {
  font-size: 0.9rem;
  line-height: 1.42;
}

.la-native .la-support-page__contact-list {
  gap: 0.72rem;
}

.la-native .la-support-page__contact-list a,
.la-native .la-support-page__identity-value {
  font-size: 0.94rem;
}

@media (max-width: 480px) {
  .la-support-page {
    padding-top: 1rem;
  }
  .la-support-page__hero {
    gap: 1.1rem;
    padding: 1.15rem;
    border-radius: 1.15rem;
  }
  .la-support-page__title {
    overflow-wrap: anywhere;
  }
  .la-support-page__subtitle {
    overflow-wrap: anywhere;
  }
  .la-support-page__identity-card,
  .la-support-page__panel {
    padding: 1.05rem;
    border-radius: 1.1rem;
  }
  .la-support-page__identity-value {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}
.la-native.pages-page.privacy-action .la-legal--privacy {
  box-sizing: border-box;
  max-width: 44rem;
  min-height: 100dvh;
  padding: var(--la-native-pushed-page-padding-top, 5.95rem) 1.15rem var(--la-native-tab-page-padding-bottom, max(5rem, env(safe-area-inset-bottom) + 4rem));
  background: radial-gradient(circle at 88% 7%, rgba(124, 200, 200, 0.18) 0 6.2rem, transparent 6.45rem), linear-gradient(180deg, #FFF 0%, rgba(249, 249, 249, 0.54) 100%);
  line-height: 1.45;
}

.la-native.pages-page.privacy-action .la-legal__hero {
  display: grid;
  gap: 0;
  margin-bottom: 1rem;
  padding: 1.05rem 1rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.2rem;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.14), transparent 34%), linear-gradient(180deg, rgba(6, 147, 147, 0.045) 0%, rgba(255, 255, 255, 0.98) 74%);
  box-shadow: 0 0.65rem 1.45rem rgba(38, 38, 38, 0.045);
}

.la-native.pages-page.privacy-action .la-legal__eyebrow {
  margin-bottom: 0.42rem;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
}

.la-native.pages-page.privacy-action .la-legal__hero h1 {
  margin: 0;
  color: #262626;
  font-size: clamp(1.5rem, 6vw, 1.82rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.la-native.pages-page.privacy-action .la-legal__hero p {
  max-width: 25.5rem;
  margin: 0.45rem 0 0;
  color: #4F4F4F;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.34;
}

.la-native.pages-page.privacy-action .la-legal__updated {
  color: #757575;
  font-size: 0.74rem;
}

.la-native.pages-page.privacy-action .la-legal__sections {
  gap: 0.82rem;
}

.la-native.pages-page.privacy-action .la-legal__section {
  padding: 1rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.08rem;
  background: #FFF;
  box-shadow: 0 0.65rem 1.45rem rgba(38, 38, 38, 0.045);
}

.la-native.pages-page.privacy-action .la-legal__section--intro {
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.1), transparent 32%), linear-gradient(180deg, rgba(6, 147, 147, 0.035) 0%, #FFF 78%);
}

.la-native.pages-page.privacy-action .la-legal__section h2 {
  margin: 0 0 0.62rem;
  padding-left: 0;
  border-left: 0;
  color: #262626;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.22;
}

.la-native.pages-page.privacy-action .la-legal__section p,
.la-native.pages-page.privacy-action .la-legal__section li {
  color: #4F4F4F;
  font-size: 0.9rem;
  line-height: 1.42;
}

.la-native.pages-page.privacy-action .la-legal__section p {
  margin-bottom: 0.72rem;
}

.la-native.pages-page.privacy-action .la-legal__section p:last-child,
.la-native.pages-page.privacy-action .la-legal__section ul:last-child {
  margin-bottom: 0;
}

.la-native.pages-page.privacy-action .la-legal__section ul {
  display: grid;
  gap: 0.58rem;
  margin-bottom: 0.72rem;
}

.la-native.pages-page.privacy-action .la-legal__section li {
  margin-bottom: 0;
  padding-left: 1.25rem;
}

.la-native.pages-page.privacy-action .la-legal__section li::before {
  top: 0.54rem;
  width: 0.38rem;
  height: 0.38rem;
}

/* app/assets/stylesheets/pages/_family.scss */
.la-family {
  padding: 1.5rem 0 3rem;
  /* Profile Widget Specifics */
  /* Family Widget Specifics */
  /* Action Link Overlay (makes whole card clickable if desired, or use clear buttons) */
}
.la-family__container {
  max-width: 72rem;
}
.la-family__hero {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.5rem;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.16), transparent 32%), linear-gradient(180deg, rgba(6, 147, 147, 0.06) 0%, rgba(255, 255, 255, 0.98) 72%);
  box-shadow: 0 1.125rem 2.5rem rgba(79, 79, 79, 0.08);
}
@media (min-width: 768px) {
  .la-family__hero {
    grid-template-columns: minmax(0, 1.8fr) minmax(18rem, 1fr);
    align-items: end;
    padding: 2rem;
  }
}
.la-family__eyebrow {
  margin: 0 0 0.6rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #069393;
}
.la-family__title {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 0.98;
  color: #262626;
}
.la-family__subtitle {
  max-width: 42rem;
  margin: 0.85rem 0 0;
  font-size: 1rem;
  line-height: 1.65;
  color: #4F4F4F;
}
.la-family__hero-meta {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .la-family__hero-meta {
    justify-content: flex-end;
  }
}
.la-family__identity-card {
  display: flex;
  align-items: center;
  gap: 0.78rem;
  min-width: 0;
  width: 100%;
  padding: 1rem 1.1rem;
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.92);
  border: 0.0625rem solid rgba(6, 147, 147, 0.16);
}
.la-family__identity-avatar {
  box-shadow: inset 0 0 0 0.0625rem rgba(6, 147, 147, 0.08);
}
.la-family__identity-copy {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}
.la-family__identity-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #757575;
}
.la-family__identity-value {
  overflow-wrap: anywhere;
  font-size: 1rem;
  font-weight: 700;
  color: #262626;
}
.la-family__identity-badge {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0.32rem 0.72rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.16);
  border-radius: 999px;
  background: rgba(6, 147, 147, 0.12);
  color: #069393;
  font-size: 0.82rem;
  font-weight: 700;
}
.la-family__layout {
  display: grid;
  gap: 1rem;
}
@media (min-width: 992px) {
  .la-family__layout {
    grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 0.95fr);
    align-items: start;
  }
}
.la-family__sidebar {
  display: grid;
  gap: 1rem;
}
.la-family__widget {
  padding: 1.35rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.35rem;
  background: #FFF;
  box-shadow: 0 1rem 2rem rgba(79, 79, 79, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}
.la-family__widget:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 1.125rem 2.25rem rgba(79, 79, 79, 0.08);
}
.la-family__widget.la-btn-reset {
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  background: #FFF;
  text-align: left;
  font: inherit;
  width: 100%;
  cursor: pointer;
  align-items: stretch;
}
.la-family__widget--profile {
  gap: 1rem;
  align-items: flex-start;
}
.la-family__widget--family {
  padding: 1.35rem;
}
@media (min-width: 768px) {
  .la-family__widget--family {
    padding: 1.6rem;
  }
}
.la-family__widget--stat {
  min-height: 9.5rem;
  justify-content: space-between;
}
.la-family__widget--friends {
  border-color: rgba(6, 147, 147, 0.14);
}
.la-family__widget--requests {
  border-color: rgba(244, 182, 62, 0.22);
}
.la-family__widget--messages {
  border-color: rgba(74, 122, 216, 0.2);
}
.la-family__widget-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}
.la-family__widget-header h2 {
  margin: 0 0 0.3rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #262626;
}
.la-family__widget-header p {
  margin: 0;
  color: #4F4F4F;
  line-height: 1.6;
}
.la-family__widget-header .la-icon {
  color: var(--la-base-medium, #757575);
}
.la-family__stat-value {
  font-size: 2.25rem;
  font-weight: 700;
  color: #262626;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.la-family__stat-label {
  font-size: 0.875rem;
  color: var(--la-base-medium);
}
.la-family__profile-avatar {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background: rgba(6, 147, 147, 0.12);
  -o-object-fit: cover;
     object-fit: cover;
  border: 0.0625rem solid rgba(6, 147, 147, 0.16);
}
.la-family__profile-avatar--placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #262626;
  font-size: 1.45rem;
  font-weight: 700;
}
.la-family__profile-name {
  margin: 0 0 0.3rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #262626;
}
.la-family__profile-location {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--la-base-medium);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.la-family__profile-actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
.la-family__section-action {
  width: 100%;
}
.la-family__family-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(13.5rem, 15.5rem);
  gap: 1rem;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 -0.25rem -0.25rem;
  padding: 0.25rem 0.25rem 0.75rem;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 0.25rem;
  scrollbar-width: none;
}
.la-family__family-list::-webkit-scrollbar {
  display: none;
}
.la-family__family-empty {
  grid-column: 1/-1;
  width: 100%;
  min-height: 8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  color: var(--la-base-medium);
  border: 0.0625rem dashed rgba(6, 147, 147, 0.22);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.92);
}
.la-family__family-empty p {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
}
.la-family__child-card {
  min-width: 0;
  min-height: 12.5rem;
  padding: 1rem 1.1rem;
  background: rgba(255, 255, 255, 0.92);
  border: 0.0625rem solid rgba(6, 147, 147, 0.16);
  border-radius: 1.2rem;
  box-shadow: 0 1rem 2rem rgba(79, 79, 79, 0.06);
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  color: inherit;
  cursor: pointer;
  scroll-snap-align: start;
  position: relative;
  overflow: hidden;
}
.la-family__child-card:hover {
  border-color: rgba(6, 147, 147, 0.24);
  box-shadow: 0 1.125rem 2.25rem rgba(79, 79, 79, 0.08);
  transform: translateY(-0.125rem);
}
.la-family__child-card:focus-visible {
  outline: none;
  border-color: var(--la-brand-primary, #069393);
  box-shadow: 0 0 0 0.1875rem rgba(6, 147, 147, 0.16), 0 1rem 2rem rgba(79, 79, 79, 0.08);
}
.la-family__child-card-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
}
.la-family__child-card-avatar {
  width: 2.625rem;
  height: 2.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--la-base-darkest);
  background: rgba(6, 147, 147, 0.12);
  border: 0.0625rem solid rgba(6, 147, 147, 0.16);
  font-size: 0.9375rem;
  font-weight: 800;
}
.la-family__child-card-name {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: var(--la-base-darkest);
  line-height: 1.2;
}
.la-family__child-card-meta, .la-family__child-card-text {
  font-size: 0.8125rem;
  color: var(--la-base-dark);
  line-height: 1.35;
}
.la-family__child-card-section {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding-top: 0.625rem;
  border-top: 0.0625rem solid rgba(117, 117, 117, 0.16);
}
.la-family__child-card-label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--la-brand-primary, #069393);
}
.la-family__child-card-action {
  margin-top: auto;
  align-self: flex-start;
  padding: 0.32rem 0.72rem;
  border-radius: 999px;
  background: rgba(6, 147, 147, 0.12);
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--la-brand-primary, #069393);
}
.la-family__action-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.la-native.family-page.index-action {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.la-native.family-page.index-action .la-family {
  min-height: 100vh;
  padding-bottom: max(5rem, env(safe-area-inset-bottom) + 4rem);
}
.la-native.family-page.index-action .la-family__hero {
  gap: 1.05rem;
  margin-bottom: clamp(1.15rem, 2.4dvh, 1.5rem);
  padding: 1.15rem;
  border-color: rgba(6, 147, 147, 0.14);
  border-radius: 1.25rem;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.16), transparent 32%), linear-gradient(180deg, rgba(6, 147, 147, 0.06) 0%, rgba(255, 255, 255, 0.98) 72%);
  box-shadow: 0 0.75rem 1.75rem rgba(38, 38, 38, 0.05);
}
.la-native.family-page.index-action .la-family__eyebrow {
  margin: 0 0 0.42rem;
  color: #069393;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-align: left;
}
.la-native.family-page.index-action .la-family__title {
  margin: 0;
  color: #262626;
  font-size: clamp(1.48rem, 4.5vw, 1.7rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
  text-align: left;
  overflow-wrap: anywhere;
}
.la-native.family-page.index-action .la-family__subtitle {
  max-width: 25.5rem;
  margin: 0.45rem 0 0;
  color: #4F4F4F;
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.34;
  text-align: left;
  overflow-wrap: anywhere;
}
.la-native.family-page.index-action .la-family__identity-card {
  padding: 0.9rem 0.95rem;
  border-radius: 1rem;
  box-shadow: 0 0.55rem 1.2rem rgba(38, 38, 38, 0.04);
}

@media (max-width: 768px) {
  .la-native.family-page.index-action .la-family {
    padding-top: 1rem;
  }
  .la-native.family-page.index-action .la-family__hero-meta {
    min-width: 0;
  }
  .la-native.family-page.index-action .la-family__identity-card {
    max-width: 100%;
    padding: 0.95rem;
  }
  .la-native.family-page.index-action .la-family__identity-value, .la-native.family-page.index-action .la-family__profile-name {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .la-native.family-page.index-action .la-family__widget {
    padding: 1.05rem;
    border-radius: 1.1rem;
  }
  .la-native.family-page.index-action .la-family__widget-header {
    align-items: flex-start;
    gap: 0.85rem;
  }
  .la-native.family-page.index-action .la-family__widget-header h2 {
    font-size: 1.05rem;
  }
  .la-native.family-page.index-action .la-family__widget-header p {
    font-size: 0.96rem;
    line-height: 1.5;
  }
  .la-native.family-page.index-action .la-family__widget-header .la-btn {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .la-native.family-page.index-action .la-family__family-list {
    grid-auto-flow: row;
    grid-auto-columns: unset;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
    overflow: visible;
    margin: 0;
    padding: 0;
    scroll-snap-type: none;
  }
  .la-native.family-page.index-action .la-family__child-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem 0.8rem;
    min-height: 0;
    padding: 0.82rem 0.95rem;
    border-radius: 1rem;
    box-shadow: 0 0.65rem 1.3rem rgba(38, 38, 38, 0.04);
  }
  .la-native.family-page.index-action .la-family__child-card-head {
    grid-column: 1;
    gap: 0.7rem;
  }
  .la-native.family-page.index-action .la-family__child-card-avatar {
    width: 2.45rem;
    height: 2.45rem;
  }
  .la-native.family-page.index-action .la-family__child-card-name {
    font-size: 0.96rem;
  }
  .la-native.family-page.index-action .la-family__child-card-meta, .la-native.family-page.index-action .la-family__child-card-text {
    font-size: 0.78rem;
  }
  .la-native.family-page.index-action .la-family__child-card-section {
    grid-column: 1/-1;
    gap: 0.08rem;
    padding-top: 0.52rem;
  }
  .la-native.family-page.index-action .la-family__child-card-action {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    margin-top: 0;
    padding: 0.26rem 0.62rem;
    font-size: 0.78rem;
    white-space: nowrap;
  }
  .la-native.family-page.index-action .la-family__family-empty {
    min-height: 7rem;
    padding: 1.25rem 1rem;
  }
  .la-native.family-page.index-action .la-family__sidebar {
    gap: 0.85rem;
  }
}
/* Friend List Styles for Modal */
.la-modal--family {
  z-index: 4000;
}
.la-modal--family .la-modal__overlay {
  z-index: 3990;
}
.la-modal--family .la-modal__dialog {
  width: min(100% - 2rem, 36rem);
  max-width: 36rem;
  z-index: 4000;
}
.la-modal--family .la-modal__content {
  overflow: hidden;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.35rem;
  background: #FFF;
  box-shadow: 0 1.5rem 3rem rgba(38, 38, 38, 0.18);
}
.la-modal--family .la-modal__header {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 1.1rem 1.2rem 0.9rem;
  border-bottom: 0.0625rem solid rgba(117, 117, 117, 0.12);
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.14), transparent 35%), linear-gradient(180deg, rgba(6, 147, 147, 0.05) 0%, #FFF 100%);
}
.la-modal--family .la-modal__title {
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 1.18rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
}
.la-modal--family .la-modal__body {
  max-height: min(72vh, 42rem);
  padding: 1.15rem 1.2rem 1.25rem;
  background: #FFF;
}
.la-modal--family .la-form {
  display: grid;
  gap: 1rem;
}
.la-modal--family .la-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}
.la-modal--family .la-form__group {
  min-width: 0;
  margin-bottom: 0;
}
.la-modal--family .la-form__label {
  margin-bottom: 0.35rem;
  color: #262626;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.la-modal--family .la-form__input,
.la-modal--family .la-form__select {
  min-height: 2.85rem;
  border-color: rgba(117, 117, 117, 0.34);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.5);
  color: #262626;
  font-size: 1rem;
}
.la-modal--family textarea.la-form__input {
  min-height: 5.5rem;
}
.la-modal--family .la-phone-field {
  display: grid;
  grid-template-columns: minmax(5.75rem, 0.36fr) minmax(0, 1fr);
  gap: 0.65rem;
}
.la-modal--family .la-form__checkbox-list {
  display: grid;
  gap: 0.4rem;
  max-height: 11rem;
  padding: 0.65rem;
  overflow-y: auto;
  border: 0.0625rem solid rgba(117, 117, 117, 0.18);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.46);
  -webkit-overflow-scrolling: touch;
}
.la-modal--family .la-form__checkbox-item {
  margin: 0;
}
.la-modal--family .la-form__check {
  min-height: 2.25rem;
  padding: 0.45rem 0.55rem;
  border-radius: 0.65rem;
  background: #FFF;
}
.la-modal--family .la-form__check-label {
  color: #4F4F4F;
  font-size: 0.92rem;
  line-height: 1.25;
}
.la-modal--family .la-form__actions {
  position: sticky;
  bottom: -1.25rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
  margin: 0 -1.2rem -1.25rem;
  padding: 0.9rem 1.2rem calc(0.9rem + env(safe-area-inset-bottom, 0px));
  border-top: 0.0625rem solid rgba(117, 117, 117, 0.12);
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
}
.la-modal--family .la-form__actions .la-btn {
  width: 100%;
  min-height: 2.85rem;
  margin: 0;
  border-radius: 999px;
  white-space: nowrap;
}

.la-modal--child-form .la-modal__dialog {
  width: min(100% - 2rem, 42rem);
  max-width: 42rem;
}

.la-modal--family-profile .la-modal__dialog {
  width: min(100% - 2rem, 32rem);
  max-width: 32rem;
}

.la-modal--family-friends .la-modal__body {
  padding-top: 0.95rem;
}

.la-family-modal__loading,
.la-modal__empty-text {
  padding: 2rem 1rem;
  color: #757575;
  text-align: center;
}

.la-modal__friend-list {
  display: grid;
  gap: 0.65rem;
}

.la-modal__friend-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem;
  border: 0.0625rem solid rgba(117, 117, 117, 0.12);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.5);
  transition: background-color 0.2s, border-color 0.2s;
}
.la-modal__friend-item:hover {
  border-color: rgba(6, 147, 147, 0.18);
  background: #FFF;
}
.la-modal__friend-item img.la-avatar,
.la-modal__friend-item .la-modal__friend-avatar-placeholder {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.la-modal__friend-item .la-modal__friend-avatar-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(6, 147, 147, 0.11);
  color: #069393;
  font-weight: 800;
}
.la-modal__friend-item span {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #262626;
  font-weight: 700;
}

.la-modal__friend-action {
  margin-left: auto;
}

body.la-family-modal-open .la-navbar-wrapper,
body.la-family-modal-open .la-navbar,
body.la-family-modal-open .la-dropdown-menu {
  pointer-events: none;
}

body.la-native.la-family-modal-open .la-navbar-wrapper, body.la-native.la-family-modal-open .la-navbar, body.la-native.la-family-modal-open .la-dropdown-menu {
  pointer-events: none;
}
body.la-native .la-modal--family {
  z-index: 4000;
  align-items: flex-end;
  justify-content: center;
}
body.la-native .la-modal--family .la-modal__overlay {
  z-index: 3990;
  background: rgba(38, 38, 38, 0.48);
  -webkit-backdrop-filter: blur(0.12rem);
          backdrop-filter: blur(0.12rem);
}
body.la-native .la-modal--family .la-modal__dialog {
  width: 100%;
  max-width: 100%;
  margin: 0;
  z-index: 4000;
  transform: translateY(100%);
}
body.la-native .la-modal--family.active .la-modal__dialog {
  transform: translateY(0);
}
body.la-native .la-modal--family .la-modal__content {
  height: auto;
  max-height: min(68dvh, 46rem);
  overflow: hidden;
  border: 0;
  border-radius: 1.65rem 1.65rem 0 0;
  background: #FFF;
  box-shadow: 0 -1rem 2.5rem rgba(38, 38, 38, 0.18);
}
body.la-native .la-modal--family .la-modal__content::before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 50%;
  z-index: 4;
  width: 2.65rem;
  height: 0.28rem;
  border-radius: 999px;
  background: rgba(117, 117, 117, 0.26);
  transform: translateX(-50%);
}
body.la-native .la-modal--family .la-modal__header {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-height: 0;
  padding: 3.15rem 1.7rem 0.75rem;
  border-bottom: 0;
  background: #FFF;
}
body.la-native .la-modal--family .la-modal__heading {
  min-width: 0;
  flex: 1 1 auto;
}
body.la-native .la-modal--family .la-modal__title {
  margin: 0;
  color: #262626;
  font-size: clamp(2.15rem, 8vw, 2.55rem);
  font-weight: 500;
  line-height: 1.04;
  text-align: left;
}
body.la-native .la-modal--family .la-modal__subtitle {
  max-width: 35rem;
  margin: 0.85rem 0 0;
  color: #757575;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.36;
}
body.la-native .la-modal--family .la-modal__close {
  position: static;
  flex: 0 0 auto;
  width: 2.95rem;
  height: 2.95rem;
  border: 0.0625rem solid rgba(117, 117, 117, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #4F4F4F;
  box-shadow: 0 0.45rem 1rem rgba(38, 38, 38, 0.08);
}
body.la-native .la-modal--family .la-modal__body {
  flex: 1 1 auto;
  max-height: none;
  padding: 0.7rem 1.7rem 1.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body.la-native .la-modal--family .la-form {
  gap: 1.05rem;
}
body.la-native .la-modal--family .la-form__row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
body.la-native .la-modal--family .la-phone-field {
  grid-template-columns: 1fr;
}
body.la-native .la-modal--family .la-form__label {
  margin-bottom: 0.42rem;
  color: #262626;
  font-size: 0.93rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}
body.la-native .la-modal--family .la-form__input,
body.la-native .la-modal--family .la-form__select {
  min-height: 3.2rem;
  border-color: rgba(117, 117, 117, 0.28);
  border-radius: 0.68rem;
  background: #FFF;
  color: #262626;
  font-size: 1rem;
  box-shadow: 0 0.12rem 0.45rem rgba(38, 38, 38, 0.03);
}
body.la-native .la-modal--family .la-form__checkbox-list {
  display: grid;
  gap: 0.4rem;
  min-width: 0;
  max-width: 100%;
  max-height: 8.8rem;
  padding: 0.34rem 0.32rem 0.34rem 0.24rem;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  border-color: rgba(117, 117, 117, 0.18);
  border-radius: 0.75rem;
  background: linear-gradient(90deg, transparent calc(100% - 0.18rem), rgba(6, 147, 147, 0.2) calc(100% - 0.18rem)), linear-gradient(180deg, transparent calc(100% - 1.2rem), rgba(255, 255, 255, 0.94)), #FFF;
  scrollbar-color: rgba(6, 147, 147, 0.42) rgba(117, 117, 117, 0.08);
  scrollbar-width: thin;
  touch-action: pan-y;
}
@supports (overflow-x: clip) {
  body.la-native .la-modal--family .la-form__checkbox-list {
    overflow-x: clip;
  }
}
body.la-native .la-modal--family .la-form__checkbox-list::-webkit-scrollbar {
  width: 0.28rem;
}
body.la-native .la-modal--family .la-form__checkbox-list::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(117, 117, 117, 0.08);
}
body.la-native .la-modal--family .la-form__checkbox-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(6, 147, 147, 0.42);
}
body.la-native .la-modal--family .la-form__check {
  display: flex;
  align-items: flex-start;
  gap: 0.3rem;
  min-height: 2.45rem;
  max-width: 100%;
  margin: 0;
  padding: 0.42rem 0.2rem;
  box-sizing: border-box;
}
body.la-native .la-modal--family .la-form__check-input {
  position: static;
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin: 0.14rem 0 0;
}
body.la-native .la-modal--family .la-form__check-label {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.22;
}
body.la-native .la-modal--family .la-form__actions {
  bottom: -1.2rem;
  grid-template-columns: 1fr;
  gap: 0.85rem;
  margin-right: -1.7rem;
  margin-left: -1.7rem;
  padding: 1.05rem 1.7rem calc(1.15rem + env(safe-area-inset-bottom, 0px));
  border-top: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), #FFF 30%);
}
body.la-native .la-modal--family .la-form__actions .la-btn {
  min-height: 3.35rem;
  border-radius: 1rem;
  font-size: 1.04rem;
  font-weight: 800;
}
body.la-native .la-modal--family .la-form__actions .la-btn--cancel {
  order: 2;
  min-height: 3.2rem;
  border: 0.0625rem solid rgba(117, 117, 117, 0.18);
  background: #FFF;
  color: #262626;
  box-shadow: 0 0.55rem 1.2rem rgba(38, 38, 38, 0.08);
}
body.la-native .la-modal--family .la-form__actions .la-btn--cancel:hover, body.la-native .la-modal--family .la-form__actions .la-btn--cancel:focus {
  border-color: rgba(6, 147, 147, 0.28);
  background: rgba(6, 147, 147, 0.05);
  color: #069393;
}
body.la-native .la-modal--family-friends .la-modal__body {
  max-height: calc(68dvh - 8rem);
}

@media (max-width: 23.5rem) {
  body.la-native .la-modal--family .la-modal__header {
    padding-right: 1.1rem;
    padding-left: 1.1rem;
  }
  body.la-native .la-modal--family .la-modal__body {
    padding-right: 1.1rem;
    padding-left: 1.1rem;
  }
  body.la-native .la-modal--family .la-form__row {
    grid-template-columns: 1fr;
  }
  body.la-native .la-modal--family .la-form__actions {
    margin-right: -1.1rem;
    margin-left: -1.1rem;
    padding-right: 1.1rem;
    padding-left: 1.1rem;
  }
}
@media (max-width: 576px) {
  body:not(.la-native) .la-modal--family {
    align-items: flex-end;
  }
  body:not(.la-native) .la-modal--family .la-modal__dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  body:not(.la-native) .la-modal--family .la-modal__content {
    max-height: calc(100dvh - 1rem);
    border-radius: 1.25rem 1.25rem 0 0;
  }
  body:not(.la-native) .la-modal--family .la-modal__body {
    max-height: calc(100dvh - 7rem);
    padding: 1rem;
  }
  body:not(.la-native) .la-modal--family .la-form__row,
  body:not(.la-native) .la-modal--family .la-phone-field {
    grid-template-columns: 1fr;
  }
  body:not(.la-native) .la-modal--family .la-form__actions {
    grid-template-columns: 1fr;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.la-profile-public {
  max-width: 32rem;
  margin: 2rem auto;
  padding: 0 1rem;
}

.la-profile-public__card {
  background: var(--la-white);
  border-radius: var(--la-radius-lg, 0.75rem);
  box-shadow: var(--la-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
  padding: 2rem;
  border: 1px solid var(--la-base-lighter, #e5e7eb);
}

.la-profile-public__header {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.la-profile-public__avatar {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
  background: var(--la-base-lightest, #f3f4f6);
  border: 2px solid var(--la-base-lighter, #e5e7eb);
}

.la-profile-public__avatar--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--la-base-medium, #6b7280);
}

.la-profile-public__info {
  flex: 1;
  min-width: 0;
}

.la-profile-public__name {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--la-base-dark, #1f2937);
  margin: 0 0 0.25rem 0;
  line-height: 1.2;
}

.la-profile-public__location {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  color: var(--la-base-medium, #6b7280);
  margin: 0;
}
.la-profile-public__location .la-icon {
  flex-shrink: 0;
}

.la-profile-public__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding-top: 1.5rem;
  border-top: 1px solid var(--la-base-lighter, #e5e7eb);
}

.la-native {
  --la-native-back-clearance: 3.5rem;
  --la-native-pushed-page-padding-top: 8rem;
  --la-native-tab-page-padding-bottom: max(
    5rem,
    calc(env(safe-area-inset-bottom, 0px) + 4rem)
  );
}

.la-native .chat-container {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.editorial-reviews {
  max-width: 100%;
  margin: 1.5rem auto;
  padding: 0 1.5rem;
}
.editorial-reviews__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .editorial-reviews__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.editorial-reviews__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--la-base-darkest, #262626);
  margin: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.editorial-reviews__title::after {
  display: none;
}
.editorial-reviews__header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.editorial-reviews__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem 0.75rem;
  background: var(--la-base-lightest, #FFF);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  color: var(--la-base-medium, #757575);
}
.editorial-reviews__stats strong {
  color: var(--la-base-darkest, #262626);
  font-weight: 600;
}
.editorial-reviews__stats .divider {
  color: var(--la-base-lighter, #F9F9F9);
  margin: 0 0.25rem;
}
.editorial-reviews__filters {
  background: var(--la-base-lightest, #FFF);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 0.375rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 2px rgba(38, 38, 38, 0.02);
}
.editorial-reviews__filters-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background: var(--la-base-light, #F5F5F5);
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--la-base-dark, #4F4F4F);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.editorial-reviews__filters-body {
  padding: 0.75rem 1rem;
}
.editorial-reviews__filters-body .la-form {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  gap: 0.75rem;
  align-items: end;
}
.editorial-reviews__filters-body .la-form__group {
  margin-bottom: 0;
}
.editorial-reviews__filters-body .la-form__label {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--la-base-medium, #757575);
  margin-bottom: 0.25rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editorial-reviews__filters-body .la-form__select,
.editorial-reviews__filters-body .la-form__input {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  height: 2rem;
  border-color: var(--la-base-medium-light, #BDBDBD);
}
.editorial-reviews__filters-body .la-form__input-group {
  display: flex;
}
.editorial-reviews__filters-body .la-form__input-group .la-form__input-group-text {
  padding: 0.25rem 0.5rem;
  background: var(--la-base-light, #F5F5F5);
  border: 1px solid var(--la-base-medium-light, #BDBDBD);
  border-right: none;
  border-radius: 0.25rem 0 0 0.25rem;
  display: flex;
  align-items: center;
}
.editorial-reviews__filters-body .la-form__input-group input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.editorial-reviews__bulk-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  background: var(--la-brand-lightest, #7CC8C8);
  border: 1px solid var(--la-brand-light, #07B4B4);
  border-radius: 0.375rem;
}
.editorial-reviews__bulk-bar .la-form__group {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.editorial-reviews__bulk-bar .la-form__label {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--la-brand-darkest, #033F3F);
}
.editorial-reviews__bulk-bar .la-form__select,
.editorial-reviews__bulk-bar .la-form__input {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  height: 1.75rem;
  border-color: var(--la-brand-dark, #05686C);
}
.editorial-reviews__table-wrap {
  background: var(--la-base-lightest, #FFF);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 0.375rem;
  overflow-x: auto;
  box-shadow: 0 1px 2px rgba(38, 38, 38, 0.05);
  margin-bottom: 1.5rem;
}
.editorial-reviews__table {
  width: 100%;
  min-width: 90rem;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.75rem;
}
.editorial-reviews__table thead th {
  padding: 0.5rem 0.75rem;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--la-base-medium, #757575);
  background: var(--la-base-light, #F5F5F5);
  border-bottom: 1px solid var(--la-base-medium-light, #BDBDBD);
  white-space: nowrap;
  text-align: left;
}
.editorial-reviews__table tbody tr {
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
}
.editorial-reviews__table tbody tr:hover {
  background-color: rgba(6, 147, 147, 0.02);
}
.editorial-reviews__table tbody td {
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  color: var(--la-base-dark, #4F4F4F);
}
.editorial-reviews__table .editorial-reviews__col-check {
  width: 2rem;
  text-align: center;
}
.editorial-reviews__table .editorial-reviews__col-venue {
  width: 14rem;
  max-width: 14rem;
}
.editorial-reviews__table .editorial-reviews__col-venue .editorial-reviews__venue-name {
  font-weight: 600;
  color: var(--la-base-darkest, #262626);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editorial-reviews__table .editorial-reviews__col-venue .editorial-reviews__venue-address {
  font-size: 0.6875rem;
  color: var(--la-base-medium, #757575);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editorial-reviews__table .editorial-reviews__col-venue .editorial-reviews__venue-links {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.15rem;
  font-size: 0.6875rem;
}
.editorial-reviews__table .editorial-reviews__col-venue .editorial-reviews__venue-links a {
  color: var(--la-brand-primary, #069393);
  text-decoration: none;
}
.editorial-reviews__table .editorial-reviews__col-venue .editorial-reviews__venue-links a:hover {
  text-decoration: underline;
}
.editorial-reviews__table .editorial-reviews__col-venue .editorial-reviews__venue-rating {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.6875rem;
  color: var(--la-base-medium, #757575);
}
.editorial-reviews__table .editorial-reviews__col-city,
.editorial-reviews__table .editorial-reviews__col-class {
  width: 7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editorial-reviews__table .editorial-reviews__col-curation,
.editorial-reviews__table .editorial-reviews__col-editorial {
  width: 10rem;
  white-space: nowrap;
}
.editorial-reviews__table .editorial-reviews__col-score {
  width: 4.5rem;
  text-align: center;
  white-space: nowrap;
  font-weight: 600;
}
.editorial-reviews__table .editorial-reviews__col-confidence {
  width: 5.5rem;
  text-align: center;
  white-space: nowrap;
  font-weight: 600;
}
.editorial-reviews__table .editorial-reviews__col-summary {
  min-width: 20rem;
  width: auto;
}
.editorial-reviews__table .editorial-reviews__col-summary .editorial-reviews__one-liner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.editorial-reviews__table .editorial-reviews__col-summary details {
  margin-top: 0.125rem;
  font-size: 0.6875rem;
}
.editorial-reviews__table .editorial-reviews__col-summary details summary {
  cursor: pointer;
  color: var(--la-base-medium, #757575);
}
.editorial-reviews__table .editorial-reviews__col-summary details summary:hover {
  color: var(--la-brand-primary, #069393);
}
.editorial-reviews__table .editorial-reviews__col-summary details .editorial-reviews__details-content {
  margin-top: 0.25rem;
  padding: 0.5rem;
  background: var(--la-base-light, #F5F5F5);
  border-radius: 0.25rem;
  white-space: normal;
  line-height: 1.4;
  border: 1px solid var(--la-base-medium-light, #BDBDBD);
}
.editorial-reviews__table .editorial-reviews__col-actions {
  width: 13rem;
  min-width: 13rem;
}
.editorial-reviews__table .editorial-reviews__row-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
}
.editorial-reviews__table .editorial-reviews__row-form .la-form__select {
  width: 100%;
  font-size: 0.6875rem;
  padding: 0.125rem 1.25rem 0.125rem 0.25rem;
  height: 1.5rem;
  background-position: right 0.25rem center;
}
.editorial-reviews__table .editorial-reviews__row-form .la-form__input {
  grid-column: auto;
  width: 100%;
  font-size: 0.6875rem;
  padding: 0.125rem 0.375rem;
  height: 1.5rem;
}
.editorial-reviews__table .editorial-reviews__row-form .la-btn {
  grid-column: auto;
  width: 100%;
  padding: 0;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.6875rem;
}
.editorial-reviews__decision-group {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 0.125rem 0.5rem;
  align-items: center;
  justify-content: start;
}
.editorial-reviews__decision-row {
  display: contents;
}
.editorial-reviews__decision {
  display: inline-block;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
.editorial-reviews__decision--keep {
  background: rgba(6, 147, 147, 0.1);
  color: #05686C;
}
.editorial-reviews__decision--reject {
  background: rgba(226, 92, 61, 0.1);
  color: #C0472D;
}
.editorial-reviews__decision--verify {
  background: rgba(244, 182, 62, 0.1);
  color: #9B6B12;
}
.editorial-reviews__decision--pending {
  background: rgba(74, 122, 216, 0.1);
  color: #2B5CAA;
}
.editorial-reviews__decision--error {
  background: rgba(226, 92, 61, 0.1);
  color: #C0472D;
}
.editorial-reviews__score {
  font-weight: 700;
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.editorial-reviews__score-dots {
  display: flex;
  gap: 1px;
}
.editorial-reviews__score-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--la-base-medium-light, #BDBDBD);
}
.editorial-reviews__score-dot--filled {
  background: var(--la-brand-primary, #069393);
}
.editorial-reviews__confidence-bar {
  width: 100%;
  max-width: 4rem;
}
.editorial-reviews__confidence-bar-track {
  height: 3px;
  background: var(--la-base-lighter, #F9F9F9);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 2px;
}
.editorial-reviews__confidence-bar-fill {
  height: 100%;
}
.editorial-reviews__confidence-bar-fill--high {
  background: #069393;
}
.editorial-reviews__confidence-bar-fill--medium {
  background: #F4B63E;
}
.editorial-reviews__confidence-bar-fill--low {
  background: #E25C3D;
}
.editorial-reviews__confidence-bar-value {
  font-size: 0.625rem;
  color: var(--la-base-medium, #757575);
}
.editorial-reviews__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
  font-size: 0.875rem;
  color: var(--la-base-medium, #757575);
}
.editorial-reviews__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
  gap: 1rem;
}
.editorial-reviews__card {
  background: var(--la-base-lightest, #FFF);
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 0.5rem;
  padding: 1rem;
}
.editorial-reviews__card--keep {
  border-top: 3px solid #069393;
}
.editorial-reviews__card--reject {
  border-top: 3px solid #E25C3D;
}
.editorial-reviews__card--verify {
  border-top: 3px solid #F4B63E;
}
.editorial-reviews__card-header {
  margin-bottom: 0.75rem;
}
.editorial-reviews__card-header h3 {
  font-size: 0.9375rem;
  font-weight: 600;
  margin: 0;
}
.editorial-reviews__card-body {
  font-size: 0.75rem;
  color: var(--la-base-dark, #4F4F4F);
  margin-bottom: 1rem;
}
.editorial-reviews__card .editorial-reviews__card-links {
  display: flex;
  gap: 0.75rem;
  margin: 0.375rem 0 0.5rem;
}
.editorial-reviews__card .editorial-reviews__card-links a {
  color: var(--la-brand-primary, #069393);
  text-decoration: none;
  font-weight: 600;
}
.editorial-reviews__card .editorial-reviews__card-links a:hover {
  text-decoration: underline;
}
.editorial-reviews__card .editorial-reviews__card-rating {
  margin: 0.25rem 0 0.25rem;
  font-size: 0.75rem;
  color: var(--la-base-medium, #757575);
}
.editorial-reviews__card-footer {
  padding-top: 0.75rem;
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
}

.itinerary-planner {
  --ip-white: #FFF;
  --ip-gray-50: #F9F9F9;
  --ip-gray-100: #F5F5F5;
  --ip-gray-200: #E0E0E0;
  --ip-gray-300: #BDBDBD;
  --ip-gray-400: #9E9E9E;
  --ip-gray-500: #757575;
  --ip-gray-600: #4F4F4F;
  --ip-gray-800: #333;
  --ip-gray-900: #262626;
  --ip-sidebar-bg: #FFF;
  --ip-sidebar-border: #F5F5F5;
  --ip-sidebar-hover: rgba(6, 147, 147, 0.08);
  --ip-teal-50: #7CC8C8;
  --ip-teal-100: rgba(124, 200, 200, 0.5);
  --ip-teal-200: #07B4B4;
  --ip-teal-300: #07B4B4;
  --ip-teal-500: #069393;
  --ip-teal-600: #069393;
  --ip-teal-700: #05686C;
  --ip-success: #22C55E;
  --ip-danger: #E25C3D;
  --ip-info: #4A7AD8;
  --ip-warning-lightest: #FDF1D9;
  --ip-warning-light: #F9D48A;
  --ip-warning-dark: #DB9C24;
  --ip-warning-darkest: #9B6B12;
  --ip-header-height: 64px;
  --ip-sidebar-width: 256px;
  --ip-content-max-width: 768px;
  --ip-transition-fast: 150ms ease;
  --ip-transition-base: 200ms ease;
  --ip-transition-slow: 300ms ease;
  --ip-shadow-sm: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.075);
  --ip-shadow-md: 0 0.5rem 1rem rgba(38, 38, 38, 0.15);
  --ip-shadow-lg: 0 1rem 3rem rgba(38, 38, 38, 0.175);
  --ip-shadow-up: 0 -0.25rem 0.5rem rgba(38, 38, 38, 0.05);
  --ip-radius-sm: 0.25rem;
  --ip-radius-md: 0.375rem;
  --ip-radius-lg: 0.5rem;
  --ip-radius-xl: 0.75rem;
  --ip-radius-full: 50rem;
}

body.itinerary_planner-page {
  overflow: hidden;
}

body.itinerary_planner-page.la-native {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.itinerary-planner,
.itinerary-planner * {
  box-sizing: border-box;
}

.itinerary-planner {
  display: flex;
  height: calc(100vh - var(--la-navbar-height));
  height: calc(100dvh - var(--la-navbar-height));
  background: var(--ip-gray-50);
  overflow: hidden;
  overflow: clip;
  position: relative;
}

.itinerary-sidebar {
  position: fixed;
  top: var(--la-navbar-height);
  bottom: 0;
  left: 0;
  width: var(--ip-sidebar-width);
  background: var(--ip-sidebar-bg);
  color: var(--ip-gray-600);
  border-right: 1px solid var(--ip-sidebar-border);
  transform: translateX(-100%);
  transition: transform var(--ip-transition-slow);
  z-index: 30;
  display: flex;
  flex-direction: column;
}
.itinerary-sidebar.is-open {
  transform: translateX(0);
}

.itinerary-sidebar__header {
  padding: 1.25rem;
  border-bottom: 1px solid var(--ip-sidebar-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.itinerary-sidebar__header h2 {
  font-family: nunito, "Helvetica", "sans-serif";
  font-weight: 700;
  color: var(--ip-gray-900);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0;
  font-size: 0.875rem;
}

.itinerary-sidebar__header-actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.itinerary-sidebar__new {
  padding: 0.5rem;
  border-radius: var(--ip-radius-full);
  background: rgba(6, 147, 147, 0.08);
  border: none;
  color: var(--ip-teal-700);
  cursor: pointer;
  transition: background var(--ip-transition-fast), color var(--ip-transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.itinerary-sidebar__new:hover {
  background: rgba(6, 147, 147, 0.14);
  color: var(--ip-teal-600);
}
.itinerary-sidebar__new svg {
  width: 1.25rem;
  height: 1.25rem;
}

.itinerary-header__menu-btn--sidebar {
  width: auto;
  height: auto;
  padding: 0.5rem;
  border-radius: var(--ip-radius-full);
  background: rgba(6, 147, 147, 0.08);
  border: none;
  color: var(--ip-teal-700);
}
.itinerary-header__menu-btn--sidebar:hover {
  background: rgba(6, 147, 147, 0.14);
  color: var(--ip-teal-600);
}
.itinerary-header__menu-btn--sidebar .itinerary-header__menu-svg {
  width: 1.25rem;
  height: 1.25rem;
}

.itinerary-sidebar__close {
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: none;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--ip-radius-full);
  background: rgba(6, 147, 147, 0.08);
  color: var(--ip-teal-700);
  cursor: pointer;
  transition: background var(--ip-transition-fast), color var(--ip-transition-fast);
}
.itinerary-sidebar__close:hover {
  background: rgba(6, 147, 147, 0.14);
  color: var(--ip-teal-600);
}

.itinerary-sidebar__content {
  flex: 1;
  overflow-y: auto;
  padding: 0.75rem;
}
.itinerary-sidebar__content::-webkit-scrollbar {
  display: none;
}

.itinerary-sidebar__section {
  margin-bottom: 1.5rem;
}

.itinerary-sidebar__section-title {
  font-size: 0.625rem;
  font-weight: 600;
  color: var(--ip-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0 0.75rem;
  margin-bottom: 0.5rem;
}

.itinerary-session-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.itinerary-session-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0;
  border-radius: var(--ip-radius-lg);
}
.itinerary-session-item:hover {
  background: var(--ip-sidebar-hover);
}
.itinerary-session-item.is-active {
  background: rgba(6, 147, 147, 0.1);
}

.itinerary-session-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  min-width: 0;
  padding: 0.5rem 0.75rem 0.5rem 0.25rem;
  border-radius: var(--ip-radius-lg);
  text-decoration: none;
  color: var(--ip-gray-700);
  transition: background var(--ip-transition-fast), color var(--ip-transition-fast);
  cursor: pointer;
  border: none;
  background: transparent;
  text-align: left;
  font-size: 0.875rem;
}
.itinerary-session-link.is-active {
  color: var(--ip-teal-700);
}

.itinerary-session-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.itinerary-session-meta {
  display: none;
}

.itinerary-pin-form {
  margin: 0;
  display: flex;
}

.itinerary-pin-button {
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  color: var(--ip-gray-500);
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--ip-transition-fast), color var(--ip-transition-fast);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.itinerary-pin-button.is-active {
  opacity: 1;
  color: var(--ip-teal-500);
}
.itinerary-pin-button:hover {
  color: var(--ip-teal-700);
  background: transparent;
}
.itinerary-pin-button svg,
.itinerary-pin-button img {
  width: 1rem;
  height: 1rem;
}
.itinerary-pin-button svg {
  fill: none;
}

.itinerary-session-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 1.875rem;
  min-width: 1.875rem;
  flex-shrink: 0;
}

.itinerary-delete-form {
  margin: 0;
  display: flex;
}

.itinerary-delete-button {
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  color: var(--ip-gray-500);
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--ip-transition-fast), color var(--ip-transition-fast);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.itinerary-delete-button:hover {
  color: #E25C3D;
  background: transparent;
}
.itinerary-delete-button svg {
  width: 1rem;
  height: 1rem;
  fill: none;
}

.itinerary-session-item:hover .itinerary-pin-button,
.itinerary-session-item:hover .itinerary-delete-button {
  opacity: 1;
}

.itinerary-sidebar-overlay {
  position: fixed;
  inset: 0;
  top: var(--la-navbar-height);
  background: rgba(38, 38, 38, 0.35);
  z-index: 25;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--ip-transition-slow), visibility var(--ip-transition-slow);
}
.itinerary-sidebar-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

.itinerary-layout {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--ip-white);
  position: relative;
  transition: margin-left var(--ip-transition-slow);
  min-width: 0;
}

.itinerary-header {
  flex-shrink: 0;
  background: var(--ip-white);
  border-bottom: 1px solid var(--ip-gray-100);
  padding: 0.875rem 1rem;
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.itinerary-header__left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1 auto;
  min-width: 0;
}

.itinerary-header__menu-btn {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  background: var(--ip-gray-50);
  border: 1px solid var(--ip-gray-200);
  border-radius: var(--ip-radius-lg);
  color: var(--ip-gray-500);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--ip-transition-fast), color var(--ip-transition-fast);
}
.itinerary-header__menu-btn:hover {
  background: var(--ip-gray-100);
  color: var(--ip-teal-600);
}
.itinerary-header__menu-btn svg,
.itinerary-header__menu-btn img {
  width: 1.25rem;
  height: 1.25rem;
}

.itinerary-planner.is-sidebar-open .itinerary-header__menu-btn--header {
  display: none;
}

.itinerary-header__menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.itinerary-header__menu-image {
  display: block;
}

.itinerary-header__menu-icon--close {
  display: none;
}

.itinerary-sidebar__close .itinerary-header__menu-icon--close {
  display: inline-flex;
}

.itinerary-header__menu-btn.is-open .itinerary-header__menu-icon--menu {
  display: none;
}
.itinerary-header__menu-btn.is-open .itinerary-header__menu-icon--close {
  display: inline-flex;
}

.itinerary-header__info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

.itinerary-header__title-wrap {
  min-width: 0;
}

.itinerary-header__title {
  font-family: nunito, "Helvetica", "sans-serif";
  font-weight: 600;
  color: var(--ip-gray-900);
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itinerary-header__title-input {
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  border-radius: var(--ip-radius-md);
  padding: 0.125rem 0.25rem;
  margin: -0.125rem -0.25rem 0;
  cursor: text;
  transition: background var(--ip-transition-fast), border-color var(--ip-transition-fast), box-shadow var(--ip-transition-fast);
}
.itinerary-header__title-input:hover {
  background: var(--ip-gray-50);
}
.itinerary-header__title-input:focus {
  outline: none;
  background: var(--ip-white);
  border-color: var(--ip-teal-500);
  box-shadow: 0 0 0 2px rgba(6, 147, 147, 0.14);
}
.itinerary-header__title-input:disabled {
  opacity: 0.8;
  cursor: progress;
}

.itinerary-header__status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0.1rem 0 0;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ip-success);
}
.itinerary-header__status::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: var(--ip-radius-full);
  background: currentColor;
  box-shadow: 0 0 0 0.2rem rgba(34, 197, 94, 0.12);
}
.itinerary-header__status.is-online {
  color: var(--ip-success);
}
.itinerary-header__status.is-offline {
  color: var(--ip-danger);
}
.itinerary-header__status.is-offline::before {
  box-shadow: 0 0 0 0.2rem rgba(226, 92, 61, 0.14);
}

.itinerary-header__pin-btn {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  background: var(--ip-gray-50);
  border: 1px solid var(--ip-gray-200);
  border-radius: var(--ip-radius-full);
  color: var(--ip-gray-400);
  cursor: pointer;
  transition: background var(--ip-transition-fast), color var(--ip-transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.itinerary-header__pin-btn:hover {
  background: var(--ip-gray-100);
}
.itinerary-header__pin-btn.is-pinned {
  color: var(--ip-teal-600);
}
.itinerary-header__pin-btn svg,
.itinerary-header__pin-btn img {
  width: 1.25rem;
  height: 1.25rem;
}
.itinerary-header__pin-btn svg {
  fill: none;
}

.itinerary-header > form.button_to {
  margin: 0;
  flex: 0 0 auto;
}

.itinerary-main {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
  background: linear-gradient(180deg, var(--ip-white) 0%, var(--ip-gray-50) 100%);
}
.itinerary-main::-webkit-scrollbar {
  display: none;
}

#itinerary-messages {
  max-width: var(--ip-content-max-width);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 2rem;
}
#itinerary-messages:empty {
  min-height: 100%;
  display: grid;
  place-content: center;
  text-align: center;
  gap: 0.5rem;
  padding: 1rem;
}
#itinerary-messages:empty::before {
  content: "Start planning your day";
  font-family: nunito, "Helvetica", "sans-serif";
  font-size: clamp(1.15rem, 2.2vw, 1.5rem);
  font-weight: 600;
  color: var(--ip-gray-900);
  letter-spacing: 0.01em;
}
#itinerary-messages:empty::after {
  content: 'Try: "Outdoor breakfast and a kid-friendly walk near me"';
  font-size: 0.875rem;
  color: var(--ip-gray-500);
  max-width: 30rem;
  line-height: 1.6;
}

.itinerary-message {
  display: flex;
  gap: 0.5rem;
  animation: messageIn 200ms ease-out;
  min-width: 0;
}
.itinerary-message[data-role=user] {
  justify-content: flex-end;
}
.itinerary-message[data-role=user] .itinerary-message__content {
  background: var(--ip-teal-600);
  color: var(--ip-white);
  border-radius: var(--ip-radius-xl) var(--ip-radius-xl) 0 var(--ip-radius-xl);
  border-color: var(--ip-teal-600);
  max-width: 90%;
}
.itinerary-message[data-role=agent] {
  justify-content: flex-start;
}
.itinerary-message[data-role=agent] .itinerary-message__content {
  background: var(--ip-gray-50);
  color: var(--ip-gray-800);
  border-radius: var(--ip-radius-xl) var(--ip-radius-xl) var(--ip-radius-xl) 0;
  max-width: 85%;
}

.itinerary-message-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
  animation: messageIn 200ms ease-out;
}

.itinerary-message-group > .itinerary-message {
  animation: none;
}

.itinerary-message__avatar {
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.375rem;
  overflow: visible;
}

.itinerary-message__avatar-loader {
  --orb-size: 1.8rem;
  --orb-border: rgba(5, 47, 49, 0.2);
  --orb-shadow: rgba(0, 87, 90, 0.28);
}

.itinerary-typing .itinerary-message__avatar-loader {
  --orb-size: 1.8rem;
}

.itinerary-message__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  max-width: 100%;
}
[data-role=user] .itinerary-message__wrapper {
  align-items: flex-end;
}

.itinerary-message[data-role=agent] .itinerary-message__wrapper {
  flex: 1 1 auto;
  max-width: calc(100% - 2.75rem);
}

.itinerary-message[data-role=agent] .itinerary-message__content {
  border: 0.0625rem solid rgba(243, 178, 90, 0.35);
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(0, 0, 0, 0.08), 0 0 0.5rem 0.0625rem rgba(14, 165, 164, 0.12), inset 0 0 0.375rem rgba(14, 165, 164, 0.04);
}

.itinerary-message__content {
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.6;
  border: 1px solid var(--ip-gray-100);
  box-shadow: var(--ip-shadow-sm);
}
.itinerary-message__content p {
  margin: 0;
  overflow-wrap: anywhere;
}

.itinerary-message__link {
  color: var(--ip-teal-600);
  text-decoration: underline;
  font-weight: 500;
}
.itinerary-message__link:hover {
  color: var(--ip-teal-700);
}

.itinerary-message__time {
  font-size: 0.625rem;
  color: var(--ip-gray-300);
  margin-top: 0.25rem;
  padding: 0 0.25rem;
}

@keyframes messageIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.itinerary-typing {
  display: flex;
  gap: 0.5rem;
}
.itinerary-typing .itinerary-message__content {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 3rem;
}

.itinerary-typing__dot {
  width: 0.375rem;
  height: 0.375rem;
  background: var(--ip-gray-400);
  border-radius: var(--ip-radius-full);
  animation: bounce 1s ease-in-out infinite;
}
.itinerary-typing__dot:nth-child(2) {
  animation-delay: 75ms;
}
.itinerary-typing__dot:nth-child(3) {
  animation-delay: 150ms;
}

@keyframes bounce {
  0%, 60%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-4px);
  }
}
.itinerary-beta-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0.75rem 1rem;
  padding: 0.75rem 1rem;
  background: var(--ip-warning-lightest);
  border: 1px solid var(--ip-warning-light);
  border-radius: var(--ip-radius-lg);
  opacity: 0;
  transform: translateY(-0.5rem);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.itinerary-beta-banner.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.itinerary-beta-banner__content {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

.itinerary-beta-banner__badge {
  flex-shrink: 0;
  display: inline-block;
  padding: 0.125rem 0.5rem;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ip-white);
  background: var(--ip-warning-dark);
  border-radius: var(--ip-radius-full);
  line-height: 1.4;
}

.itinerary-beta-banner__text {
  margin: 0;
  font-size: 0.625rem;
  line-height: 1.5;
  color: var(--ip-warning-darkest);
}

.itinerary-beta-banner__link {
  color: var(--ip-warning-darkest);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.itinerary-beta-banner__link:hover {
  color: var(--ip-warning-dark);
}

.itinerary-beta-banner__close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  margin-top: 0.125rem;
  border: none;
  background: none;
  color: var(--ip-warning-dark);
  cursor: pointer;
  border-radius: var(--ip-radius-sm);
  transition: color var(--ip-transition-fast), background var(--ip-transition-fast);
}
.itinerary-beta-banner__close:hover {
  color: var(--ip-warning-darkest);
  background: rgba(219, 156, 36, 0.1);
}

.itinerary-message__content--error {
  background: rgba(226, 92, 61, 0.05);
  border-color: rgba(226, 92, 61, 0.2);
  color: var(--ip-danger);
}

.itinerary-card {
  margin-top: 1rem;
  width: 100%;
  max-width: 100%;
  background: var(--ip-white);
  border-radius: var(--ip-radius-xl);
  border: 0.0625rem solid rgba(243, 178, 90, 0.35);
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(0, 0, 0, 0.08), 0 0 0.5rem 0.0625rem rgba(14, 165, 164, 0.12), inset 0 0 0.375rem rgba(14, 165, 164, 0.04);
  overflow: hidden;
  position: relative;
  transition: all var(--ip-transition-slow);
}

.itinerary-card__tabs {
  display: flex;
  border-bottom: 1px solid var(--ip-gray-100);
}

.itinerary-card__tabs button {
  flex: 1;
  min-width: 0;
  padding: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  background: transparent;
  border: none;
  color: var(--ip-gray-500);
  cursor: pointer;
  transition: background var(--ip-transition-fast), color var(--ip-transition-fast);
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.itinerary-card__tabs button:hover {
  background: var(--ip-gray-50);
}
.itinerary-card__tabs button.is-active {
  color: var(--ip-teal-700);
  background: rgba(124, 200, 200, 0.3);
}
.itinerary-card__tabs button.is-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--ip-teal-600);
}

.itinerary-card__summary {
  padding: 1rem;
  background: rgba(124, 200, 200, 0.2);
  font-size: 0.875rem;
  color: var(--ip-gray-600);
  font-style: italic;
  border-bottom: 1px solid var(--ip-gray-100);
  margin: 0;
}
.itinerary-card__summary::before {
  content: "“";
}
.itinerary-card__summary::after {
  content: "”";
}

.itinerary-card__panel {
  display: none;
}
.itinerary-card__panel.is-active {
  display: block;
}

.itinerary-map {
  position: relative;
  height: 10rem;
  width: 100%;
  isolation: isolate;
  background: linear-gradient(160deg, rgba(124, 200, 200, 0.3) 0%, rgba(7, 180, 180, 0.16) 58%, rgba(6, 147, 147, 0.1) 100%);
  overflow: hidden;
}
.itinerary-map::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://res.cloudinary.com/little-adventures/image/upload/v1771940433/LittleAdventures/other/plan_my_day_map_hwnytk.png");
  background-size: cover;
  background-position: center;
  opacity: 0.11;
  z-index: 0;
  pointer-events: none;
}
.itinerary-map::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to right, var(--ip-teal-500) 1px, transparent 1px), linear-gradient(to bottom, var(--ip-teal-500) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 0.07;
  z-index: 1;
}

.itinerary-map__path {
  position: absolute;
  top: 50%;
  left: 2.5rem;
  right: 2.5rem;
  height: 4px;
  background: var(--ip-teal-200);
  border-radius: var(--ip-radius-full);
  transform: translateY(-50%);
  z-index: 2;
}

.itinerary-map__stops {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.5rem;
  z-index: 2;
}

.itinerary-map__stop {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: var(--ip-radius-full);
  background: var(--ip-teal-500);
  box-shadow: 0 0 0 3px var(--ip-white);
  transition: transform var(--ip-transition-fast), background var(--ip-transition-fast);
  z-index: 2;
}
.itinerary-map__stop.is-selected {
  background: #2B5CAA;
  transform: scale(1.25);
}

.itinerary-map__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 2.5rem;
  background: transparent;
  transition: background var(--ip-transition-slow);
  cursor: pointer;
  text-decoration: none;
  z-index: 3;
}
.itinerary-map__overlay:hover {
  background: rgba(0, 0, 0, 0.05);
}
.itinerary-map__overlay:hover .itinerary-map__cta {
  box-shadow: var(--ip-shadow-md);
}

.itinerary-map__cta {
  background: var(--ip-white);
  padding: 0.5rem 0.875rem;
  border-radius: var(--ip-radius-full);
  box-shadow: var(--ip-shadow-sm);
  border: 1px solid var(--ip-teal-200);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--ip-teal-700);
  line-height: 1.2;
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  transform: translateY(3rem);
  transition: box-shadow var(--ip-transition-base), background var(--ip-transition-base);
}

.itinerary-stops {
  padding: 1rem 1rem 5rem;
}

.itinerary-stops__timeline {
  position: relative;
  margin-left: 0.75rem;
  padding-left: 2rem;
}
.itinerary-stops__timeline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  border-left: 2px dashed var(--ip-teal-100);
}

.itinerary-stop {
  position: relative;
  padding: 1rem 0;
  transition: opacity var(--ip-transition-slow);
  isolation: isolate;
}
.itinerary-stop::before {
  content: "";
  position: absolute;
  inset: 0.125rem -0.375rem;
  border-radius: var(--ip-radius-lg);
  background: transparent;
  pointer-events: none;
  z-index: 0;
  transition: background var(--ip-transition-fast), box-shadow var(--ip-transition-fast);
}
.itinerary-stop > * {
  position: relative;
  z-index: 1;
}
.itinerary-stop:not(:last-child) {
  padding-bottom: 1.5rem;
}
.itinerary-stop.is-faded {
  opacity: 0.5;
  filter: grayscale(0.5);
}
.itinerary-stop.is-selected .itinerary-stop__content {
  background: rgba(124, 200, 200, 0.3);
}
.itinerary-stop:hover::before, .itinerary-stop:focus-within::before {
  background: rgba(124, 200, 200, 0.16);
  box-shadow: inset 0 0 0 1px rgba(6, 147, 147, 0.12);
}

.itinerary-stop__dot {
  position: absolute;
  left: -2.6875rem;
  top: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--ip-radius-full);
  background: var(--ip-white);
  border: 2px solid var(--ip-teal-300);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all var(--ip-transition-base);
}
.itinerary-stop__dot:hover {
  border-color: var(--ip-teal-500);
  transform: scale(1.1);
}
.itinerary-stop__dot::after {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: var(--ip-radius-full);
  background: var(--ip-teal-500);
  transition: all var(--ip-transition-fast);
}
.itinerary-stop__dot.is-selected {
  background: var(--ip-teal-600);
  border-color: var(--ip-teal-600);
  box-shadow: 0 0 0 4px var(--ip-teal-100);
  transform: scale(1.1);
}
.itinerary-stop__dot.is-selected::after {
  display: none;
}
.itinerary-stop__dot.is-selected svg {
  display: block;
}
.itinerary-stop__dot svg {
  display: none;
  width: 0.875rem;
  height: 0.875rem;
  color: var(--ip-white);
}

.itinerary-stop__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.25rem;
  gap: 0.5rem;
}
.itinerary-stop__header > div:first-child {
  min-width: 0;
}

.itinerary-stop__time {
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--ip-teal-600);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.itinerary-stop__name {
  font-weight: 700;
  color: var(--ip-gray-900);
  text-decoration: none;
  display: block;
  transition: color var(--ip-transition-fast);
  overflow-wrap: anywhere;
}
.itinerary-stop__name:hover {
  color: var(--ip-teal-700);
}

.itinerary-stop__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
  padding: 0.125rem 0.25rem;
  transition: opacity var(--ip-transition-fast);
}
.itinerary-stop__actions form {
  margin: 0;
  display: contents;
}

.itinerary-stop__action {
  padding: 0.375rem;
  background: transparent;
  border: none;
  border-radius: var(--ip-radius-full);
  color: var(--ip-gray-400);
  cursor: pointer;
  transition: all var(--ip-transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
}
.itinerary-stop__action svg {
  width: 1rem;
  height: 1rem;
}
.itinerary-stop__action:hover {
  background: var(--ip-gray-50);
}
.itinerary-stop__action:hover.itinerary-stop__action--refresh {
  color: var(--ip-info);
  background: rgba(74, 122, 216, 0.1);
}
.itinerary-stop__action:hover.itinerary-stop__action--remove {
  color: var(--ip-danger);
  background: rgba(226, 92, 61, 0.1);
}
.itinerary-stop__action.itinerary-stop__action--favorite {
  color: var(--ip-gray-300);
}
.itinerary-stop__action.itinerary-stop__action--favorite:hover, .itinerary-stop__action.itinerary-stop__action--favorite.is-active {
  color: #E25C3D;
  background: rgba(241, 155, 133, 0.2);
}

.itinerary-stop__actions-divider {
  width: 1px;
  height: 1rem;
  background: var(--ip-gray-200);
  margin: 0 0.25rem;
}

.itinerary-stop__content {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: var(--ip-radius-lg);
  transition: background var(--ip-transition-fast);
  cursor: pointer;
}

.itinerary-stop__image {
  width: 4rem;
  height: 4rem;
  border-radius: var(--ip-radius-lg);
  background: var(--ip-gray-200);
  overflow: hidden;
  flex-shrink: 0;
}
.itinerary-stop__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 500ms ease;
}
.itinerary-stop__image img:hover {
  transform: scale(1.1);
}

.itinerary-stop__details {
  flex: 1;
}
.itinerary-stop__details p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--ip-gray-600);
  line-height: 1.5;
}

.itinerary-stop__tags {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.itinerary-stop__tag {
  font-size: 0.625rem;
  padding: 0.125rem 0.5rem;
  background: var(--ip-gray-100);
  color: var(--ip-gray-500);
  font-weight: 500;
  border-radius: var(--ip-radius-sm);
}

.itinerary-stop__select {
  display: none;
}

.itinerary-stop--skeleton {
  animation: pulse 1.5s ease-in-out infinite;
}
.itinerary-stop--skeleton .itinerary-stop__dot {
  background: var(--ip-gray-200);
  border-color: var(--ip-gray-200);
}
.itinerary-stop--skeleton .itinerary-stop__dot::after {
  display: none;
}
.itinerary-stop--skeleton .itinerary-stop__time,
.itinerary-stop--skeleton .itinerary-stop__name {
  background: var(--ip-gray-200);
  color: transparent;
  border-radius: var(--ip-radius-sm);
}
.itinerary-stop--skeleton .itinerary-stop__time {
  width: 3rem;
  height: 0.75rem;
}
.itinerary-stop--skeleton .itinerary-stop__name {
  width: 8rem;
  height: 1rem;
  margin-top: 0.25rem;
}
.itinerary-stop--skeleton .itinerary-stop__image {
  background: var(--ip-gray-200);
}
.itinerary-stop--skeleton .itinerary-stop__details p {
  background: var(--ip-gray-200);
  color: transparent;
  border-radius: var(--ip-radius-sm);
}
.itinerary-stop--skeleton .itinerary-stop__details p:first-child {
  width: 100%;
  height: 0.75rem;
  margin-bottom: 0.5rem;
}
.itinerary-stop--skeleton .itinerary-stop__details p:last-child {
  width: 66%;
  height: 0.75rem;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.itinerary-refine-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--ip-white);
  border-top: 1px solid var(--ip-teal-100);
  padding: 0.75rem 1rem;
  box-shadow: var(--ip-shadow-up);
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateY(100%);
  transition: transform var(--ip-transition-slow);
}
.itinerary-refine-bar.is-visible {
  transform: translateY(0);
}

.itinerary-refine-bar__count {
  font-size: 0.625rem;
  color: var(--ip-gray-500);
  font-weight: 500;
  padding: 0 0.5rem;
}
.itinerary-refine-bar__count strong {
  color: var(--ip-teal-700);
}

.itinerary-refine-bar__actions {
  display: flex;
  gap: 0.5rem;
}

.itinerary-refine-bar__clear {
  font-size: 0.625rem;
  padding: 0.5rem 0.75rem;
  background: transparent;
  border: none;
  color: var(--ip-gray-500);
  cursor: pointer;
}
.itinerary-refine-bar__clear:hover {
  color: var(--ip-gray-700);
}

.itinerary-refine-bar__submit {
  background: var(--ip-teal-600);
  color: var(--ip-white);
  font-size: 0.625rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: var(--ip-radius-full);
  box-shadow: var(--ip-shadow-sm);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition: background var(--ip-transition-fast);
}
.itinerary-refine-bar__submit:hover {
  background: var(--ip-teal-700);
}
.itinerary-refine-bar__submit svg {
  width: 0.875rem;
  height: 0.875rem;
}

.itinerary-card__footer {
  background: var(--ip-gray-50);
  padding: 0.75rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  border-top: 1px solid var(--ip-gray-100);
  transition: opacity var(--ip-transition-base);
}
.itinerary-card__footer.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.itinerary-card__footer-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.itinerary-card__add-stop-form {
  margin: 0;
}

.itinerary-card__footer-btn {
  font-size: 0.625rem;
  font-weight: 600;
  padding: 0.375rem 0.75rem;
  border-radius: var(--ip-radius-sm);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition: all var(--ip-transition-fast);
}
.itinerary-card__footer-btn svg {
  width: 1rem;
  height: 1rem;
}
.itinerary-card__footer-btn--share {
  background: transparent;
  border: none;
  color: var(--ip-gray-600);
}
.itinerary-card__footer-btn--share:hover {
  color: var(--ip-teal-700);
  background: var(--ip-white);
}
.itinerary-card__footer-btn--add-stop {
  background: var(--ip-white);
  border: 1px dashed var(--ip-teal-300);
  color: var(--ip-teal-700);
  border-radius: var(--ip-radius-full);
}
.itinerary-card__footer-btn--add-stop:hover:not(:disabled) {
  background: var(--ip-teal-50);
  border-style: solid;
}
.itinerary-card__footer-btn--add-stop:disabled {
  color: var(--ip-gray-400);
  border-color: var(--ip-gray-200);
  cursor: default;
  background: var(--ip-gray-100);
  box-shadow: none;
}

#chat-input {
  flex-shrink: 0;
  background: var(--ip-white);
  border-top: 1px solid var(--ip-gray-100);
  padding: 1rem 1rem 0.45rem;
  padding-bottom: calc(0.45rem + env(safe-area-inset-bottom, 0px));
}

.itinerary-input-wrapper {
  max-width: var(--ip-content-max-width);
  margin: 0 auto;
  width: 100%;
}

.itinerary-composer {
  background: var(--ip-white);
  border-radius: 1.5rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
  border: 1px solid var(--ip-gray-200);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  transition: all var(--ip-transition-fast);
}
.itinerary-composer:focus-within {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(6, 147, 147, 0.15);
  border-color: var(--ip-teal-300);
}
@media (min-width: 768px) {
  .itinerary-composer {
    flex-direction: row;
    align-items: stretch;
    border-radius: var(--ip-radius-full);
  }
}

.itinerary-suggestions {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.125rem 0.375rem 0.25rem 0.125rem;
  margin-inline: -0.125rem;
  scroll-padding-inline-end: 0.75rem;
  padding-bottom: 0.25rem;
}
.itinerary-suggestions::-webkit-scrollbar {
  display: none;
}
.itinerary-suggestions[hidden] {
  display: none;
}

.itinerary-suggestion-chip {
  white-space: nowrap;
  padding: 0.4rem 0.9rem;
  background: var(--ip-white);
  border: 1px solid var(--ip-gray-100);
  border-radius: var(--ip-radius-full);
  font-size: 0.625rem;
  color: var(--ip-gray-700);
  cursor: pointer;
  transition: all var(--ip-transition-fast);
}
.itinerary-suggestion-chip:hover {
  background: var(--ip-teal-50);
  color: var(--ip-teal-700);
  border-color: var(--ip-teal-200);
}
.itinerary-suggestion-chip--tip {
  cursor: default;
  color: var(--ip-gray-600);
  background: var(--ip-gray-50);
  border-style: dashed;
}
.itinerary-suggestion-chip--tip:hover {
  background: var(--ip-gray-50);
  color: var(--ip-gray-600);
  border-color: var(--ip-gray-100);
}

.itinerary-composer__location-bar {
  display: flex;
  align-items: center;
  padding: 0.6rem 1rem 0.6rem 1.25rem;
  background: linear-gradient(to right, rgba(6, 147, 147, 0.04), rgba(6, 147, 147, 0.01));
  border-bottom: 1px solid var(--ip-gray-100);
}
@media (min-width: 768px) {
  .itinerary-composer__location-bar {
    width: 260px;
    flex-shrink: 0;
    border-bottom: none;
    border-right: 1px solid var(--ip-gray-100);
  }
}

.itinerary-composer__location-icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  color: var(--ip-teal-600);
  margin-right: 0.5rem;
  flex-shrink: 0;
}

.itinerary-composer__location-input {
  flex: 1;
  background: transparent;
  border: none;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ip-gray-800);
  padding: 0;
  min-width: 0;
}
.itinerary-composer__location-input::-moz-placeholder {
  color: var(--ip-gray-400);
  font-weight: 500;
}
.itinerary-composer__location-input::placeholder {
  color: var(--ip-gray-400);
  font-weight: 500;
}
.itinerary-composer__location-input:focus {
  outline: none;
}

.itinerary-composer__gps-btn {
  width: 2rem;
  height: 2rem;
  background: transparent;
  border: none;
  padding: 0;
  color: var(--ip-gray-400);
  border-radius: var(--ip-radius-full);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.25rem;
  flex-shrink: 0;
  transition: all var(--ip-transition-fast);
}
.itinerary-composer__gps-btn:hover {
  background: var(--ip-gray-100);
  color: var(--ip-teal-600);
}
.itinerary-composer__gps-btn.is-active {
  color: var(--ip-teal-600);
  background: var(--ip-teal-50);
}
.itinerary-composer__gps-btn.is-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}
.itinerary-composer__gps-btn.is-loading svg {
  opacity: 0;
}
.itinerary-composer__gps-btn.is-loading::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 2px solid rgba(6, 147, 147, 0.22);
  border-top-color: var(--ip-teal-600);
  animation: itinerarySpin 0.8s linear infinite;
}
.itinerary-composer__gps-btn svg {
  width: 1.15rem;
  height: 1.15rem;
}

.itinerary-composer__form-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0.4rem 0.6rem 0.4rem 1.25rem;
  position: relative;
}

.itinerary-composer__chat-input {
  flex: 1;
  background: transparent;
  border: none;
  padding: 0.6rem 0;
  font-size: 0.875rem;
  color: var(--ip-gray-900);
  min-width: 0;
}
.itinerary-composer__chat-input::-moz-placeholder {
  color: var(--ip-gray-400);
}
.itinerary-composer__chat-input::placeholder {
  color: var(--ip-gray-400);
}
.itinerary-composer__chat-input:focus {
  outline: none;
  box-shadow: none;
}
.itinerary-composer__chat-input:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.itinerary-composer__submit {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border-radius: var(--ip-radius-full);
  background: var(--ip-gray-300);
  color: var(--ip-gray-400);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: not-allowed;
  margin-left: 0.5rem;
  flex-shrink: 0;
  transition: all var(--ip-transition-fast);
}
.itinerary-composer__submit .itinerary-composer__submit-icon,
.itinerary-composer__submit svg {
  width: 1.125rem;
  height: 1.125rem;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  transform: translateX(-0.03125rem) translateY(0.03125rem);
  transform-origin: center;
}
.itinerary-composer__submit:disabled .itinerary-composer__submit-icon {
  opacity: 0.5;
  filter: grayscale(100%);
}
.itinerary-composer__submit:not(:disabled) {
  background: var(--ip-teal-600);
  color: var(--ip-white);
  cursor: pointer;
  box-shadow: var(--ip-shadow-md);
}
.itinerary-composer__submit:not(:disabled) .itinerary-composer__submit-icon {
  filter: brightness(0) invert(1);
}
.itinerary-composer__submit:not(:disabled):hover {
  transform: scale(1.05);
  background: var(--ip-teal-700);
}

@keyframes itinerarySpin {
  to {
    transform: rotate(360deg);
  }
}
/* Input css blocks replaced by unified composer styling */
.itinerary-powered-by {
  text-align: center;
  margin-top: 0.65rem;
  font-size: 0.625rem;
  color: var(--ip-gray-400);
}
.itinerary-powered-by span {
  color: var(--ip-teal-600);
  font-weight: 500;
}

.itinerary-quota {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid #F9D48A;
  border-radius: var(--ip-radius-lg);
  background: #FDF1D9;
  margin: 1rem 0;
}

.itinerary-quota__title {
  margin: 0 0 0.25rem;
  font-weight: 600;
  color: #9B6B12;
}

.itinerary-quota__text {
  margin: 0;
  color: #DB9C24;
  font-size: 0.875rem;
}

.itinerary-quota__text--native-hint {
  margin-top: 0.25rem;
}

.itinerary-quota__cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  max-width: 100%;
  padding: 0.6rem 1.25rem;
  background: #DB9C24;
  color: var(--ip-white);
  text-decoration: none;
  border-radius: var(--ip-radius-full);
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  transition: background var(--ip-transition-fast);
}
.itinerary-quota__cta a:hover {
  background: #9B6B12;
}

.itinerary-quota__cta--native a {
  background: var(--ip-teal-600);
}
.itinerary-quota__cta--native a:hover {
  background: var(--ip-teal-700);
}

.itinerary-session-link--empty {
  grid-column: 1/-1;
  color: var(--ip-gray-600);
  font-style: italic;
  cursor: default;
}
.itinerary-session-link--empty:hover {
  background: transparent;
}

.itinerary-toast {
  position: fixed;
  bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
  left: 50%;
  transform: translateX(-50%) translateY(1rem);
  background: var(--ip-gray-900);
  color: var(--ip-white);
  padding: 0.5rem 1rem;
  border-radius: var(--ip-radius-full);
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: var(--ip-shadow-lg);
  z-index: 50;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--ip-transition-base), transform var(--ip-transition-base);
}
.itinerary-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.itinerary-toast--error {
  background: #C0472D;
}

.itinerary-planner--native {
  height: auto;
  min-height: calc(100dvh - var(--la-navbar-height));
  overflow: visible;
  padding-top: calc(env(safe-area-inset-top, 0px) + 0.5rem);
}
.itinerary-planner--native .itinerary-layout,
.itinerary-planner--native .itinerary-main {
  min-height: 0;
}
.itinerary-planner--native .itinerary-layout {
  height: auto;
}
.itinerary-planner--native .itinerary-header {
  position: static;
}
.itinerary-planner--native .itinerary-main {
  overflow: visible;
}
.itinerary-planner--native .itinerary-message-group--with-card[data-role=agent] .itinerary-card {
  align-self: stretch;
  margin-top: 0;
  width: 100%;
  max-width: 100%;
}
.itinerary-planner--native .itinerary-composer__location-input,
.itinerary-planner--native .itinerary-composer__chat-input {
  font-size: 16px;
}
.itinerary-planner--native .itinerary-header__menu-btn {
  display: flex;
}
.itinerary-planner--native .itinerary-sidebar {
  top: 0;
  bottom: 0;
  display: flex;
  width: min(var(--ip-sidebar-width), 100vw - 2.5rem);
  padding-top: max(4rem, env(safe-area-inset-top, 0px) + 0.5rem);
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 0.5rem);
}
.itinerary-planner--native .itinerary-sidebar-overlay {
  top: 0;
  display: block;
}

@media (min-width: 768px) {
  .itinerary-sidebar {
    position: relative;
    top: 0;
    transform: translateX(0);
    height: auto;
  }
  .itinerary-sidebar:not(.is-open) {
    width: 0;
    overflow: hidden;
  }
  .itinerary-sidebar.is-open {
    width: var(--ip-sidebar-width);
  }
  .itinerary-sidebar-overlay {
    display: none;
  }
  .itinerary-header__menu-btn {
    display: flex;
  }
  .itinerary-stop__actions {
    opacity: 0;
  }
  .itinerary-stop:hover .itinerary-stop__actions {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .itinerary-planner {
    flex-direction: column;
  }
  .itinerary-sidebar__close {
    display: inline-flex;
  }
  .itinerary-layout {
    margin-left: 0;
  }
  .itinerary-main {
    padding: 0.75rem;
  }
  .itinerary-beta-banner {
    margin: 0.5rem 1rem;
  }
  #chat-input {
    padding: 0.75rem 0.75rem 0.4rem;
    padding-bottom: calc(0.4rem + env(safe-area-inset-bottom, 0px));
  }
  .itinerary-message__content,
  .itinerary-message[data-role=agent] .itinerary-message__content {
    max-width: 95%;
  }
  .itinerary-header {
    gap: 0.5rem;
  }
  .itinerary-header__left {
    gap: 0.5rem;
  }
  .itinerary-header__title {
    font-size: 1rem;
    line-height: 1.2;
  }
  .itinerary-header__status {
    font-size: 0.625rem;
  }
  .itinerary-stop__actions {
    opacity: 1;
  }
  .itinerary-pin-button,
  .itinerary-delete-button {
    opacity: 1;
  }
  .itinerary-quota {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .itinerary-quota__cta {
    width: 100%;
  }
  .itinerary-quota__cta a {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .itinerary-main {
    padding: 0.5rem 0.75rem 0.75rem;
  }
  #chat-input {
    padding: 0.5rem 0.75rem 0.35rem;
    padding-bottom: calc(0.35rem + env(safe-area-inset-bottom, 0px));
  }
  .itinerary-stops {
    padding: 0.75rem 0.75rem 4rem;
  }
  .itinerary-stops__timeline {
    margin-left: 0.375rem;
    padding-left: 1.25rem;
  }
  .itinerary-stop__dot {
    left: -1.6875rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  .itinerary-stop__dot::before {
    content: "";
    position: absolute;
    inset: -0.625rem;
  }
  .itinerary-stop__image {
    width: 3.5rem;
    height: 3.5rem;
  }
  .itinerary-suggestion-chip {
    padding: 0.25rem 0.5rem;
    font-size: 0.625rem;
  }
  .itinerary-stop__action {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
  .itinerary-card__footer {
    flex-wrap: wrap;
  }
  .itinerary-card__footer-controls {
    width: 100%;
    justify-content: space-between;
  }
}
.itinerary-stop__anchor-badge {
  display: inline-flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.25rem;
  padding: 0.22rem 0.5rem;
  border-radius: 999px;
  background: rgba(6, 147, 147, 0.12);
  color: #05686C;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.1;
}

.la-action-bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}
.la-action-bar--wrap {
  flex-wrap: wrap;
}
.la-action-bar--scroll {
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 0.25rem;
}
.la-action-bar--scroll::-webkit-scrollbar {
  display: none;
}
.la-action-bar--scroll > * {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .la-action-bar--scroll {
    overflow-x: visible;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
}
.la-action-bar--between {
  justify-content: space-between;
}
.la-action-bar--center {
  justify-content: center;
}
.la-action-bar--lg {
  gap: 0.75rem;
}
.la-action-bar--compact {
  gap: 0.375rem;
}
.la-action-bar__group {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.la-action-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.la-action-row .inline-delete-form,
.la-action-row .button_to {
  display: inline-flex;
  margin: 0;
  padding: 0;
}
.la-action-row--end {
  justify-content: flex-end;
}
.la-action-row--center {
  justify-content: center;
}

.listing-show-container {
  padding: 1.25rem 8.75rem;
}
.listing-show-container .carousel-item img {
  height: 10.9375rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.5rem rgba(38, 38, 38, 0.1);
}
.listing-show-container .carousel-control-prev-icon,
.listing-show-container .carousel-control-next-icon {
  background-color: #FFF;
  border-radius: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(38, 38, 38, 0.1);
  width: 1.25rem;
  height: 1.25rem;
  background-size: 50%;
  background-position: center;
  opacity: 0;
}
.listing-show-container .carousel-control-prev-icon:hover,
.listing-show-container .carousel-control-next-icon:hover {
  opacity: 0.9;
}
.listing-show-container .carousel {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}
.listing-show-container .carousel .carousel-inner {
  max-height: 37.5rem;
}
.listing-show-container .carousel .carousel-inner img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 19.375rem;
}
.listing-show-container .carousel-indicators [data-bs-target] {
  width: 1.25rem;
  border-top: none;
  border-bottom: none;
  border-radius: 0.5rem;
}
.listing-show-container .carousel-indicators li {
  list-style-type: none;
}
.listing-show-container hr {
  border-color: #757575;
  box-shadow: 0 1px 2px rgba(38, 38, 38, 0.3);
}
.listing-show-container .listing-header, .listing-show-container .listing-info {
  padding: 0.625rem;
  background-color: #F5F5F5;
  border-radius: 0.625rem;
  line-height: 1.25rem;
  position: relative;
}
.listing-show-container .listing-header h1, .listing-show-container .listing-info h1 {
  margin-bottom: 0;
  font-size: 1.7rem;
  font-weight: 600;
}
.listing-show-container .listing-header h2, .listing-show-container .listing-info h2 {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
}
.listing-show-container .listing-header p, .listing-show-container .listing-info p {
  font-size: 0.7rem;
  margin: 0.625rem;
}
.listing-show-container .btn {
  margin-top: 1.25rem;
}

.type-list-container {
  width: 50%;
  display: flex;
  align-items: flex-start;
  margin: 0.625rem;
}
.type-list-container .type-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 0.6rem;
}
.type-list-container .type-list ::marker {
  color: #757575;
  box-shadow: 0 1px 2px rgba(38, 38, 38, 0.3);
}
.type-list-container .type-list li.list-item {
  position: relative;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1.5em;
}
.type-list-container .type-list li.list-item:hover .tooltip-text {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.type-list-container .type-list li.list-item .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 60%;
  margin-top: 0.375rem;
  font-size: 0.5625rem;
  color: rgba(38, 38, 38, 0.78);
  width: -moz-max-content;
  width: max-content;
  max-width: 18.75rem;
  white-space: normal;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.94);
  padding: 0.0625rem 0.3125rem;
  border-radius: 3.125rem;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(38, 38, 38, 0.07);
  transition: all 0.2s ease-in-out;
  z-index: 1;
}

.show-page-icon {
  width: 1.25rem;
  height: auto;
  vertical-align: middle;
  margin: auto;
}

.activity-details-title {
  position: relative; /* makes it the reference point for absolutely positioned children */
}

.listing-links {
  position: absolute; /* absolutely position the list */
  bottom: 0;
  right: 0;
  text-align: right;
  padding: 0.625rem;
}
.listing-links ul {
  margin-bottom: 0;
}

.listing-links-icons {
  display: inline-block;
  margin-left: 0.0625rem;
  margin-bottom: 0;
}

.listing-links-icons img {
  width: 0.875rem;
  height: auto;
  margin-bottom: 0;
}

.la-account-edit {
  padding: 1.5rem 0 3rem;
}

.la-native.registrations-page.edit-action {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.la-native.registrations-page.edit-action .la-account-edit {
  min-height: 100dvh;
  padding-top: var(--la-native-pushed-page-padding-top, 5.95rem);
  padding-bottom: max(4.25rem, env(safe-area-inset-bottom) + 3rem);
  background: radial-gradient(circle at 88% 8%, rgba(124, 200, 200, 0.22) 0 6.25rem, transparent 6.5rem), linear-gradient(180deg, #FFF 0%, #F9F9F9 100%);
}
.la-native.registrations-page.edit-action .la-account-edit__container {
  max-width: 44rem;
}
.la-native.registrations-page.edit-action .la-account-edit__hero {
  display: block;
  margin-bottom: clamp(0.9rem, 2dvh, 1.15rem);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.la-native.registrations-page.edit-action .la-account-edit__eyebrow {
  margin-bottom: 0.42rem;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
}
.la-native.registrations-page.edit-action .la-account-edit__title {
  font-size: 1.65rem;
  letter-spacing: 0;
  line-height: 1.08;
  text-align: left;
}
.la-native.registrations-page.edit-action .la-account-edit__subtitle {
  max-width: 25.5rem;
  margin: 0.45rem 0 0;
  font-size: 0.86rem;
  line-height: 1.34;
  text-align: left;
}
.la-native.registrations-page.edit-action .la-account-edit__hero-meta {
  margin-top: 0.9rem;
}
.la-native.registrations-page.edit-action .la-account-edit__identity-card,
.la-native.registrations-page.edit-action .la-account-edit__panel {
  border-radius: 1rem;
}

.la-account-edit__container {
  max-width: 72rem;
}

.la-account-edit__hero {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.5rem;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.16), transparent 32%), linear-gradient(180deg, rgba(6, 147, 147, 0.06) 0%, rgba(255, 255, 255, 0.98) 72%);
  box-shadow: 0 1.125rem 2.5rem rgba(79, 79, 79, 0.08);
}
@media (min-width: 768px) {
  .la-account-edit__hero {
    grid-template-columns: minmax(0, 1.8fr) minmax(18rem, 1fr);
    align-items: end;
    padding: 2rem;
  }
}

.la-account-edit__eyebrow {
  margin: 0 0 0.6rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #069393;
}

.la-account-edit__title {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 0.98;
  color: #262626;
}

.la-account-edit__subtitle {
  max-width: 42rem;
  margin: 0.85rem 0 0;
  font-size: 1rem;
  line-height: 1.65;
  color: #4F4F4F;
}

.la-account-edit__hero-meta {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .la-account-edit__hero-meta {
    justify-content: flex-end;
  }
}

.la-account-edit__identity-card {
  display: flex;
  align-items: center;
  gap: 0.78rem;
  min-width: 0;
  width: 100%;
  padding: 1rem 1.1rem;
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.92);
  border: 0.0625rem solid rgba(6, 147, 147, 0.16);
}

.la-account-edit__identity-avatar {
  box-shadow: inset 0 0 0 0.0625rem rgba(6, 147, 147, 0.08);
}

.la-account-edit__identity-copy {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

.la-account-edit__identity-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #757575;
}

.la-account-edit__identity-value {
  overflow-wrap: anywhere;
  font-size: 1rem;
  font-weight: 700;
  color: #262626;
}

.la-account-edit__identity-badge {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0.32rem 0.72rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.16);
  border-radius: 999px;
  background: rgba(6, 147, 147, 0.12);
  color: #069393;
  font-size: 0.82rem;
  font-weight: 700;
}

.la-account-edit__identity-badge--free {
  background: rgba(6, 147, 147, 0.12);
  color: #069393;
}

.la-account-edit__identity-badge--lifetime {
  background: rgba(244, 131, 94, 0.18);
  color: #262626;
}

.la-account-edit__layout {
  display: grid;
  gap: 1rem;
}
@media (min-width: 992px) {
  .la-account-edit__layout {
    grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 0.95fr);
    align-items: start;
  }
}

.la-account-edit__sidebar {
  display: grid;
  gap: 1rem;
}

.la-account-edit__panel {
  padding: 1.35rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.35rem;
  background: #FFF;
  box-shadow: 0 1rem 2rem rgba(79, 79, 79, 0.06);
}

.la-account-edit__panel--primary {
  padding: 1.35rem;
}
@media (min-width: 768px) {
  .la-account-edit__panel--primary {
    padding: 1.6rem;
  }
}

.la-account-edit__panel--danger {
  border-color: rgba(226, 92, 61, 0.22);
  background: linear-gradient(180deg, rgba(226, 92, 61, 0.04) 0%, #FFF 100%);
}

.la-account-edit__panel-header {
  margin-bottom: 1rem;
}

.la-account-edit__panel-title {
  margin: 0 0 0.3rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #262626;
}

.la-account-edit__panel-text {
  margin: 0;
  color: #4F4F4F;
  line-height: 1.6;
}

.la-account-edit__form {
  display: grid;
  gap: 1rem;
}

.la-account-edit__field-grid {
  display: grid;
  gap: 0.9rem;
}
@media (min-width: 768px) {
  .la-account-edit__field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.la-account-edit__label {
  display: inline-block;
  margin-bottom: 0.38rem;
  font-size: 0.88rem;
  font-weight: 700;
  color: #262626;
}

.la-account-edit__password-block {
  padding-top: 0.25rem;
  border-top: 0.0625rem solid rgba(117, 117, 117, 0.18);
}

.la-account-edit__password-heading {
  margin-bottom: 0.8rem;
}

.la-account-edit__subheading {
  margin: 0 0 0.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #262626;
}

.la-account-edit__subtext,
.la-account-edit__status-note {
  margin: 0;
  color: #757575;
  line-height: 1.5;
}

.la-account-edit__status-note {
  padding: 0.8rem 0.95rem;
  border-radius: 1rem;
  background: rgba(74, 122, 216, 0.08);
  color: #2B5CAA;
}

.la-account-edit__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.la-account-edit__submit {
  min-width: 14rem;
}

.la-account-edit__section-action {
  width: 100%;
  margin-top: 1rem;
}

.la-modal--add-friend .la-modal__dialog {
  width: min(100% - 2rem, 28rem);
  max-width: 28rem;
}
.la-modal--add-friend .la-modal__content {
  overflow: hidden;
  border: 0.0625rem solid rgba(6, 147, 147, 0.14);
  border-radius: 1.35rem;
  background: #FFF;
  box-shadow: 0 1.5rem 3rem rgba(38, 38, 38, 0.18);
}
.la-modal--add-friend .la-modal__header {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.1rem 1.2rem 0.9rem;
  border-bottom: 0.0625rem solid rgba(117, 117, 117, 0.12);
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.14), transparent 35%), linear-gradient(180deg, rgba(6, 147, 147, 0.05) 0%, #FFF 100%);
}
.la-modal--add-friend .la-modal__heading {
  min-width: 0;
  flex: 1 1 auto;
}
.la-modal--add-friend .la-modal__title {
  margin: 0;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 1.18rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
}
.la-modal--add-friend .la-modal__subtitle {
  margin: 0.45rem 0 0;
  color: #757575;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.38;
}
.la-modal--add-friend .la-modal__close {
  position: static;
  flex: 0 0 auto;
  width: 2.6rem;
  height: 2.6rem;
  border: 0.0625rem solid rgba(117, 117, 117, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #4F4F4F;
  box-shadow: 0 0.45rem 1rem rgba(38, 38, 38, 0.08);
}
.la-modal--add-friend .la-modal__body {
  padding: 1.15rem 1.2rem 0.4rem;
  background: #FFF;
}
.la-modal--add-friend .la-form__group {
  margin-bottom: 0;
}
.la-modal--add-friend .la-form__label {
  margin-bottom: 0.35rem;
  color: #262626;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.la-modal--add-friend .la-form__input {
  min-height: 2.85rem;
  border-color: rgba(117, 117, 117, 0.34);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.5);
  color: #262626;
  font-size: 1rem;
}
.la-modal--add-friend .la-modal__footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
  padding: 0.9rem 1.2rem calc(0.9rem + env(safe-area-inset-bottom, 0px));
  border-top: 0.0625rem solid rgba(117, 117, 117, 0.12);
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
}
.la-modal--add-friend .la-modal__footer .la-btn {
  width: 100%;
  min-height: 2.85rem;
  margin: 0;
  border-radius: 999px;
  white-space: nowrap;
}

body.la-native .la-modal--add-friend {
  align-items: flex-end;
  justify-content: center;
}
body.la-native .la-modal--add-friend .la-modal__overlay {
  background: rgba(38, 38, 38, 0.48);
  -webkit-backdrop-filter: blur(0.12rem);
          backdrop-filter: blur(0.12rem);
}
body.la-native .la-modal--add-friend .la-modal__dialog {
  width: 100%;
  max-width: 100%;
  margin: 0;
  transform: translateY(100%);
}
body.la-native .la-modal--add-friend.active .la-modal__dialog {
  transform: translateY(0);
}
body.la-native .la-modal--add-friend .la-modal__content {
  max-height: min(68dvh, 34rem);
  border: 0;
  border-radius: 1.65rem 1.65rem 0 0;
  box-shadow: 0 -1rem 2.5rem rgba(38, 38, 38, 0.18);
}
body.la-native .la-modal--add-friend .la-modal__content::before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 50%;
  z-index: 4;
  width: 2.65rem;
  height: 0.28rem;
  border-radius: 999px;
  background: rgba(117, 117, 117, 0.26);
  transform: translateX(-50%);
}
body.la-native .la-modal--add-friend .la-modal__header {
  padding: 3.15rem 1.7rem 0.75rem;
  border-bottom: 0;
  background: #FFF;
}
body.la-native .la-modal--add-friend .la-modal__title {
  color: #262626;
  font-size: clamp(2.15rem, 8vw, 2.55rem);
  font-weight: 500;
  line-height: 1.04;
}
body.la-native .la-modal--add-friend .la-modal__subtitle {
  max-width: 35rem;
  margin: 0.85rem 0 0;
  color: #757575;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.36;
}
body.la-native .la-modal--add-friend .la-modal__close {
  width: 2.95rem;
  height: 2.95rem;
}
body.la-native .la-modal--add-friend .la-modal__body {
  padding: 0.7rem 1.7rem 1.2rem;
}
body.la-native .la-modal--add-friend .la-form__label {
  margin-bottom: 0.42rem;
  color: #262626;
  font-size: 0.93rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}
body.la-native .la-modal--add-friend .la-form__input {
  min-height: 3.2rem;
  border-color: rgba(117, 117, 117, 0.28);
  border-radius: 0.68rem;
  background: #FFF;
  box-shadow: 0 0.12rem 0.45rem rgba(38, 38, 38, 0.03);
}
body.la-native .la-modal--add-friend .la-modal__footer {
  grid-template-columns: 1fr;
  gap: 0.85rem;
  padding: 1.05rem 1.7rem calc(1.15rem + env(safe-area-inset-bottom, 0px));
  border-top: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), #FFF 30%);
}
body.la-native .la-modal--add-friend .la-modal__footer .la-btn {
  min-height: 3.35rem;
  border-radius: 1rem;
  font-size: 1.04rem;
  font-weight: 800;
}
body.la-native .la-modal--add-friend .la-modal__footer .la-btn--cancel {
  order: 2;
  min-height: 3.2rem;
  border: 0.0625rem solid rgba(117, 117, 117, 0.18);
  background: #FFF;
  color: #262626;
  box-shadow: 0 0.55rem 1.2rem rgba(38, 38, 38, 0.08);
}
body.la-native .la-modal--add-friend .la-modal__footer .la-btn--cancel:hover, body.la-native .la-modal--add-friend .la-modal__footer .la-btn--cancel:focus {
  border-color: rgba(6, 147, 147, 0.28);
  background: rgba(6, 147, 147, 0.05);
  color: #069393;
}

.la-admin-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 1.5rem;
}
.la-admin-table__header {
  background-color: #F9F9F9;
  font-weight: 600;
}
.la-admin-table__row {
  transition: background-color 0.2s ease;
}
.la-admin-table__row:hover {
  background-color: rgba(249, 249, 249, 0.5);
}
.la-admin-table__action-icon {
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.la-admin-table__action-icon:hover {
  transform: scale(1.1);
}
.la-admin-table__action-icon--edit {
  color: #2B5CAA;
}
.la-admin-table__action-icon--edit svg {
  fill: currentColor;
  stroke: none;
}
.la-admin-table__action-icon--view {
  color: #069393;
}
.la-admin-table__action-icon--view svg {
  fill: currentColor;
  stroke: none;
}
.la-admin-table__action-icon--delete {
  color: #E25C3D;
}
.la-admin-table__action-icon--delete svg {
  fill: currentColor;
  stroke: none;
}
.la-admin-table__action-icon--add {
  color: #069393;
}
.la-admin-table__action-icon--add svg {
  fill: currentColor;
  stroke: none;
}
.la-admin-table .la-admin-search__icon {
  width: 1.125rem;
  height: 1.125rem;
}
.la-admin-table .la-admin-search__icon--submit {
  color: #FFF;
}
.la-admin-table .la-admin-search__icon--reset {
  color: #4F4F4F;
}

/* Alert Component
---------------------------
A compact and organized alert component for system messages.
Follows BEM methodology with la- prefix.
*/
.la-alert {
  position: fixed;
  bottom: 1.25rem;
  left: 1rem;
  right: 1rem;
  z-index: 1050;
  width: auto;
  max-width: none;
  padding: 0.75rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.3rem;
  background: #FFF;
  box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(38, 38, 38, 0.1), 0 0.125rem 0.25rem -0.0625rem rgba(38, 38, 38, 0.06);
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transform-origin: bottom right;
  animation: alert-slide-in 0.2s ease-out;
  left: 1rem;
  right: 1rem;
  width: auto;
  max-width: none;
}
@media (min-width: 576px) {
  .la-alert {
    left: auto;
    right: 1.25rem;
    width: 20rem;
  }
}
@keyframes alert-slide-in {
  from {
    transform: translateY(100%) scale(0.95);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
.la-alert__content {
  flex: 1;
  display: flex;
  gap: 0.5rem;
  min-width: 0;
}
.la-alert__icon {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: 0.125rem;
}
.la-alert__icon svg {
  fill: currentColor;
  stroke: none;
}
.la-alert__text {
  flex: 1;
  min-width: 0;
}
.la-alert__title {
  font-weight: 700;
  font-size: 0.875rem;
  margin: 0 0 0.125rem;
  color: inherit;
}
.la-alert__message {
  margin: 0;
  color: inherit;
  opacity: 0.9;
}
.la-alert .la-btn--close {
  flex-shrink: 0;
  padding: 0.125rem;
  margin: -0.125rem -0.25rem 0 0;
  background: transparent;
  border: none;
  color: inherit;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.15s linear;
}
.la-alert .la-btn--close:hover {
  opacity: 0.75;
}
.la-alert .la-btn--close svg {
  width: 0.875rem;
  height: 0.875rem;
}
.la-alert--success {
  background-color: rgb(230.5, 254, 254);
  border-color: #07B4B4;
  color: hsl(180, 92.1568627451%, -5%);
}
.la-alert--error {
  background-color: hsl(11.2727272727, 73.9910313901%, 121.2745098039%);
  border-color: #F19B85;
  color: rgb(94.3901345291, 29.1928251121, 14.1098654709);
}
.la-alert--warning {
  background-color: hsl(39.5604395604, 89.2156862745%, 125%);
  border-color: #F9D48A;
  color: rgb(120.625, 81.875, 6.875);
}
.la-alert--info {
  background-color: hsl(219.7183098592, 64.5454545455%, 121.862745098%);
  border-color: #8FABEE;
  color: rgb(19.7659090909, 44.0931818182, 91.7340909091);
}
.la-alert--fade-out {
  animation: alert-slide-out 0.2s ease-in forwards;
}
@keyframes alert-slide-out {
  to {
    transform: translateY(0.625rem) scale(0.95);
    opacity: 0;
  }
}
@media (min-width: 576px) {
  .la-alert {
    left: auto;
    right: auto;
    width: 350px;
    max-width: 100%;
  }
}

/* Avatar Component
---------------------------
Avatar component for user profile images.
Follows BEM methodology with la- prefix.
*/
.la-avatar {
  width: 2.5rem;
  border-radius: 50%;
}
.la-avatar--large {
  width: 3.5rem;
  border-radius: 50%;
}
.la-avatar--bordered {
  border-radius: 50%;
  box-shadow: 0 0.0625rem 0.125rem rgba(38, 38, 38, 0.2);
  border: 0.0625rem solid #FFF;
}
.la-avatar--square {
  border-radius: 0;
  box-shadow: 0 0.0625rem 0.125rem rgba(38, 38, 38, 0.2);
  border: 0.0625rem solid #FFF;
}

.la-avatar-initial {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(6, 147, 147, 0.14) 0%, rgba(6, 147, 147, 0.08) 100%);
  color: #069393;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.la-btn {
  --la-btn-min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--la-btn-min-height);
  padding: 0.625rem 1.375rem;
  gap: 0.5rem;
  border: 0.0625rem solid transparent;
  border-radius: 50rem;
  background-color: #FFF;
  color: #262626;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease, opacity 180ms ease;
}
.la-btn:visited {
  color: #262626;
}
.la-btn:hover {
  text-decoration: none;
}
.la-btn:focus, .la-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-btn:disabled, .la-btn[disabled], .la-btn--disabled {
  opacity: 0.58;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}
.la-btn--xs {
  --la-btn-min-height: 1.875rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  gap: 0.375rem;
}
.la-btn--sm {
  --la-btn-min-height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  gap: 0.4375rem;
}
.la-btn--lg {
  --la-btn-min-height: 3rem;
  padding: 0.875rem 1.75rem;
  font-size: 1rem;
}
.la-btn--full, .la-btn--full-width {
  width: 100%;
}
.la-btn--icon, .la-btn--icon-leading, .la-btn--icon-right {
  gap: 0.5rem;
}
.la-btn--icon-only:not(.la-btn--icon-leading):not(.la-btn--icon-right) {
  width: var(--la-btn-min-height);
  min-width: var(--la-btn-min-height);
  padding-inline: 0.5rem;
  border-radius: 999rem;
}
.la-btn__icon,
.la-btn .la-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.la-btn__icon svg,
.la-btn .la-icon svg {
  width: 1rem;
  height: 1rem;
}
.la-btn--primary, .la-btn--auth-submit, .la-btn--success {
  background-color: #069393;
  color: #FFF;
  border-color: #069393;
  box-shadow: 0 0.375rem 1.125rem rgba(6, 147, 147, 0.14);
}
.la-btn--primary:visited, .la-btn--auth-submit:visited, .la-btn--success:visited {
  color: #FFF;
}
.la-btn--primary:hover, .la-btn--auth-submit:hover, .la-btn--success:hover {
  background-color: #05686C;
  color: #FFF;
  border-color: #05686C;
  text-decoration: none;
}
.la-btn--primary:active, .la-btn--auth-submit:active, .la-btn--success:active {
  background-color: #033F3F;
  color: #FFF;
  border-color: #033F3F;
}
.la-btn--primary:focus, .la-btn--primary:focus-visible, .la-btn--auth-submit:focus, .la-btn--auth-submit:focus-visible, .la-btn--success:focus, .la-btn--success:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-btn--primary:hover, .la-btn--auth-submit:hover, .la-btn--success:hover {
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.625rem 1.5rem rgba(6, 147, 147, 0.18);
}
.la-btn--primary:active, .la-btn--auth-submit:active, .la-btn--success:active {
  transform: translateY(0);
  box-shadow: 0 0.25rem 0.625rem rgba(6, 147, 147, 0.16);
}
.la-btn--auth-submit {
  width: 100%;
}
.la-btn--secondary, .la-btn--auth-signup {
  background-color: #FFF;
  color: #05686C;
  border-color: #069393;
}
.la-btn--secondary:visited, .la-btn--auth-signup:visited {
  color: #05686C;
}
.la-btn--secondary:hover, .la-btn--auth-signup:hover {
  background-color: #FFF;
  color: #033F3F;
  border-color: #05686C;
  text-decoration: none;
}
.la-btn--secondary:active, .la-btn--auth-signup:active {
  background-color: #FFF;
  color: #033F3F;
  border-color: #05686C;
}
.la-btn--secondary:focus, .la-btn--secondary:focus-visible, .la-btn--auth-signup:focus, .la-btn--auth-signup:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-btn--auth-signup {
  width: 100%;
}
.la-btn--cancel {
  background-color: #FFF;
  color: #262626;
  border-color: #F5F5F5;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.1);
}
.la-btn--cancel:visited {
  color: #262626;
}
.la-btn--cancel:hover {
  background-color: #FFF;
  color: #262626;
  border-color: #BDBDBD;
  text-decoration: none;
}
.la-btn--cancel:active {
  background-color: #F5F5F5;
  color: #262626;
  border-color: #757575;
}
.la-btn--cancel:focus, .la-btn--cancel:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-btn--outline-primary {
  background-color: #FFF;
  color: #05686C;
  border-color: rgba(6, 147, 147, 0.38);
}
.la-btn--outline-primary:visited {
  color: #05686C;
}
.la-btn--outline-primary:hover {
  background-color: #FFF;
  color: #033F3F;
  border-color: #069393;
  text-decoration: none;
}
.la-btn--outline-primary:active {
  background-color: #FFF;
  color: #033F3F;
  border-color: #05686C;
}
.la-btn--outline-primary:focus, .la-btn--outline-primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-btn--outline-secondary {
  background-color: #FFF;
  color: #4F4F4F;
  border-color: rgba(117, 117, 117, 0.42);
}
.la-btn--outline-secondary:visited {
  color: #4F4F4F;
}
.la-btn--outline-secondary:hover {
  background-color: rgba(245, 245, 245, 0.85);
  color: #262626;
  border-color: rgba(117, 117, 117, 0.58);
  text-decoration: none;
}
.la-btn--outline-secondary:active {
  background-color: #F5F5F5;
  color: #262626;
  border-color: rgba(117, 117, 117, 0.64);
}
.la-btn--outline-secondary:focus, .la-btn--outline-secondary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #757575, 0 0 0 0.1875rem rgba(117, 117, 117, 0.18);
}
.la-btn--danger, .la-btn--error, .la-btn--accent {
  background-color: #E25C3D;
  color: #FFF;
  border-color: #E25C3D;
  box-shadow: 0 0.375rem 1.125rem rgba(226, 92, 61, 0.14);
}
.la-btn--danger:visited, .la-btn--error:visited, .la-btn--accent:visited {
  color: #FFF;
}
.la-btn--danger:hover, .la-btn--error:hover, .la-btn--accent:hover {
  background-color: #C0472D;
  color: #FFF;
  border-color: #C0472D;
  text-decoration: none;
}
.la-btn--danger:active, .la-btn--error:active, .la-btn--accent:active {
  background-color: #A02D14;
  color: #FFF;
  border-color: #A02D14;
}
.la-btn--danger:focus, .la-btn--danger:focus-visible, .la-btn--error:focus, .la-btn--error:focus-visible, .la-btn--accent:focus, .la-btn--accent:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #E25C3D, 0 0 0 0.1875rem rgba(226, 92, 61, 0.18);
}
.la-btn--danger:hover, .la-btn--error:hover, .la-btn--accent:hover {
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.625rem 1.5rem rgba(226, 92, 61, 0.18);
}
.la-btn--danger:active, .la-btn--error:active, .la-btn--accent:active {
  transform: translateY(0);
  box-shadow: 0 0.25rem 0.625rem rgba(226, 92, 61, 0.16);
}
.la-btn--remove, .la-btn--outline-accent, .la-btn--soft-danger {
  background-color: #FADDDB;
  color: #C0472D;
  border-color: rgba(226, 92, 61, 0.26);
}
.la-btn--remove:visited, .la-btn--outline-accent:visited, .la-btn--soft-danger:visited {
  color: #C0472D;
}
.la-btn--remove:hover, .la-btn--outline-accent:hover, .la-btn--soft-danger:hover {
  background-color: rgba(241, 155, 133, 0.48);
  color: #A02D14;
  border-color: rgba(226, 92, 61, 0.42);
  text-decoration: none;
}
.la-btn--remove:active, .la-btn--outline-accent:active, .la-btn--soft-danger:active {
  background-color: rgba(241, 155, 133, 0.62);
  color: #A02D14;
  border-color: rgba(226, 92, 61, 0.5);
}
.la-btn--remove:focus, .la-btn--remove:focus-visible, .la-btn--outline-accent:focus, .la-btn--outline-accent:focus-visible, .la-btn--soft-danger:focus, .la-btn--soft-danger:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #E25C3D, 0 0 0 0.1875rem rgba(226, 92, 61, 0.18);
}
.la-btn--outline-danger {
  background-color: #FFF;
  color: #C0472D;
  border-color: rgba(226, 92, 61, 0.4);
}
.la-btn--outline-danger:visited {
  color: #C0472D;
}
.la-btn--outline-danger:hover {
  background-color: rgba(250, 221, 219, 0.8);
  color: #A02D14;
  border-color: #E25C3D;
  text-decoration: none;
}
.la-btn--outline-danger:active {
  background-color: rgba(241, 155, 133, 0.42);
  color: #A02D14;
  border-color: #C0472D;
}
.la-btn--outline-danger:focus, .la-btn--outline-danger:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #E25C3D, 0 0 0 0.1875rem rgba(226, 92, 61, 0.18);
}
.la-btn--add {
  background-color: rgba(124, 200, 200, 0.55);
  color: #05686C;
  border-color: rgba(6, 147, 147, 0.2);
}
.la-btn--add:visited {
  color: #05686C;
}
.la-btn--add:hover {
  background-color: rgba(124, 200, 200, 0.8);
  color: #033F3F;
  border-color: rgba(6, 147, 147, 0.3);
  text-decoration: none;
}
.la-btn--add:active {
  background-color: #7cc8c8;
  color: #033F3F;
  border-color: rgba(6, 147, 147, 0.35);
}
.la-btn--add:focus, .la-btn--add:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-btn--warning, .la-btn--gold {
  background-color: #F4B63E;
  color: #262626;
  border-color: #F4B63E;
  box-shadow: 0 0.375rem 1.125rem rgba(244, 182, 62, 0.14);
}
.la-btn--warning:visited, .la-btn--gold:visited {
  color: #262626;
}
.la-btn--warning:hover, .la-btn--gold:hover {
  background-color: #DB9C24;
  color: #FFF;
  border-color: #DB9C24;
  text-decoration: none;
}
.la-btn--warning:active, .la-btn--gold:active {
  background-color: #9B6B12;
  color: #FFF;
  border-color: #9B6B12;
}
.la-btn--warning:focus, .la-btn--warning:focus-visible, .la-btn--gold:focus, .la-btn--gold:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #F4B63E, 0 0 0 0.1875rem rgba(244, 182, 62, 0.18);
}
.la-btn--warning:hover, .la-btn--gold:hover {
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.625rem 1.5rem rgba(244, 182, 62, 0.18);
}
.la-btn--warning:active, .la-btn--gold:active {
  transform: translateY(0);
  box-shadow: 0 0.25rem 0.625rem rgba(244, 182, 62, 0.16);
}
.la-btn--info {
  background-color: #4A7AD8;
  color: #FFF;
  border-color: #4A7AD8;
  box-shadow: 0 0.375rem 1.125rem rgba(74, 122, 216, 0.14);
}
.la-btn--info:visited {
  color: #FFF;
}
.la-btn--info:hover {
  background-color: #2B5CAA;
  color: #FFF;
  border-color: #2B5CAA;
  text-decoration: none;
}
.la-btn--info:active {
  background-color: #153670;
  color: #FFF;
  border-color: #153670;
}
.la-btn--info:focus, .la-btn--info:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #4A7AD8, 0 0 0 0.1875rem rgba(74, 122, 216, 0.18);
}
.la-btn--info:hover {
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.625rem 1.5rem rgba(74, 122, 216, 0.18);
}
.la-btn--info:active {
  transform: translateY(0);
  box-shadow: 0 0.25rem 0.625rem rgba(74, 122, 216, 0.16);
}
.la-btn--text {
  background-color: transparent;
  color: #05686C;
  border-color: transparent;
  padding-inline: 0.625rem;
}
.la-btn--text:visited {
  color: #05686C;
}
.la-btn--text:hover, .la-btn--text:focus-visible {
  background-color: rgba(124, 200, 200, 0.45);
  color: #033F3F;
  border-color: transparent;
}
.la-btn--text:active {
  background-color: rgba(124, 200, 200, 0.7);
  color: #033F3F;
  border-color: transparent;
}
.la-btn--text-accent, .la-btn--text-danger {
  background-color: transparent;
  color: #E25C3D;
  border-color: transparent;
  padding-inline: 0.625rem;
}
.la-btn--text-accent:visited, .la-btn--text-danger:visited {
  color: #E25C3D;
}
.la-btn--text-accent:hover, .la-btn--text-accent:focus-visible, .la-btn--text-danger:hover, .la-btn--text-danger:focus-visible {
  background-color: rgba(250, 221, 219, 0.8);
  color: #C0472D;
  border-color: transparent;
}
.la-btn--text-accent:active, .la-btn--text-danger:active {
  background-color: rgba(241, 155, 133, 0.28);
  color: #A02D14;
  border-color: transparent;
}
.la-btn--ghost, .la-btn--link, .la-btn--outline {
  background-color: transparent;
  color: #4F4F4F;
  border-color: rgba(117, 117, 117, 0.35);
}
.la-btn--ghost:visited, .la-btn--link:visited, .la-btn--outline:visited {
  color: #4F4F4F;
}
.la-btn--ghost:hover, .la-btn--ghost:focus-visible, .la-btn--link:hover, .la-btn--link:focus-visible, .la-btn--outline:hover, .la-btn--outline:focus-visible {
  background-color: rgba(245, 245, 245, 0.85);
  color: #262626;
  border-color: rgba(117, 117, 117, 0.5);
}
.la-btn--ghost:active, .la-btn--link:active, .la-btn--outline:active {
  background-color: #F5F5F5;
  color: #262626;
  border-color: rgba(117, 117, 117, 0.6);
}
.la-btn--search {
  background-color: #069393;
  color: #FFF;
  border-color: #069393;
  box-shadow: 0 0.375rem 1.125rem rgba(6, 147, 147, 0.14);
  width: var(--la-btn-min-height);
  min-width: var(--la-btn-min-height);
  padding-inline: 0.5rem;
  border-radius: 999rem;
}
.la-btn--search:visited {
  color: #FFF;
}
.la-btn--search:hover {
  background-color: #05686C;
  color: #FFF;
  border-color: #05686C;
  text-decoration: none;
}
.la-btn--search:active {
  background-color: #033F3F;
  color: #FFF;
  border-color: #033F3F;
}
.la-btn--search:focus, .la-btn--search:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-btn--search:hover {
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.625rem 1.5rem rgba(6, 147, 147, 0.18);
}
.la-btn--search:active {
  transform: translateY(0);
  box-shadow: 0 0.25rem 0.625rem rgba(6, 147, 147, 0.16);
}
.la-btn--send {
  width: var(--la-btn-min-height);
  min-width: var(--la-btn-min-height);
  padding-inline: 0.5rem;
  border-radius: 999rem;
}
.la-btn--gradient-brand, .la-btn--gradient-primary {
  background-color: #069393;
  color: #FFF;
  border-color: transparent;
  box-shadow: 0 0.375rem 1.125rem rgba(6, 147, 147, 0.14);
  background-image: linear-gradient(135deg, #05686C 0%, #069393 100%);
  border-color: transparent;
}
.la-btn--gradient-brand:visited, .la-btn--gradient-primary:visited {
  color: #FFF;
}
.la-btn--gradient-brand:hover, .la-btn--gradient-primary:hover {
  background-color: #05686C;
  color: #FFF;
  border-color: transparent;
  text-decoration: none;
}
.la-btn--gradient-brand:active, .la-btn--gradient-primary:active {
  background-color: #033F3F;
  color: #FFF;
  border-color: transparent;
}
.la-btn--gradient-brand:focus, .la-btn--gradient-brand:focus-visible, .la-btn--gradient-primary:focus, .la-btn--gradient-primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-btn--gradient-brand:hover, .la-btn--gradient-primary:hover {
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.625rem 1.5rem rgba(6, 147, 147, 0.18);
}
.la-btn--gradient-brand:active, .la-btn--gradient-primary:active {
  transform: translateY(0);
  box-shadow: 0 0.25rem 0.625rem rgba(6, 147, 147, 0.16);
}
.la-btn--gradient-gold {
  background-color: #F4B63E;
  color: #262626;
  border-color: transparent;
  box-shadow: 0 0.375rem 1.125rem rgba(244, 182, 62, 0.14);
  background-image: linear-gradient(to right, #DB9C24, #DB9C24);
  border-color: transparent;
}
.la-btn--gradient-gold:visited {
  color: #262626;
}
.la-btn--gradient-gold:hover {
  background-color: #DB9C24;
  color: #FFF;
  border-color: transparent;
  text-decoration: none;
}
.la-btn--gradient-gold:active {
  background-color: #9B6B12;
  color: #FFF;
  border-color: transparent;
}
.la-btn--gradient-gold:focus, .la-btn--gradient-gold:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #F4B63E, 0 0 0 0.1875rem rgba(244, 182, 62, 0.18);
}
.la-btn--gradient-gold:hover {
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.625rem 1.5rem rgba(244, 182, 62, 0.18);
}
.la-btn--gradient-gold:active {
  transform: translateY(0);
  box-shadow: 0 0.25rem 0.625rem rgba(244, 182, 62, 0.16);
}
.la-btn--header-action {
  --la-btn-min-height: 2.5rem;
  padding-inline: 1rem;
  font-size: 0.875rem;
}

.la-btn-group {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.la-card {
  margin: 0.625rem;
  background-color: var(--la-white, #FFF);
  border-radius: 0.75rem;
  box-shadow: 0 0.125rem 1.25rem rgba(38, 38, 38, 0.1);
  overflow: hidden;
  width: 18.75rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.la-card:hover {
  transform: translateY(-0.3125rem);
  box-shadow: 0 0.5rem 1.875rem rgba(38, 38, 38, 0.15);
}
.la-card__header {
  width: 100%;
  overflow: hidden;
}
.la-card__header img {
  width: 100%;
  height: 12.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.la-card__header:hover img {
  transform: scale(1.05);
}
.la-card__action-icon {
  margin-right: 0.375rem;
  height: 1rem;
  width: 1rem;
  color: inherit;
  transition: transform 0.2s ease;
}
.la-card__action-icon:hover {
  transform: scale(1.1);
}
.la-card__action-icon--message {
  color: #FFF;
}
.la-card__action-icon--message svg {
  fill: currentColor;
  stroke: none;
}
.la-card__action-icon--remove {
  color: #FFF;
}
.la-card__action-icon--remove svg {
  fill: currentColor;
  stroke: none;
}
.la-card__action-icon--user-plus {
  color: #4F4F4F;
}
.la-card__action-icon--accept {
  color: #FFF;
}
.la-card__action-icon--accept svg {
  fill: currentColor;
  stroke: none;
}
.la-card__action-icon--reject {
  color: #FFF;
}
.la-card__action-icon--reject svg {
  fill: currentColor;
  stroke: none;
}
.la-card__action-icon--cancel {
  color: #4F4F4F;
}
.la-card__time-icon {
  margin-right: 0.25rem;
  height: 0.75rem;
  width: 0.75rem;
  color: #4F4F4F;
}
.la-card__header-text {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.625rem;
}
.la-card__time {
  font-size: 0.75rem;
  color: var(--la-gray-600, #4F4F4F);
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.la-card__body {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  min-height: 15.625rem;
}
.la-card__body .la-form {
  width: 100%;
  margin: 0;
}
.la-card__body .la-form .la-form__group:last-of-type {
  margin-bottom: 0;
}
.la-card__body .la-form .la-form__actions {
  margin-top: 1rem;
}
.la-card__title {
  margin: 0.625rem 0;
  font-family: var(--la-font-family-headers);
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--la-base-darkest, #262626);
}
.la-card__text {
  font-size: 0.9rem;
  color: var(--la-gray-700, #4F4F4F);
  margin: 0 0 1.25rem;
  line-height: 1.5;
}
.la-card__description {
  font-size: 0.675rem;
  color: var(--la-gray-600, #4F4F4F);
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.la-card__tag {
  background: #F5F5F5;
  border-radius: 3.125rem;
  font-size: 0.75rem;
  margin: 0;
  color: #FFF;
  padding: 0.125rem 0.625rem;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 500;
}
.la-card__tag--teal {
  background-color: var(--la-brand-primary, #069393);
}
.la-card__tag--purple {
  background-color: var(--la-info, #4A7AD8);
}
.la-card__tag--pink {
  background-color: var(--la-accent, #E25C3D);
}
.la-card__tag--warning {
  background-color: var(--la-warning, #F4B63E);
}
.la-card__tag--error {
  background-color: var(--la-danger, #E25C3D);
}
.la-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem;
  margin-bottom: 1.25rem;
}
.la-card__meta-item {
  font-size: 0.8rem;
  color: var(--la-gray-600, #4F4F4F);
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.la-card__meta-icon {
  height: 0.875rem;
  width: 0.875rem;
  margin-right: 0.25rem;
}
.la-card__meta-icon--location {
  color: #4F4F4F;
}
.la-card__meta-icon--duration {
  color: #4F4F4F;
}
.la-card__meta-icon--rating {
  color: #F4B63E;
}
.la-card__user {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.la-card__user img {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.625rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.la-card__user--large img {
  width: 3.75rem;
  height: 3.75rem;
}
.la-card__user-info {
  flex: 1 1 auto;
  min-width: 0;
}
.la-card__user-info .la-card__title {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.la-card__user-info h5 {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
}
.la-card__user-info small {
  color: var(--la-gray-600, #4F4F4F);
  font-size: 0.75rem;
}
.la-card__avatar {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  border-radius: 50%;
  margin-right: 0.625rem;
  overflow: hidden;
}
.la-card__user--large .la-card__avatar {
  width: 3.75rem;
  height: 3.75rem;
}
.la-card__avatar-placeholder {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--la-brand-lightest, #7CC8C8);
  color: var(--la-base-darkest, #262626);
  font-weight: 600;
  font-size: 1.2rem;
  border-radius: 50%;
}
.la-card__user--large .la-card__avatar-placeholder {
  font-size: 1.5rem;
}
.la-card__placeholder {
  background: #F5F5F5;
  height: 12.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-card__message {
  background-color: var(--la-gray-100, #FFF);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 0.9375rem 0;
}
.la-card__message p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--la-gray-700, #4F4F4F);
  font-style: italic;
}
.la-card__actions {
  padding: 0.75rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.la-card__actions small {
  color: var(--la-gray-600, #4F4F4F);
  font-size: 0.75rem;
}
.la-card__link {
  color: var(--la-brand-primary, #069393);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  margin-top: 0.9375rem;
  display: inline-block;
  transition: color 0.15s ease-in-out;
}
.la-card__link:hover {
  color: var(--la-brand-dark, #07B4B4);
  text-decoration: underline;
}
.la-card__footer {
  padding: 0.9375rem;
  background-color: var(--la-gray-100, #FFF);
  border-top: 1px solid var(--la-gray-200, #F9F9F9);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.la-card__info-icon {
  height: 1rem;
  width: 1rem;
  margin-right: 0.375rem;
  color: #4F4F4F;
}
.la-card__info-icon--location, .la-card__info-icon--pin {
  color: #4F4F4F;
}
.la-card__info-icon--duration {
  color: #4F4F4F;
}
.la-card__info-icon--activity {
  color: #069393;
}
.la-card__info-icon--price {
  color: #05686C;
}
.la-card__info-icon--food {
  color: #4A7AD8;
}
.la-card__info-icon--group {
  color: #2B5CAA;
}
.la-card__info-icon--home {
  color: #4F4F4F;
}
.la-card__stats-icon {
  height: 1rem;
  width: 1rem;
  margin-right: 0.375rem;
  color: #FFF;
}
.la-card__stats-icon--view, .la-card__stats-icon--message, .la-card__stats-icon--download {
  color: #FFF;
}
.la-card__detail-icon {
  height: 1rem;
  width: 1rem;
  margin-right: 0.375rem;
  color: inherit;
}
.la-card__detail-icon--duration {
  color: #4F4F4F;
}
.la-card__detail-icon--location {
  color: #4F4F4F;
}
.la-card__detail-icon--rating {
  color: #F4B63E;
}
.la-card--friend {
  width: 21.875rem;
}
.la-card--friend .la-card__body {
  min-height: auto;
  padding: 0.9375rem;
}
.la-card--friend .la-card__title {
  margin: 0 0 0.3125rem;
}
.la-card--friend .la-card__text {
  margin: 0 0 0.9375rem;
}
.la-card--friend-request {
  width: 21.875rem;
}
.la-card--friend-request .la-card__body {
  min-height: auto;
  padding: 0.9375rem;
}
.la-card--friend-request .la-card__header-text {
  margin-bottom: 0.75rem;
}
.la-card--photo {
  width: 21.875rem;
  height: 31.25rem;
  position: relative;
  overflow: visible;
}
.la-card--photo .la-card__header {
  height: 100%;
  position: relative;
}
.la-card--photo .la-card__header img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.la-card--photo .la-card__stats {
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  padding: 0.9375rem 1.875rem;
  color: #FFF;
  z-index: 2;
}
.la-card--photo .la-card__stats__meta {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3125rem;
}
.la-card--photo .la-card__stats__meta-item {
  display: flex;
  align-items: center;
  margin-right: 0.9375rem;
  font-size: 0.75rem;
  color: #757575;
}
.la-card--photo .la-card__stats__meta-item-icon {
  margin-right: 0.3125rem;
}
.la-card--photo .la-card__stats__meta-icon {
  margin-right: 0.3125rem;
  height: 0.875rem;
  width: 0.875rem;
}
.la-card--photo .la-card__stats__meta-icon--location {
  color: #4F4F4F;
}
.la-card--photo .la-card__stats__meta-icon--duration {
  color: #4F4F4F;
}
.la-card--photo .la-card__stats__meta-icon--rating {
  color: #F4B63E;
}
.la-card--photo .la-card__stats-item {
  margin-right: 1.25rem;
  display: flex;
  align-items: center;
  font-size: 0.9rem;
}
.la-card--photo .la-card__stats-item-icon {
  margin-right: 0.5rem;
  color: #FFF;
}
.la-card--photo .la-card__photographer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--la-gray-100, #FFF);
  display: flex;
  align-items: center;
  padding: 1.25rem;
  border-radius: 0 0 0.625rem 0.625rem;
  z-index: 1;
}
.la-card--photo .la-card__photographer img {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.9375rem;
}
.la-card--photo .la-card__photographer-info h3 {
  color: var(--la-base-darkest, #262626);
  font-size: 1.2rem;
  margin: 0 0 0.3125rem;
  font-weight: 600;
}
.la-card--photo .la-card__photographer-info p {
  color: var(--la-gray-600, #4F4F4F);
  font-size: 0.8rem;
  margin: 0;
}
.la-card--photo .la-card__photographer-info p b {
  font-style: italic;
}
.la-card--photo::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70%;
  background: linear-gradient(to top, rgba(38, 38, 38, 0.7) 0%, rgba(38, 38, 38, 0) 100%);
  border-radius: 0 0 0.625rem 0.625rem;
  z-index: 1;
}
.la-card--blog {
  background-color: #FFF;
  box-shadow: 0 0 0 0.0625rem rgba(38, 38, 38, 0.05), 0 1.25rem 3.125rem 0 rgba(38, 38, 38, 0.1);
  border-radius: 0.9375rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
  transition: 0.15s ease-in;
  width: 25rem;
}
.la-card--blog:hover, .la-card--blog:focus-within {
  box-shadow: 0 0 0 2px var(--la-brand-primary, #069393), 0 10px 60px 0 rgba(38, 38, 38, 0.1);
  transform: translateY(-0.3125rem);
}
.la-card--blog .la-card__image {
  border-radius: 0.625rem;
  overflow: hidden;
  margin: -1.25rem -1.25rem 0;
}
.la-card--blog .la-card__image img {
  width: 100%;
  height: auto;
  display: block;
}
.la-card--blog .la-card__header {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.la-card--blog .la-card__header a {
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.25;
  padding-right: 1rem;
  text-decoration: none;
  color: var(--la-base-darkest, #262626);
  will-change: transform;
  position: relative;
}
.la-card--blog .la-card__header a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.la-card--blog .la-card__icon-button {
  border: 0;
  background-color: #FFF;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 1.25rem;
  transition: 0.25s ease;
  box-shadow: 0 0 0 1px rgba(var(--la-black, #262626), 0.05), 0 0.1875rem 0.5rem 0 rgba(var(--la-black, #262626), 0.15);
  z-index: 1;
  cursor: pointer;
  color: var(--la-gray-500, #757575);
}
.la-card--blog .la-card__icon-button .la-icon {
  width: 1em;
  height: 1em;
}
.la-card--blog .la-card__icon-button:hover, .la-card--blog .la-card__icon-button:focus {
  background-color: var(--la-danger, #E25C3D);
  color: var(--la-white, #FFF);
}
.la-card--blog .la-card__footer {
  margin-top: 1.25rem;
  border-top: 1px solid var(--la-gray-200, #F9F9F9);
  padding-top: 1.25rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: transparent;
}
.la-card--blog .la-card__meta {
  display: flex;
  align-items: center;
  color: var(--la-gray-500, #757575);
  margin-bottom: 0;
}
.la-card--blog .la-card__meta:first-child::after {
  display: block;
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: currentcolor;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.la-card--blog .la-card__meta .la-icon {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
}
.la-card--listing {
  background-color: var(--la-white, #FFF);
  box-shadow: 0 0.0625rem 0.1875rem rgba(38, 38, 38, 0.12), 0 0.0625rem 0.125rem rgba(38, 38, 38, 0.24);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 100%;
  min-width: 13.75rem;
  max-width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-self: center;
  overflow: visible;
}
.la-card--listing:hover {
  box-shadow: 0 0.5rem 1.875rem rgba(38, 38, 38, 0.15);
  transform: translateY(-0.25rem);
}
.la-card--listing .la-card__actions {
  position: absolute;
  top: -0.1rem;
  right: -0.1rem;
  z-index: 11;
  display: flex;
  gap: 0.5rem;
}
.la-card--listing .la-card__actions .la-card__featured-badge {
  position: relative;
  padding: 0.1875rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #FFF;
  text-shadow: 0 2px 4px rgba(38, 38, 38, 0.6);
  border-radius: 50rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: visible;
  transition: transform 0.2s ease-out;
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(219, 156, 36, 0.4);
}
.la-card--listing .la-card__actions .la-card__featured-badge .la-glass-filter {
  background: rgba(219, 156, 36, 0.3);
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
}
.la-card--listing .la-card__actions .la-card__featured-badge .la-glass-overlay {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(219, 156, 36, 0.2) 50%, rgba(255, 255, 255, 0.05) 100%);
}
.la-card--listing .la-card__actions .la-card__featured-badge .la-glass-specular {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, transparent 50%);
}
.la-card--listing .la-card__actions .la-card__featured-badge .la-glass-content {
  position: relative;
  padding: 0.1875rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #FFF;
  text-shadow: 0 2px 4px rgba(38, 38, 38, 0.6);
  letter-spacing: 0.0313rem;
}
.la-card--listing .la-card__actions .la-card__featured-badge::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: linear-gradient(135deg, rgba(219, 156, 36, 0.3) 0%, rgba(219, 156, 36, 0.1) 50%, rgba(219, 156, 36, 0.3) 100%);
  border-radius: 50rem;
  z-index: -1;
}
.la-card--listing .la-card__actions .la-card:hover .la-card__featured-badge {
  transform: scale(1.1);
}
.la-card--listing .la-card__actions .la-card:hover .la-card__sparkle {
  filter: blur(0.3px) brightness(1.2);
}
.la-card--listing .la-card__actions .la-card__sparkle {
  width: 1.5625rem;
  height: 1.5625rem;
  position: absolute;
  top: -0.8rem;
  right: -0.7rem;
  transform: rotate(-20deg);
  filter: blur(0.5px);
  z-index: 1;
}
.la-card--listing .la-card__actions .la-card__sparkle::before, .la-card--listing .la-card__actions .la-card__sparkle::after {
  content: "";
  position: absolute;
}
.la-card--listing .la-card__actions .la-card__sparkle::before {
  width: 1px;
  height: 100%;
  left: 0.75rem;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.8), transparent);
}
.la-card--listing .la-card__actions .la-card__sparkle::after {
  width: 100%;
  height: 1px;
  top: 0.75rem;
  background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.8), transparent);
}
.la-card--listing .la-card__actions .la-card__favourite-toggle {
  position: relative;
  width: 2rem;
  height: 2rem;
}
.la-card--listing .la-card__actions .la-card__favourite-toggle.la-glass-container {
  border-radius: 50%;
  overflow: visible;
}
.la-card--listing .la-card__actions .la-card__favourite-toggle.la-glass-container:hover .la-glass-overlay {
  background: rgba(255, 255, 255, 0.35);
}
.la-card--listing .la-card__actions .la-card__favourite-toggle.la-glass-container:hover .la-glass-specular {
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 8px rgba(255, 255, 255, 0.9);
}
.la-card--listing .la-card__actions .la-card__favourite-toggle.la-glass-container:has(.is-favourited) .la-glass-overlay {
  background: rgba(255, 255, 255, 0.4);
}
.la-card--listing .la-card__actions .la-card__favourite-toggle .la-favourite-container, .la-card--listing .la-card__actions .la-card__favourite-toggle .la-favourite-form {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-card--listing .la-card__actions .la-card__favourite-toggle .la-favourite-button {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  transition: transform 0.2s ease;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-card--listing .la-card__actions .la-card__favourite-toggle .la-favourite-button .la-favourite-button__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.la-card--listing .la-card__actions .la-card__favourite-toggle .la-favourite-button:hover {
  transform: scale(1.1);
}
.la-card--listing .la-card__actions .la-card__favourite-toggle .la-favourite-button:active {
  transform: scale(0.95);
}
.la-card--listing .la-card__actions .la-card__add-to-collection-button-wrapper.la-glass-container {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.la-card--listing .la-card__actions .la-card__add-to-collection-button-wrapper.la-glass-container .la-glass-overlay {
  background: rgba(255, 255, 255, 0.25);
}
.la-card--listing .la-card__actions .la-card__add-to-collection-button-wrapper.la-glass-container .la-glass-specular {
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.75), inset 0 0 5px rgba(255, 255, 255, 0.75);
}
.la-card--listing .la-card__actions .la-card__add-to-collection-button-wrapper.la-glass-container:hover .la-glass-overlay {
  background: rgba(255, 255, 255, 0.35);
}
.la-card--listing .la-card__actions .la-card__add-to-collection-button-wrapper.la-glass-container:hover .la-glass-specular {
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 8px rgba(255, 255, 255, 0.9);
}
.la-card--listing .la-card__actions .la-card__add-to-collection-button {
  background-color: transparent;
  padding: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  gap: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  box-shadow: none;
}
.la-card--listing .la-card__actions .la-card__add-to-collection-button .la-card__action-icon {
  color: #4F4F4F;
  height: 1rem;
  width: 1rem;
  margin: 0;
  display: block;
}
.la-card--listing .la-card__actions .la-card__add-to-collection-button:hover {
  transform: scale(1.1);
  background-color: transparent;
  box-shadow: none;
}
.la-card--listing .la-card__actions .la-card__add-to-collection-button:active {
  transform: scale(0.95);
}
.la-card--listing .la-card__visual-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0.75rem;
  overflow: hidden;
}
.la-card--listing .la-card__image {
  height: 15rem;
  overflow: hidden;
  position: relative;
}
.la-card--listing .la-card__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  pointer-events: none;
  z-index: 1;
}
.la-card--listing .la-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.la-card--listing .la-card__image:hover img {
  transform: scale(1.05);
}
.la-card--listing .la-card__image .la-carousel {
  height: 100%;
}
.la-card--listing .la-card__content {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  background-color: var(--la-base-lightest, #FFF);
}
.la-card--listing .la-card__title {
  font-size: 0.9375rem;
  line-height: 1.25;
  font-weight: 600;
  margin: 0 0 0.125rem;
  color: var(--la-base-darkest, #262626);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.la-card--listing .la-card__title:hover {
  color: var(--la-brand-primary, #069393);
  text-decoration: underline;
}
.la-card--listing .la-card__location {
  font-size: 0.8125rem;
  color: var(--la-gray-500, #757575);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.la-card--listing .la-card__location .la-icon {
  color: var(--la-brand-primary, #069393);
  margin-right: 0.25rem;
}
.la-card--listing .la-card__recurrence {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.35rem;
  margin: -0.1rem 0 0.6rem;
  padding: 0.25rem 0.6rem;
  border-radius: 9999px;
  background-color: rgba(0, 80, 83, 0.07);
  border: 1px solid rgba(0, 80, 83, 0.1);
  color: var(--la-gray-700, #4F4F4F);
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1.2;
  max-width: 100%;
}
.la-card--listing .la-card__recurrence-icon {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  color: var(--la-brand-primary, #069393);
}
.la-card--listing .la-card__details {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.25rem;
  margin-top: 0.1rem;
  flex: 1;
  background-color: var(--la-base-lightest, #FFF);
}
.la-card--listing .la-card__details--journey {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.125rem;
}
.la-card--listing .la-card__details--journey::after {
  content: "";
  display: block;
  width: 100%;
  margin-top: 0.125rem;
}
.la-card--listing .la-card__detail {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: var(--la-gray-700, #4F4F4F);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
}
.la-card--listing .la-card__detail-icon {
  margin-right: 0.375rem;
  flex-shrink: 0;
  color: var(--la-brand-primary, #069393);
}
.la-card--listing .la-card__detail-icon--duration {
  color: var(--la-brand-primary, #069393);
  stroke: var(--la-brand-primary, #069393);
}
.la-card--listing .la-card__detail-icon--location {
  color: var(--la-brand-primary, #069393);
  stroke: var(--la-brand-primary, #069393);
}
.la-card--listing .la-card__detail-icon--event-date {
  color: rgba(226, 92, 61, 0.9);
  stroke: rgba(226, 92, 61, 0.9);
}
.la-card--listing .la-card__detail--duration {
  font-weight: 500;
}
.la-card--listing .la-card__detail--distance {
  color: var(--la-gray-700, #4F4F4F);
  font-weight: 400;
}
.la-card--listing .la-card__detail--event-date {
  font-weight: 600;
  color: rgba(226, 92, 61, 0.92);
  padding: 0.125rem 0.375rem;
  margin-right: 0.375rem;
  border-radius: 9999px;
  background: rgba(226, 92, 61, 0.06);
  box-shadow: 0 0 0 rgba(226, 92, 61, 0.12);
  animation: la-card-event-date-pulse 3.2s ease-in-out infinite;
}
.la-card--listing .la-card__detail--primary {
  color: var(--la-gray-600, #757575);
  font-weight: 500;
  flex-basis: 100%;
  margin-bottom: 0.375rem;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.la-card--listing .la-card__tags {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  margin-top: 0.25rem;
  max-width: 100%;
  overflow: hidden;
}
.la-card--listing .la-card__tag {
  font-size: 0.5rem;
  font-weight: 500;
  padding: 0.1875rem 0.4375rem;
  border-radius: 10px;
  background-color: var(--la-gray-100, #F9F9F9);
  color: var(--la-gray-700, #4F4F4F);
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.01em;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  flex-shrink: 0;
  white-space: nowrap;
}
.la-card--listing .la-card__tag--coral {
  background-color: rgba(253, 106, 60, 0.1);
  color: #d84315;
  border-color: rgba(253, 106, 60, 0.2);
}
.la-card--listing .la-card__tag--mint {
  background-color: rgba(200, 227, 217, 0.4);
  color: #2d4f46;
  border-color: rgba(200, 227, 217, 0.6);
}
.la-card--listing .la-card__tag--cream {
  background-color: #fefee4;
  color: #857f3d;
  border-color: #f0f0d0;
}
.la-card--listing .la-card__tag--teal {
  background-color: rgba(0, 80, 83, 0.08);
  color: #005053;
  border-color: rgba(0, 80, 83, 0.18);
}
.la-card--listing .la-card__category.la-glass-container {
  position: absolute;
  top: 1rem;
  left: 1rem;
  border-radius: 1.25rem;
  z-index: 1;
  color: var(--la-gray-800, #333);
}
.la-card--listing .la-card__category.la-glass-container .la-glass-overlay {
  background: rgba(255, 255, 255, 0.5);
}
.la-card--listing .la-card__category.la-glass-container .la-glass-content {
  padding: 0.1875rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.0313rem;
}
.la-card--listing .la-journey-locked__detail--event-date {
  color: rgba(226, 92, 61, 0.92);
  font-weight: 600;
  padding: 0.125rem 0.375rem;
  border-radius: 9999px;
  background: rgba(226, 92, 61, 0.06);
  box-shadow: 0 0 0 rgba(226, 92, 61, 0.12);
  animation: la-card-event-date-pulse 3.2s ease-in-out infinite;
}
.la-card--listing .la-journey-locked__icon--event-date {
  color: rgba(226, 92, 61, 0.9);
}
.la-card--form {
  width: 100%;
  max-width: 31.25rem;
  margin: 0 auto;
  box-shadow: 0 0.125rem 1.25rem rgba(38, 38, 38, 0.1);
}
.la-card--form .la-card__header {
  padding: 1.5rem 1.5rem 0;
  border-bottom: none;
  text-align: center;
}
.la-card--form .la-card__header .la-card__title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
.la-card--form .la-card__header .la-card__subtitle {
  color: var(--la-base-dark, #4F4F4F);
  margin-bottom: 1rem;
}
.la-card--form .la-card__body {
  padding: 1.5rem;
}
.la-card--form .la-card__footer {
  padding: 1rem 1.5rem;
  background-color: var(--la-base-lightest, #FFF);
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
  text-align: center;
  font-size: 0.875rem;
}
.la-card--form .la-card__footer a {
  color: var(--la-brand-primary, #069393);
  text-decoration: none;
}
.la-card--form .la-card__footer a:hover {
  text-decoration: underline;
}
.la-card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 75rem;
  margin: 0 auto;
  padding: 20px;
}
@media (min-width: 768px) {
  .la-card-container {
    justify-content: flex-start;
  }
}

.la-empty-state {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3rem 1rem;
  margin: 2rem 0;
  min-height: 10rem;
  border: 1px dashed #F5F5F5;
  border-radius: 0.3rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.la-empty-state h3 {
  font-size: 1.75rem;
  color: #333;
  margin-top: 0;
  margin-bottom: 1rem;
}
.la-empty-state p {
  font-size: 1rem;
  color: #4F4F4F;
  margin-bottom: 0;
  max-width: 30rem;
  line-height: 1.5;
}

@keyframes la-card-event-date-pulse {
  0%, 100% {
    box-shadow: 0 0 0 rgba(226, 92, 61, 0.08);
  }
  50% {
    box-shadow: 0 0 0.5rem rgba(226, 92, 61, 0.12);
  }
}
/* app/assets/stylesheets/components/_chat.scss
 *
 * Chat Component
 *
 * BEM Structure:
 * .chat-container - Main wrapper
 * .chat-row - Flex row container
 * .chat-sidebar - Left sidebar with conversations list
 * .chat-sidebar__header - Sidebar header
 * .chat-sidebar__search - Search area
 * .chat-sidebar__list - Conversations list
 * .chat-conversation - Individual conversation in sidebar
 * .chat-conversation__avatar - User avatar in conversation list
 * .chat-conversation__content - Text content in conversation list
 * .chat-conversation__name - Username in conversation list
 * .chat-conversation__preview - Message preview in conversation list
 * .chat-conversation__time - Timestamp in conversation list
 * .chat-main - Right side with active conversation
 * .chat-main__header - Chat header with user info
 * .chat-main__messages - Messages container
 * .chat-main__footer - Input area
 * .chat-main__input - Message input field
 * .chat-main__send - Send button
 * .chat-main__empty - Empty state when no conversation selected
 */
.chat-container {
  width: 100%;
  height: calc(100vh - var(--la-navbar-height));
  display: flex;
  overflow: hidden;
  background-color: #FFF;
}

.chat-row {
  display: flex;
  height: 100%;
  width: 100%;
}

.chat-native-header {
  display: none;
}

/* === CONVERSATIONS SIDEBAR === */
.chat-sidebar {
  flex: 0 0 20rem;
  background-color: #F5F5F5;
  border-right: 0.0625rem solid #F5F5F5;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
}

.chat-sidebar__header {
  height: 5rem;
  padding: 1.25rem;
  border-bottom: 0.0625rem solid #F5F5F5;
  position: sticky;
  top: 0;
  background-color: #F5F5F5;
  z-index: 10;
}

.chat-sidebar__search {
  padding: 0.9375rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat-sidebar__searchbar {
  height: 2.5rem;
  background-color: #FFF;
  width: 100%;
  padding: 0 0.9375rem;
  border-radius: 1.25rem;
  border: 0.0625rem solid #F5F5F5;
  display: flex;
  align-items: center;
  box-shadow: 0 0.125rem 0.3125rem rgba(38, 38, 38, 0.05);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.chat-sidebar__searchbar:focus-within {
  border-color: #069393;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}

.la-chat__search-icon {
  width: 1rem;
  height: 1rem;
  color: #757575;
  margin-right: 0.5rem;
  transition: color 0.2s ease, transform 0.2s ease;
}
.la-chat__search-icon svg {
  stroke: currentColor;
  stroke-width: 2px;
  fill: none;
}
.la-chat__search-icon--sidebar {
  color: #757575;
}
.la-chat__search-icon--sidebar:hover {
  color: #069393;
  transform: scale(1.1);
}

.chat-sidebar__search-input {
  margin-left: 0.625rem;
  height: 2.375rem;
  width: 100%;
  border: none;
  font-family: Montserrat, sans-serif;
}
.chat-sidebar__search-input:focus {
  outline: none;
}

.chat-sidebar__list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

.chat-conversation {
  padding: 0.9375rem 1.25rem;
  cursor: pointer;
  border-bottom: 0.0625rem solid #F5F5F5;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
  position: relative;
  text-decoration: none;
}
.chat-conversation:hover {
  background-color: #F5F5F5; /* Light Gray from style guide */
}
.chat-conversation--active {
  background-color: #F5F5F5;
}
.chat-conversation--active::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 0.25rem;
  background-color: #069393;
}

.chat-conversation__avatar {
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
  overflow: visible; /* Changed from hidden to allow badge to overflow */
  flex-shrink: 0;
  position: relative;
}

.chat-conversation__avatar-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.chat-conversation__avatar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F9F9F9;
  color: #4F4F4F;
  font-weight: 600;
  border: 1px solid #BDBDBD;
  border-radius: 50%;
}

.chat-conversation__status {
  position: relative;
  top: 1.875rem;
  left: 2.1875rem;
  width: 0.8125rem;
  height: 0.8125rem;
  background-color: #069393;
  border-radius: 0.8125rem;
  border: 0.1875rem solid #FFF;
}

/* Badge for unread message count */
.chat-conversation__badge {
  position: absolute;
  top: -0.3125rem;
  right: -0.3125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  background-color: #F4B63E;
  color: #262626;
  border-radius: 0.5625rem;
  font-size: 0.6875rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.3125rem;
  box-shadow: 0 0.0625rem 0.1875rem rgba(38, 38, 38, 0.2);
  border: 0.0938rem solid #FFF;
  z-index: 2;
}

.chat-conversation__content {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 0.9375rem;
}

.chat-conversation__name {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: #262626;
}
.chat-conversation__name--unread {
  font-weight: 700;
  color: #262626;
}

.chat-conversation__preview {
  margin: 0.25rem 0 0;
  font-family: Montserrat, sans-serif;
  font-size: 0.8125rem;
  color: #757575;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 11.25rem;
}

.chat-conversation__time {
  margin-left: auto;
  font-family: Montserrat, sans-serif;
  font-size: 0.6875rem;
  color: #757575;
  min-width: 2.8125rem;
  text-align: right;
}

/* === CHAT MAIN AREA === */
.chat-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  max-height: 100%; /* Ensure it doesn't exceed container height */
  overflow: hidden; /* Hide overflow but allow children to scroll */
}

.chat-main__header {
  height: 5rem;
  padding: 1.25rem;
  border-bottom: 0.0625rem solid #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.chat-main__user {
  display: flex;
  align-items: center;
}

.chat-main__avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.chat-main__avatar-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.chat-main__avatar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
  color: #4F4F4F;
  font-weight: 600;
}

.chat-main__username {
  margin: 0 0 0 0.9375rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #262626;
}

.chat-main__actions {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}

.la-chat__action-icon {
  color: #757575;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
}
.la-chat__action-icon:hover {
  color: #069393;
  transform: scale(1.1);
}
.la-chat__action-icon--settings {
  color: #4F4F4F;
}
.la-chat__action-icon--notification {
  color: #4F4F4F;
}
.la-chat__action-icon--video {
  color: #069393;
}
.la-chat__action-icon--call {
  color: #069393;
}
.la-chat__main-action-icon {
  color: #757575;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  transition: color 0.2s ease;
}
.la-chat__main-action-icon svg {
  stroke: currentColor;
  stroke-width: 2px;
  fill: none;
}
.la-chat__main-action-icon:hover {
  color: #069393;
}
.la-chat__main-action-icon--more {
  color: #4F4F4F;
}
.la-chat__main-action-icon--more:hover {
  color: #069393;
}
.la-chat__main-action-icon--settings {
  color: #4F4F4F;
}
.la-chat__main-action-icon--notification {
  color: #4F4F4F;
}
.la-chat__main-action-icon--video {
  color: #069393;
}
.la-chat__main-action-icon--call {
  color: #069393;
}

.chat-main__messages {
  padding: 1.25rem;
  overflow-y: auto;
  flex: 1;
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  min-height: 0; /* Critical for flexbox scrolling */
}

.chat-main__footer {
  padding: 0.9375rem 1.25rem;
  display: flex;
  align-items: center;
  background-color: #FFF;
  border-top: 0.0625rem solid #F5F5F5;
  flex-shrink: 0; /* Prevent footer from shrinking */
  max-height: 15rem; /* Maximum height before scrolling */
  overflow: hidden; /* Hide overflow */
  transition: height 0.1s ease-out, box-shadow 0.18s ease;
}

/* Removed emoji button styling as requested */
/* Custom message form styles */
.la-form--message {
  width: 100%;
}

.la-form__group--message {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding: 0.375rem;
  padding-right: 3rem;
  border-radius: 1.5rem;
  background-color: #F9F9F9;
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
}
.la-form__group--message:focus-within {
  background-color: #FFF;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}

/* Override default textarea styles from _form.scss */
/* Message input styles - with higher specificity to override _form.scss */
.la-form.la-form--message textarea.la-form__input.la-form__input--message {
  /* Size constraints */
  min-height: 1.5rem;
  height: auto;
  max-height: 13rem;
  resize: none;
  /* Core styles */
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 0.9375rem;
  line-height: 1.5;
  /* Visual styles */
  border: none;
  border-radius: 1.25rem;
  padding: 0.5rem 0.75rem;
  background-color: transparent;
  /* Behavior */
  white-space: pre-wrap;
  word-wrap: break-word;
  transition: height 0.1s ease;
  overflow-y: hidden;
}
.la-form.la-form--message textarea.la-form__input.la-form__input--message:focus {
  outline: none;
  background-color: transparent;
  box-shadow: none;
}

.la-btn--send {
  --la-btn-min-height: 2.25rem;
  position: absolute;
  right: 0.375rem;
  top: 50%;
  bottom: auto;
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
  max-width: 2.25rem;
  max-height: 2.25rem;
  padding: 0;
  padding-inline: 0;
  gap: 0;
  line-height: 1;
  background: #069393;
  border: 0.0625rem solid #069393;
  color: #FFF;
  border-radius: 50%;
  transform: translateY(-50%);
}
.la-btn--send:hover {
  background: #05686C;
  border-color: #05686C;
  color: #FFF;
}
.la-btn--send:focus, .la-btn--send:focus-visible {
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.4), 0 0 0 0.1875rem rgba(6, 147, 147, 0.14);
}
.la-btn--send:disabled, .la-btn--send[disabled] {
  background: rgba(117, 117, 117, 0.16);
  border-color: rgba(117, 117, 117, 0.22);
  color: #757575;
}

.la-chat__empty-icon {
  width: 3rem;
  height: 3rem;
  color: #F9F9F9;
  margin-bottom: 1.25rem;
  transition: color 0.2s ease, transform 0.2s ease;
}
.la-chat__empty-icon svg {
  stroke: currentColor;
  stroke-width: 2px;
  fill: none;
}
.la-chat__empty-icon:hover {
  color: #757575;
  transform: scale(1.05);
}
.la-chat__send-icon {
  color: currentColor;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  transition: transform 0.2s ease;
}
.la-chat__send-icon svg {
  fill: currentColor;
  stroke: none;
}
.la-chat__send-icon:hover {
  transform: scale(1.05);
}

.chat-main__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #757575;
  text-align: center;
  padding: 3.125rem 0;
}

.chat-main__empty-text {
  margin: 0.625rem 0;
  font-size: 1rem;
}

/* Mobile responsiveness */
@media (width <= 768px) {
  .chat-container {
    height: calc(100vh - var(--la-navbar-height));
    flex-direction: column;
  }
  .chat-row {
    flex-direction: column;
  }
  .chat-sidebar {
    flex: 0 0 auto;
    max-height: 40vh;
    width: 100%;
    border-right: none;
    border-bottom: 0.0625rem solid #F5F5F5;
  }
  .chat-main {
    flex: 1;
    width: 100%;
  }
}
.la-native .chat-container--native-heading {
  display: block;
  height: calc(100dvh - var(--la-navbar-height));
  padding: var(--la-native-pushed-page-padding-top) 0.9375rem var(--la-native-tab-page-padding-bottom);
  overflow-y: auto;
  background-color: #FFF;
}
.la-native .chat-native-header {
  display: block;
  margin-bottom: clamp(0.9rem, 2dvh, 1.2rem);
  text-align: left;
}
.la-native .chat-native-header__eyebrow {
  margin: 0 0 0.42rem;
  color: #069393;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
}
.la-native .chat-native-header__title {
  margin: 0;
  color: #262626;
  font-size: clamp(1.48rem, 4.5vw, 1.7rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
  text-align: left;
  overflow-wrap: anywhere;
}
.la-native .chat-native-header__subtitle {
  max-width: 25.5rem;
  margin: 0.45rem 0 0;
  color: #4F4F4F;
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.34;
  text-align: left;
  overflow-wrap: anywhere;
}
.la-native .chat-container--native-heading .chat-row {
  display: block;
  height: auto;
  width: 100%;
}
.la-native .chat-container--native-heading .chat-sidebar {
  width: 100%;
  height: auto;
  max-height: none;
  background-color: #FFF;
  border: 0;
}
.la-native .chat-container--native-heading .chat-sidebar__header {
  display: none;
}
.la-native .chat-container--native-heading .chat-sidebar__search {
  padding: 0 0 1rem;
}
.la-native .chat-container--native-heading .chat-sidebar__searchbar {
  height: 3.15rem;
  border-color: rgba(38, 38, 38, 0.12);
  border-radius: 1.575rem;
  box-shadow: 0 0.75rem 1.75rem rgba(38, 38, 38, 0.06);
}
.la-native .chat-container--native-heading .chat-sidebar__search-input {
  height: 3rem;
  color: #262626;
  font-size: 1rem;
}
.la-native .chat-container--native-heading .chat-sidebar__list {
  gap: 0.75rem;
  overflow: visible;
}
.la-native .chat-container--native-heading .chat-conversation {
  min-height: 4.6rem;
  padding: 0.9rem 1rem;
  border: 0.0625rem solid rgba(38, 38, 38, 0.1);
  border-radius: 1.25rem;
  background-color: #FFF;
  box-shadow: 0 0.75rem 1.75rem rgba(38, 38, 38, 0.05);
}
.la-native .chat-container--native-heading .chat-conversation--active::before {
  right: auto;
  left: 0;
  top: 1rem;
  bottom: 1rem;
  height: auto;
  border-radius: 999px;
}
.la-native .chat-container--native-heading:not(.chat-container--has-conversation) .chat-main {
  display: none;
}

.la-control-cluster {
  --la-control-cluster-width: 95%;
  --la-control-cluster-max-width: 50rem;
  --la-control-cluster-min-width: 18.75rem;
  --la-control-cluster-margin: 0.5rem auto;
  --la-control-cluster-row-gap: 0.75rem;
  --la-control-cluster-column-gap: 0.5rem;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--la-control-cluster-row-gap) var(--la-control-cluster-column-gap);
  justify-content: center;
  margin: var(--la-control-cluster-margin);
  max-width: var(--la-control-cluster-max-width);
  min-width: min(100%, var(--la-control-cluster-min-width));
  width: var(--la-control-cluster-width);
}
.la-control-cluster > *,
.la-control-cluster > turbo-frame {
  min-width: 0;
}
.la-control-cluster :is(.custom-search-bar, .la-weather-widget--expandable, .la-plan-my-day-cta, .la-locked-preview) {
  margin-block: 0;
}

.la-control-cluster--home-actions {
  --la-control-cluster-row-gap: 0.625rem;
}
.la-control-cluster--home-actions > :not(.la-search-weather-container__divider) {
  flex: 1 1 auto;
}
.la-control-cluster--home-actions .custom-search-bar,
.la-control-cluster--home-actions .la-search-locked-preview {
  flex: 1 1 100%;
  width: 100%;
}
.la-control-cluster--home-actions > turbo-frame#weather_widget,
.la-control-cluster--home-actions .la-weather-widget--expandable,
.la-control-cluster--home-actions .la-plan-my-day-cta,
.la-control-cluster--home-actions .la-locked-preview--planner {
  flex: 1 1 calc(50% - 0.25rem);
  min-width: 0;
}
.la-control-cluster--home-actions > turbo-frame#weather_widget {
  display: flex;
}
.la-control-cluster--home-actions > turbo-frame#weather_widget .la-weather-widget--expandable {
  width: 100%;
}
.la-control-cluster--home-actions .la-search-locked-preview {
  min-width: 18.75rem;
}
@media (min-width: 576px) {
  .la-control-cluster--home-actions {
    --la-control-cluster-width: 90%;
    --la-control-cluster-row-gap: 1rem;
    --la-control-cluster-column-gap: 1rem;
    align-content: center;
    flex-direction: row;
  }
  .la-control-cluster--home-actions .custom-search-bar {
    flex: 1 1 18rem;
    max-width: 30rem;
  }
  .la-control-cluster--home-actions > turbo-frame#weather_widget,
  .la-control-cluster--home-actions .la-plan-my-day-cta {
    height: 4rem;
  }
  .la-control-cluster--home-actions .la-search-locked-preview {
    flex: 1 1 18rem;
    max-width: 37.5rem;
  }
  .la-control-cluster--home-actions > turbo-frame#weather_widget,
  .la-control-cluster--home-actions .la-weather-widget--expandable {
    align-self: center;
    flex: 0 0 13rem;
    min-width: 13rem;
  }
  .la-control-cluster--home-actions > turbo-frame#weather_widget:has(.la-weather-widget--expanded) {
    align-self: center;
    flex: 1 1 16rem;
    max-width: 100%;
  }
  .la-control-cluster--home-actions .la-plan-my-day-cta {
    align-self: center;
    flex: 0 1 12.5rem;
    max-width: 13.5rem;
    min-width: 12rem;
    width: auto;
  }
  .la-control-cluster--home-actions .la-weather-widget--expanded {
    align-self: center;
    flex: 1 1 16rem;
    max-width: 100%;
  }
  .la-control-cluster--home-actions .custom-search-bar:first-child:nth-last-child(2) {
    margin: 0;
    max-width: min(30rem, 90%);
  }
}
@media (min-width: 768px) {
  .la-control-cluster--home-actions {
    --la-control-cluster-width: 85%;
    flex-wrap: nowrap;
  }
  .la-control-cluster--home-actions .custom-search-bar {
    flex: 1 1 20rem;
  }
  .la-control-cluster--home-actions .la-search-locked-preview {
    flex: 1 1 20rem;
    max-width: 37.5rem;
  }
  .la-control-cluster--home-actions .la-weather-widget--expanded {
    flex: 1 1 18rem;
    max-width: 25rem;
  }
  .la-control-cluster--home-actions > turbo-frame#weather_widget:has(.la-weather-widget--expanded) {
    flex: 1 1 18rem;
    max-width: 25rem;
  }
  .la-control-cluster--home-actions .la-plan-my-day-cta {
    flex-basis: 13rem;
  }
}
@media (min-width: 1200px) {
  .la-control-cluster--home-actions {
    --la-control-cluster-width: 70%;
  }
}

.la-control-cluster--filters {
  --la-control-cluster-max-width: 45rem;
  --la-control-cluster-margin: 1rem auto;
  --la-control-cluster-row-gap: 0.75rem;
  align-items: stretch;
  flex-direction: column;
}
.la-control-cluster--filters > turbo-frame {
  display: block;
  width: 100%;
}
.la-control-cluster--filters .la-quick-filter-bar {
  flex: none;
  max-width: none;
  width: 100%;
}
.la-control-cluster--filters .la-sort-component {
  flex-shrink: 0;
  margin-top: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .la-control-cluster--filters {
    --la-control-cluster-width: 70%;
    --la-control-cluster-margin: 1.5rem auto 0;
    --la-control-cluster-column-gap: 1.5rem;
    align-items: center;
    flex-direction: row;
  }
  .la-control-cluster--filters .la-quick-filter-bar {
    flex: 1;
  }
  .la-control-cluster--filters .la-sort-component {
    width: auto;
  }
}
@media (min-width: 768px) {
  .la-control-cluster--filters {
    --la-control-cluster-width: 65%;
  }
}
@media (min-width: 1200px) {
  .la-control-cluster--filters {
    --la-control-cluster-width: 70%;
  }
}

/* app/assets/stylesheets/components/_form.scss */
/* Base Form Styles - Following Explorers Design System */
.la-form {
  width: 100%;
  max-width: 100%;
  margin-bottom: var(--space-lg, 1rem);
  font-size: 1rem;
  line-height: 1.5;
  font-family: var(--body-font, "Work Sans", Helvetica, sans-serif);
  /* Profile Form - Modern SaaS Card Style */
}
.la-form--inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.la-form--inline .la-form__group {
  margin-right: 1rem;
  margin-bottom: 0;
}
.la-form--horizontal {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .la-form--horizontal {
    grid-template-columns: 1fr 2fr;
  }
}
.la-form--horizontal .la-form__label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.la-form--profile {
  max-width: 48rem;
  margin: 2rem auto 4rem;
  padding: 2.5rem;
  background: var(--la-base-lightest, #FFF);
  border: 0.0625rem solid var(--la-base-light, #F5F5F5);
  border-radius: 1rem;
  box-shadow: 0 4px 6px -1px rgba(38, 38, 38, 0.05), 0 2px 4px -1px rgba(38, 38, 38, 0.03);
}
@media (max-width: 576px) {
  .la-form--profile {
    padding: 1.5rem;
    margin-top: 1rem;
    border: none;
    box-shadow: none;
    background: transparent;
  }
}
.la-form--profile .la-form {
  max-width: 100%;
  margin-bottom: 0;
}
.la-form--profile .la-form__header {
  text-align: left;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--la-base-light, #F5F5F5);
}
.la-form--profile .la-form__title {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.la-form--profile .la-form__subtitle {
  margin-top: 0.25rem;
  font-size: 1rem;
}
.la-form--profile .la-form__label {
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--la-base-dark, #4F4F4F);
  margin-bottom: 0.5rem;
}
.la-form--profile .la-form__input {
  padding: 0.875rem 1rem;
  background-color: var(--la-base-lightest, #FFF);
  transition: all 0.2s ease;
}
.la-form--profile .la-form__input:hover {
  border-color: var(--la-brand-primary, #069393);
}
.la-form--profile .la-form__input:focus {
  background-color: var(--la-base-lightest, #FFF);
  box-shadow: 0 0 0 4px rgba(6, 147, 147, 0.15);
  border-color: var(--la-brand-primary, #069393);
}
.la-form--profile .la-form__actions {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--la-base-light, #F5F5F5);
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: flex-start;
}

.la-auth-shell {
  box-sizing: border-box;
  min-height: calc(100dvh - var(--la-navbar-height, 4rem));
  padding: max(clamp(2rem, 7dvh, 4rem), env(safe-area-inset-top)) 0 max(1.25rem, env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  align-items: safe center;
  justify-content: center;
  background: var(--la-base-lightest, #FFF);
}
@media (min-width: 576px) {
  .la-auth-shell {
    align-items: center;
    padding: max(2rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(2.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
    background: linear-gradient(180deg, rgba(124, 200, 200, 0.18) 0%, rgba(245, 245, 245, 0.72) 38%, rgba(255, 255, 255, 0.96) 100%);
  }
}
.la-auth-shell--native {
  min-height: 100dvh;
  padding-top: max(clamp(1.75rem, 6dvh, 3.5rem), env(safe-area-inset-top));
}
.la-auth-shell--native .la-auth-shell__panel .la-form__header .la-form__logo {
  width: 9.25rem;
  margin: 0 auto 1rem;
}
.la-auth-shell--standalone {
  min-height: 100dvh;
}
.la-auth-shell--catalogue {
  min-height: auto;
  padding: 0;
  background: none;
  align-items: stretch;
}

.la-auth-shell__panel {
  box-sizing: border-box;
  --la-auth-rail-width: 20rem;
  --la-auth-stack-gap: 0.75rem;
  --la-auth-section-gap: 1.125rem;
  --la-auth-support-gap: 0.375rem;
  --la-auth-action-gap: 0.75rem;
  width: min(100%, 22rem);
  margin-inline: auto;
  padding: 0 1rem 1.25rem;
  display: grid;
  align-content: start;
  justify-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.la-auth-shell__panel > .la-form__header,
.la-auth-shell__panel > .la-form,
.la-auth-shell__panel > .la-auth-shell__links {
  width: min(100%, var(--la-auth-rail-width));
}
.la-auth-shell__panel > .la-auth-shell__links {
  width: min(100%, 18.75rem);
}
.la-auth-shell__panel .la-form {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 0;
}
.la-auth-shell__panel .la-form__header {
  width: min(100%, 15.5rem);
  margin-bottom: var(--la-auth-section-gap);
}
.la-auth-shell__panel .la-form__header .la-form__logo {
  width: 9.25rem;
  margin: 0 auto 0.875rem;
}
.la-auth-shell__panel .la-form__header .la-form__title {
  font-size: 1.25rem;
  line-height: 1.08;
  margin-bottom: 0.1875rem;
}
.la-auth-shell__panel .la-form__header .la-form__subtitle {
  font-size: 0.875rem;
  line-height: 1.35;
  max-width: 22ch;
  margin: 0 auto;
}
.la-auth-shell__panel .la-form__group {
  margin-bottom: 0;
}
.la-auth-shell__panel .la-form__text {
  margin-top: 0;
}
.la-auth-shell__panel .la-form__check-label {
  line-height: 1.3;
  font-size: 0.875rem;
}
.la-auth-shell__panel .la-form__actions {
  margin-top: 0;
  margin-bottom: 0;
}
.la-auth-shell__panel .la-form__input {
  min-height: 2.875rem;
  padding: 0.75rem 0.9375rem;
  border-radius: 0.875rem;
}
.la-auth-shell__panel .la-btn--auth-submit,
.la-auth-shell__panel .la-btn--auth-signup {
  --la-btn-min-height: 2.875rem;
  font-size: 0.9375rem;
}
.la-auth-shell__panel .la-form > :not(:first-child) {
  margin-top: var(--la-auth-stack-gap);
}
.la-auth-shell__panel .la-form > .la-auth-shell__remember,
.la-auth-shell__panel .la-form > .la-auth-shell__primary-link {
  margin-top: var(--la-auth-support-gap);
}
@media (min-width: 576px) {
  .la-auth-shell__panel {
    --la-auth-rail-width: 100%;
    --la-auth-stack-gap: 1rem;
    --la-auth-section-gap: 1.5rem;
    --la-auth-action-gap: 1rem;
    width: min(100%, 28rem);
    padding: 1.75rem 2rem 2rem;
    background: var(--la-base-lightest, #FFF);
    border: 0.0625rem solid var(--la-base-light, #F5F5F5);
    border-radius: 1rem;
    box-shadow: 0 1rem 2rem rgba(38, 38, 38, 0.08);
  }
  .la-auth-shell__panel .la-form__header {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .la-auth-shell__panel .la-form__header .la-form__logo {
    width: min(12rem, 62vw);
    margin: 0 auto 1.25rem;
  }
  .la-auth-shell__panel .la-form__header .la-form__title {
    font-size: clamp(1.375rem, 4vw, 1.75rem);
    margin-bottom: 0.5rem;
  }
  .la-auth-shell__panel .la-form__header .la-form__subtitle {
    font-size: 1rem;
  }
  .la-auth-shell__panel .la-form__group {
    margin-bottom: 0;
  }
  .la-auth-shell__panel .la-form__check-label {
    line-height: 1.4;
    font-size: 1rem;
  }
  .la-auth-shell__panel .la-form__actions {
    margin-top: 0;
  }
  .la-auth-shell__panel .la-form__input {
    min-height: 3rem;
    padding: 0.75rem;
  }
  .la-auth-shell__panel .la-btn--auth-submit,
  .la-auth-shell__panel .la-btn--auth-signup {
    --la-btn-min-height: 2.75rem;
  }
}

.la-auth-shell__remember {
  display: flex;
  align-items: center;
}
.la-auth-shell__remember .la-form__check {
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0;
  min-width: 0;
  flex: 1 1 auto;
}
.la-auth-shell__remember .la-form__check-input {
  margin-right: 0;
  flex-shrink: 0;
}

.la-auth-shell__primary-link {
  margin-top: 0;
  text-align: center;
  line-height: 1.25;
}

.la-auth-shell__forgot {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--la-brand-primary, #069393);
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.25;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}
.la-auth-shell__forgot:hover, .la-auth-shell__forgot:focus {
  text-decoration: underline;
  color: var(--la-brand-dark, #05686C);
  outline: none;
}
@media (min-width: 576px) {
  .la-auth-shell__forgot {
    font-size: 0.875rem;
  }
}

.la-auth-shell__secondary {
  display: grid;
  gap: var(--la-auth-action-gap);
  padding-top: 1rem;
}
.la-auth-shell__secondary .la-form__actions {
  margin: 0;
}
.la-auth-shell__secondary--account-create {
  padding-top: clamp(2.75rem, 9dvh, 5.25rem);
}
.la-auth-shell__secondary--back-nav {
  padding-top: clamp(2rem, 7dvh, 4.25rem);
}
@media (min-width: 576px) {
  .la-auth-shell__secondary {
    padding-top: 0.25rem;
  }
  .la-auth-shell__secondary--account-create, .la-auth-shell__secondary--back-nav {
    padding-top: 0.25rem;
  }
}

.la-auth-shell__links {
  margin-top: 0;
  padding-top: calc(var(--la-auth-action-gap) + 0.25rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.25;
  color: var(--la-brand-primary, #069393);
}
.la-auth-shell__links .la-auth-shell__support-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
.la-auth-shell__links li,
.la-auth-shell__links form {
  margin: 0;
}
.la-auth-shell__links a,
.la-auth-shell__links button {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.la-auth-shell__links a:hover, .la-auth-shell__links a:focus,
.la-auth-shell__links button:hover,
.la-auth-shell__links button:focus {
  color: var(--la-brand-dark, #05686C);
  text-decoration: underline;
  outline: none;
}
@media (min-width: 576px) {
  .la-auth-shell__links {
    margin-top: 1rem;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25;
  }
}

@media (max-width: 576px) and (max-height: 43.75rem) {
  .la-auth-shell__panel {
    --la-auth-stack-gap: 0.5rem;
    --la-auth-section-gap: 0.625rem;
    --la-auth-support-gap: 0.125rem;
    --la-auth-action-gap: 0.625rem;
    --la-auth-rail-width: 19.5rem;
    padding: 0.375rem 1rem 0.75rem;
  }
  .la-auth-shell__panel .la-form__header {
    width: min(100%, 14rem);
  }
  .la-auth-shell__panel .la-form__header .la-form__logo {
    width: 6.5rem;
    margin-bottom: 0.5rem;
  }
  .la-auth-shell__panel .la-form__header .la-form__title {
    font-size: 1.125rem;
    margin-bottom: 0;
  }
  .la-auth-shell__panel .la-form__header .la-form__subtitle {
    display: none;
  }
  .la-auth-shell__panel .la-form__input {
    min-height: 2.75rem;
    padding: 0.625rem 0.8125rem;
  }
  .la-auth-shell__panel .la-form__check-label {
    font-size: 0.8125rem;
  }
  .la-auth-shell__panel .la-btn--auth-submit,
  .la-auth-shell__panel .la-btn--auth-signup {
    --la-btn-min-height: 2.75rem;
    font-size: 0.9375rem;
  }
  .la-auth-shell__links {
    gap: 0.25rem;
    font-size: 0.6875rem;
  }
  .la-auth-shell__secondary {
    padding-top: 2rem;
  }
  .la-auth-shell__secondary--account-create {
    padding-top: 2.25rem;
  }
  .la-auth-shell__secondary--back-nav {
    padding-top: 1.5rem;
  }
}
@media (max-width: 576px) and (max-height: 36rem) {
  .la-auth-shell {
    align-items: flex-start;
    padding-top: max(0.875rem, env(safe-area-inset-top));
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }
}
/* Form Group */
.la-form__group {
  margin-bottom: 1rem;
  width: 100%;
}

/* Form Label */
.la-form__label {
  display: inline-block;
  margin-bottom: var(--space-sm, 0.5rem);
  font-weight: 500;
  font-family: var(--headers-font, "Nunito", Helvetica, sans-serif);
  color: var(--la-base-dark, #4F4F4F);
}
.la-form__label--required::after {
  content: "*";
  color: var(--la-danger, #E25C3D);
  margin-left: var(--space-xs, 0.25rem);
}
.la-form__label--floating {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 0.0625rem solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.la-form__input:not(:-moz-placeholder-shown) ~ .la-form__label--floating {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  color: var(--la-brand-primary, #069393); /* Change color on focus/input */
}
.la-form__input:focus ~ .la-form__label--floating, .la-form__input:not(:placeholder-shown) ~ .la-form__label--floating {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  color: var(--la-brand-primary, #069393); /* Change color on focus/input */
}

/* Form Input */
.la-form__input {
  display: block;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--la-base-darkest, #262626);
  background-color: var(--la-base-lightest, #FFF);
  background-clip: padding-box;
  border: 0.0625rem solid var(--la-base-medium, #757575);
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.la-form__input:focus {
  color: var(--la-base-darkest, #262626);
  background-color: var(--la-base-lightest, #FFF);
  border-color: var(--la-brand-primary, #069393);
  outline: 0;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}
.la-form__input--error {
  border-color: var(--la-danger, #E25C3D);
}
.la-form__input--error:focus {
  border-color: var(--la-danger, #E25C3D);
  box-shadow: 0 0 0 0.0625rem rgba(226, 92, 61, 0.35), 0 0 0 0.1875rem rgba(226, 92, 61, 0.12);
}
.la-form__input--success {
  border-color: var(--la-success, #069393);
}
.la-form__input--success:focus {
  border-color: var(--la-success, #069393);
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}
.la-form__input--lg {
  padding: 0.875rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.la-form__input--sm {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.5rem;
}
.la-form__input--rounded {
  border-radius: 6.25rem;
}
.la-form__input[type=datetime-local], .la-form__input[type=date], .la-form__input[type=time] {
  min-height: 3rem;
  padding: 0.75rem;
  line-height: 1.5;
}

/* Input group with left icon */
.la-form__input-group {
  position: relative;
}
.la-form__input-group .la-form__input-group-text {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  color: var(--la-base-medium, #757575);
}
.la-form__input-group .la-form__input-group-text svg {
  width: 1rem;
  height: 1rem;
}
.la-form__input-group .la-form__input-group-text svg, .la-form__input-group .la-form__input-group-text svg * {
  fill: none;
  stroke: currentColor;
}
.la-form__input-group .la-form__input {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.la-form__input-group .la-form__clear-btn {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--la-base-medium, #757575);
  cursor: pointer;
  transition: color 0.15s ease;
}
.la-form__input-group .la-form__clear-btn svg, .la-form__input-group .la-form__clear-btn svg * {
  width: 1rem;
  height: 1rem;
  stroke: currentColor;
  color: currentColor;
}
.la-form__input-group .la-form__clear-btn:hover {
  color: var(--la-brand-primary, #069393);
}
.la-form__input-group .la-form__clear-btn:focus {
  outline: none;
}
.la-form__input-group .la-form__input:-moz-placeholder-shown ~ .la-form__clear-btn {
  display: none;
}
.la-form__input-group .la-form__input:placeholder-shown ~ .la-form__clear-btn {
  display: none;
}

/* Text area specific styles */
textarea.la-form__input {
  min-height: 6.25rem;
  resize: vertical;
}

/* Select specific styles */
select.la-form__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem 0.75rem;
  padding-right: 2.5rem;
}

/* Form Select (class-based variant used in admin filters) */
.la-form__select {
  display: block;
  width: 100%;
  padding: 0.625rem 2.5rem 0.625rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--la-base-darkest, #262626);
  background-color: var(--la-base-lightest, #FFF);
  border: 0.0625rem solid var(--la-base-medium, #757575);
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem 0.75rem;
}
.la-form__select:focus {
  color: var(--la-base-darkest, #262626);
  background-color: var(--la-base-lightest, #FFF);
  border-color: var(--la-brand-primary, #069393);
  outline: 0;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}

.la-phone-field {
  display: grid;
  grid-template-columns: minmax(8.5rem, 0.9fr) minmax(0, 1.6fr);
  gap: 0.75rem;
  align-items: center;
}

.la-phone-field__code,
.la-phone-field__number {
  min-height: 2.875rem;
}

@media (max-width: 36rem) {
  .la-phone-field {
    grid-template-columns: 1fr;
  }
}
/* Checkbox and Radio styles */
.la-form__check {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.la-form__check-input {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.la-form__check-input:checked {
  background-color: var(--la-brand-primary, #069393);
  border-color: var(--la-brand-primary, #069393);
}
.la-form__check-input:focus {
  border-color: var(--la-brand-primary, #069393);
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}
.la-form__check-label {
  margin-bottom: 0;
}

/* Switch toggle */
.la-form__switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
}
.la-form__switch-input {
  opacity: 0;
  width: 0;
  height: 0;
}
.la-form__switch-input:checked + .la-form__switch-slider {
  background-color: var(--la-brand-primary, #069393);
}
.la-form__switch-input:checked + .la-form__switch-slider::before {
  transform: translateX(1.5rem);
}
.la-form__switch-input:focus + .la-form__switch-slider {
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
  border: 1px solid var(--la-brand-primary, #069393); /* Amazon-style focus ring */
}
.la-form__switch-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #F5F5F5;
  transition: 0.4s;
  border-radius: 1.5rem;
}
.la-form__switch-slider::before {
  position: absolute;
  content: "";
  height: 1.25rem;
  width: 1.25rem;
  left: 0.125rem;
  bottom: 0.125rem;
  background-color: #FFF;
  transition: 0.4s;
  border-radius: 50%;
}

/* Form Text (help text, error messages) */
.la-form__text {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
}
.la-form__text--muted {
  color: var(--la-base-dark, #4F4F4F);
}
.la-form__text--error {
  color: var(--la-danger, #E25C3D);
}
.la-form__text--success {
  color: var(--la-success, #069393);
}

/* Form Row for multiple inputs in a line */
.la-form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  /* Responsive form row that stacks on mobile */
}
.la-form__row .la-form__group {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex: 1 0 0%;
}
.la-form__row--responsive {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.la-form__row--responsive .la-form__group {
  flex: 1 0 0%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  .la-form__row--responsive .la-form__group {
    flex: 1 0 0%;
    max-width: none;
    margin-bottom: 0;
  }
}

/* Form actions (buttons area) */
.la-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: var(--space-xl, 1.5rem);
  margin-bottom: var(--space-lg, 1rem);
  /* Responsive actions that stack on mobile */
}
.la-form__actions--end {
  justify-content: flex-end;
}
.la-form__actions--center {
  justify-content: center;
}
.la-form__actions--between {
  justify-content: space-between;
}
.la-form__actions--responsive {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.la-form__actions--responsive .la-btn {
  width: 100%;
  margin-bottom: 0.5rem;
}
@media (min-width: 576px) {
  .la-form__actions--responsive {
    flex-direction: row;
  }
  .la-form__actions--responsive .la-btn {
    width: auto;
    margin-bottom: 0;
  }
}

/* Form divider with text - matching devise-signup-divider style */
.la-form__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  text-align: center;
  font-size: 83.34%;
  color: #757575;
}
.la-form__divider::before, .la-form__divider::after {
  content: "";
  flex: 1 1 0;
  border-top: 1px solid #F5F5F5;
}
.la-form__divider-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5em;
  background-color: #FFF;
  color: inherit;
  line-height: 1;
  white-space: nowrap;
}

/* Form header with logo */
.la-form__header {
  text-align: center;
  margin-bottom: 1.5rem;
}
.la-form__header .la-form__logo {
  display: block;
  margin: 0 auto 1.25rem;
  width: 16rem;
  height: auto;
  max-width: 100%;
}
.la-form__header .la-form__title {
  font-size: 1.5rem;
  font-weight: 600;
  font-family: var(--headers-font, "Nunito", Helvetica, sans-serif);
  color: var(--la-base-darkest, #262626);
  margin-bottom: var(--space-sm, 0.5rem);
}
.la-form__header .la-form__subtitle {
  font-size: 1rem;
  color: var(--la-base-dark, #4F4F4F);
}

/* File Upload Styling */
.la-form__file-wrapper {
  position: relative;
}

.la-form__file {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.la-form__file-custom {
  display: flex;
  border: 1px solid var(--la-base-medium, #757575);
  border-radius: 8px;
  overflow: hidden;
}
.la-form__file-custom .la-form__file-text {
  flex-grow: 1;
  padding: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.la-form__file-custom .la-form__file-button {
  padding: 0.75rem 1rem;
  background-color: var(--la-brand-primary, #069393);
  color: #FFF;
  cursor: pointer;
}

.la-form__file:focus ~ .la-form__file-custom {
  border-color: var(--la-brand-primary, #069393);
  box-shadow: 0 0 0 0.0625rem var(--la-brand-primary, #069393), 0 0 0 0.25rem rgba(6, 147, 147, 0.25);
}

/* Form with Icons Styling */
.la-form__group--with-icon {
  position: relative;
}

.la-form__input-wrapper {
  position: relative;
}

.la-form__input--with-icon {
  padding-left: 2.5rem;
}

.la-form__icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
  color: var(--la-base-medium, #757575);
}
.la-form__icon--search {
  left: auto;
  right: 0.75rem;
  color: var(--la-base-dark, #4F4F4F);
}
.la-form__icon--user {
  color: var(--la-brand-primary, #069393);
}
.la-form__icon--mail {
  color: var(--la-info, #4A7AD8);
}
.la-form__icon--lock {
  color: var(--la-warning, #F4B63E);
}

/* Search Form Styling */
.la-form--search {
  position: relative;
}
.la-form--search .la-form__input {
  padding-right: 2.5rem;
}
.la-form--search .la-form__icon {
  left: auto;
  right: 0.75rem;
}
.la-form--search .la-form__input-group-text {
  color: var(--la-base-dark, #4F4F4F);
}

.la-form__icon-button {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.la-form__icon-toggle {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--la-base-medium, #757575);
}
.la-form__icon-toggle--eye {
  color: var(--la-base-dark, #4F4F4F);
}
.la-form__icon-toggle--eye:hover {
  color: var(--la-brand-primary, #069393);
}

/* Form footer */
.la-form__footer {
  text-align: center;
  margin-top: 1.5rem;
  font-size: 0.875rem;
  color: #757575;
}
.la-form__footer a {
  color: var(--la-brand-primary, #069393);
  text-decoration: none;
}
.la-form__footer a:hover {
  color: var(--la-brand-dark, #05686C);
  text-decoration: underline;
}

/* Button styles - consolidated system */
/* hCaptcha widget centering */
.la-form__group--captcha {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.la-form__row {
  flex-direction: column;
}
.la-form__row .la-form__group {
  flex: 0 0 100%;
}
@media (min-width: 576px) {
  .la-form__row {
    flex-direction: row;
  }
  .la-form__row .la-form__group {
    flex: 1 0 0%;
  }
}

legend ~ div.form-check:first-of-type {
  clear: left;
}

.friendship-center {
  font-family: var(--la-body-font, "Work Sans", "Helvetica", "sans-serif");
  color: var(--la-base-dark, #4F4F4F);
}

/* Shared classes (mimic Tailwind utilities) */
.flex-1 {
  flex: 1;
}

.w-100 {
  width: 100%;
}

/* Container for the entire page content */
.friendships-center {
  width: 100%;
  max-width: 72rem; /* ~ 'max-w-6xl' in Tailwind */
  margin: 0 auto;
  padding: 1.5rem;
  background: #FFF;
  border-radius: 1rem;
  box-shadow: 0 0.75rem 2rem rgba(38, 38, 38, 0.05);
}
.friendships-center__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.friendships-center__header-content .page-title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #262626;
  margin-bottom: 0.25rem;
}
.friendships-center__header-content .page-subtitle {
  font-size: 0.875rem;
  color: #757575;
}
.friendships-center .add-friend-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 0.5rem 1.25rem rgba(6, 147, 147, 0.12);
}
.friendships-center--native-heading {
  max-width: none;
  min-height: calc(100dvh - var(--la-navbar-height));
  padding: var(--la-native-pushed-page-padding-top) 0.9375rem var(--la-native-tab-page-padding-bottom);
  background: #FFF;
  border-radius: 0;
  box-shadow: none;
}
.friendships-center--native-heading .friendships-center__header {
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: clamp(1.15rem, 2.4dvh, 1.5rem);
}
.friendships-center--native-heading .friendships-center__header-content {
  min-width: 0;
  flex: 1;
  text-align: left;
}
.friendships-center--native-heading .friendships-center__header-content .page-title {
  margin: 0;
  color: #262626;
  font-size: clamp(1.48rem, 4.5vw, 1.7rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.friendships-center--native-heading .friendships-center__header-content .page-subtitle {
  max-width: 25.5rem;
  margin: 0.45rem 0 0;
  color: #4F4F4F;
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.34;
  overflow-wrap: anywhere;
}
.friendships-center--native-heading .friendships-center__eyebrow {
  margin: 0 0 0.42rem;
  color: #069393;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
}
.friendships-center--native-heading .add-friend-button {
  flex: 0 0 auto;
  min-height: 2.65rem;
  padding-inline: 1rem;
  border-radius: 999px;
  white-space: nowrap;
}
.friendships-center--native-heading .tabs__nav {
  margin-bottom: 1rem;
}
.friendships-center--native-heading .cards-grid {
  gap: 0.85rem;
}
.friendships-center--native-heading .la-card {
  border-color: rgba(38, 38, 38, 0.1);
  border-radius: 1.25rem;
  box-shadow: 0 0.75rem 1.75rem rgba(38, 38, 38, 0.05);
}

/* Tabs styling using our design system.
   Understated, underlined tab-nav — not a pill-style segmented control and not
   a repurposed CTA button. Tabs own their own visual treatment here so they do
   not inherit button borders, pill radii, or background states from `.la-btn`. */
.tabs {
  position: relative;
}
.tabs__nav {
  display: inline-flex;
  align-items: stretch;
  gap: 0.25rem;
  margin-bottom: 1.25rem;
}
.tabs__nav-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  outline: none;
  background: transparent;
  color: #4F4F4F;
  font-family: var(--la-body-font, "Work Sans", "Helvetica", "sans-serif");
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  padding-block: 0.625rem;
  padding-inline: 1rem;
  transition: color 180ms ease;
}
.tabs__nav-item::after {
  content: "";
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0;
  height: 0.1875rem;
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: transparent;
  transition: background-color 180ms ease;
}
.tabs__nav-item:hover:not(.active), .tabs__nav-item:focus-visible:not(.active) {
  color: #262626;
  background: transparent;
  box-shadow: none;
}
.tabs__nav-item.active {
  color: #05686C;
  background: transparent;
  box-shadow: none;
}
.tabs__nav-item.active::after {
  background-color: #069393;
}
.tabs__content {
  display: none;
}
.tabs__content.active {
  display: block;
  min-height: var(--la-tabs-content-min-height, 0);
}

/* Cards Grid Layout (friends & requests) */
.cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Spacing helper for requests content */
.space-y-8 > * + * {
  margin-top: 2rem;
}

/* Section headings inside requests */
.section-header {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1.25rem;
  color: #262626;
}

.friendships-center__request-section {
  width: auto;
}
.friendships-center__request-section .la-card__body {
  min-height: auto;
  padding: 1.25rem;
}
.friendships-center__request-section .cards-grid {
  gap: 1.25rem;
}

/* Icon Component
 *
 * BEM Structure:
 * .la-icon - Base component for all SVG icons
 * .la-icon--{name} - Specific icon variant (e.g., la-icon--search)
 * .la-icon--{size} - Size variant (e.g., la-icon--sm, la-icon--lg)
 * .la-icon--interactive - Adds hover and active states
 * .la-icon--{state} - State variants (e.g., la-icon--active, la-icon--disabled)
 *
 * Accessibility:
 * - Decorative icons should have aria-hidden="true"
 * - Functional icons should have aria-label or aria-labelledby
 */
.la-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  transition: transform 0.2s ease, color 0.2s ease;
}
.la-icon svg {
  width: 100%;
  height: 100%;
  stroke-width: 2;
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.la-icon--xs {
  width: 0.75rem;
  height: 0.75rem;
}
.la-icon--sm {
  width: 1rem;
  height: 1rem;
}
.la-icon--md {
  width: 1.25rem;
  height: 1.25rem;
}
.la-icon--lg {
  width: 1.5rem;
  height: 1.5rem;
}
.la-icon--xl {
  width: 2rem;
  height: 2rem;
}
.la-icon--interactive {
  cursor: pointer;
}
.la-icon--interactive:hover {
  transform: scale(1.1);
  color: #069393;
}
.la-icon--interactive:active {
  transform: scale(0.95);
}
.la-icon--active {
  color: #069393;
}
.la-icon--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.la-icon--primary {
  color: #069393;
}
.la-icon--secondary {
  color: #4F4F4F;
}
.la-icon--white {
  color: #FFF;
}
.la-icon--light {
  color: #F5F5F5;
}
.la-icon--success {
  color: #069393;
}
.la-icon--warning {
  color: #F4B63E;
}
.la-icon--danger {
  color: #E25C3D;
}
.la-icon--info {
  color: #4A7AD8;
}
.la-icon--dark {
  color: #333;
}
.la-icon--filled svg {
  fill: currentColor;
}

/* Migration Complete
 *
 * All legacy icon usages have been successfully migrated to the BEM-based svg_icon helper
 * with component-specific classes. The old .icon class has been completely removed.
 *
 * Key points for icon usage:
 * 1. Always use the svg_icon helper: svg_icon("icon-name", component_class: "component-specific-classes")
 * 2. Apply fill/stroke styles according to the icon's purpose:
 *    - Filled icons for primary actions and status indicators
 *    - Outline icons for secondary actions and UI navigation
 * 3. Use component-specific BEM classes for sizing and positioning
 *
 * For full documentation, see docs/icon_system_usage.md
 */
/* app/assets/stylesheets/components/_image_uploader.scss */
.la-image-uploader {
  margin-bottom: 1.5rem;
}
.la-image-uploader__dropzone {
  border: 2px dashed var(--la-base-light, #F5F5F5);
  border-radius: 0.25rem;
  padding: 1.5rem;
  text-align: center;
  background-color: var(--la-base-lightest, #FFF);
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.la-image-uploader__dropzone:hover, .la-image-uploader__dropzone--dragover {
  border-color: var(--la-brand-primary, #069393);
  background-color: rgb(241.9625, 250.1875, 250.1875);
}
.la-image-uploader__dropzone--dragover {
  border-style: solid;
}
.la-image-uploader__dropzone__icon {
  font-size: 2rem;
  color: var(--la-brand-primary, #069393);
  margin-bottom: 0.75rem;
}
.la-image-uploader__dropzone__text {
  color: var(--la-base-dark, #4F4F4F);
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.la-image-uploader__dropzone__subtext {
  color: var(--la-base-medium, #757575);
  font-size: 0.875rem;
}
.la-image-uploader__dropzone__input {
  position: fixed;
  top: 0;
  left: -9999px;
  width: 1px;
  height: 1px;
  padding: 0;
  opacity: 0;
  border: 0;
  pointer-events: none;
}
.la-image-uploader__preview-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}
.la-image-uploader__preview-item {
  position: relative;
  width: 120px;
  border: 1px solid var(--la-base-light, #F5F5F5);
  border-radius: 0.2rem;
  padding: 0.5rem;
  background-color: var(--la-base-lightest, #FFF);
  transition: all 0.2s ease;
}
.la-image-uploader__preview-item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.la-image-uploader__preview-item:hover .la-image-uploader__remove-btn {
  opacity: 1;
}
.la-image-uploader__preview-image {
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(0.2rem - 2px);
  margin-bottom: 0.5rem;
}
.la-image-uploader__remove-btn {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: var(--la-danger-medium, #E25C3D);
  color: var(--la-white, #FFF);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease, background-color 0.2s ease;
  font-size: 0.75rem;
}
.la-image-uploader__remove-btn:hover {
  background-color: var(--la-danger-dark, #C0472D);
}
.la-image-uploader__filename {
  font-size: 0.75rem;
  color: var(--la-base-medium, #757575);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.la-image-uploader__progress {
  height: 4px;
  width: 100%;
  background-color: var(--la-base-lightest, #FFF);
  border-radius: 2px;
  margin-top: 0.5rem;
  overflow: hidden;
}
.la-image-uploader__progress-bar {
  height: 100%;
  background-color: var(--la-brand-primary, #069393);
  width: 0;
  transition: width 0.3s ease;
}
.la-image-uploader__error {
  color: var(--la-danger-medium, #E25C3D);
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
.la-image-uploader__existing-images {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
.la-image-uploader__existing-images .la-image-uploader__preview-item {
  width: 116px;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  height: auto;
}
.la-image-uploader__existing-images .la-image-uploader__image-wrapper {
  width: 100px;
  height: 80px;
  margin: 0 auto 0.5rem auto;
  border-radius: 0.15rem;
  overflow: hidden;
}
.la-image-uploader__existing-images .la-image-uploader__image-wrapper .la-image-uploader__preview-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin-bottom: 0;
}
.la-image-uploader__existing-images .la-image-uploader__controls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
}
.la-image-uploader__existing-images .la-image-uploader__controls .la-image-uploader__delete-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--la-base-dark, #4F4F4F);
  padding: 0.15rem 0;
}
.la-image-uploader__existing-images .la-image-uploader__controls .la-image-uploader__delete-checkbox input[type=checkbox] {
  margin-right: 0.35rem;
  accent-color: var(--la-danger-medium, #E25C3D);
  transform: scale(0.9);
  cursor: pointer;
  vertical-align: middle;
}
.la-image-uploader__existing-images .la-image-uploader__controls .la-image-uploader__delete-checkbox span:hover {
  text-decoration: underline;
  color: var(--la-danger-medium, #E25C3D);
}
.la-image-uploader__existing-images .la-image-uploader__filename {
  font-size: 0.75rem;
  color: var(--la-base-medium, #757575);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  width: 100%;
}

.la-image--error {
  border: 1px solid var(--la-danger-light, #F19B85);
  background-color: var(--la-base-lightest, #FFF);
}

.la-image-uploader__server-errors {
  margin-bottom: 1rem;
}
.la-image-uploader__server-error {
  background-color: var(--la-danger-lightest, #FADDDB);
  border-radius: 4px;
  color: var(--la-danger-dark, #C0472D);
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.la-image-uploader__server-error::before {
  content: "⚠️";
  font-size: 1rem;
}
.la-image-uploader--has-error .la-image-uploader__dropzone {
  border: 2px dashed var(--la-danger-medium, #E25C3D);
  background-color: var(--la-danger-lightest, #FADDDB);
}

.pac-container {
  border-radius: 0.375rem;
  border: 1px solid #BDBDBD;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  font-family: "Work Sans", "Helvetica", "sans-serif";
  margin-top: 0.25rem;
  z-index: 2000;
}
.pac-container::after {
  display: none;
}

.pac-item {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  cursor: pointer;
}
.pac-item:hover {
  background-color: #F9F9F9;
}

.pac-item-query {
  font-size: 0.875rem;
  color: #262626;
}

.pac-matched {
  font-weight: 600;
  color: #069393;
}

.la-location-autocomplete {
  margin-bottom: 1.5rem;
}
.la-location-autocomplete__toggle-container {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.la-location-autocomplete__nested-fields {
  border: 1px solid #BDBDBD;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-top: 1rem;
  background-color: #F9F9F9;
}
.la-location-autocomplete__nested-fields.hidden {
  display: none;
}
.la-location-autocomplete__nested-header {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #F5F5F5;
}
.la-location-autocomplete__nested-title {
  font-size: 1rem;
  font-weight: 600;
  color: #069393;
  margin: 0;
}
.la-location-autocomplete__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
.la-location-autocomplete__grid-col {
  flex: 1 1 calc(50% - 0.5rem);
  min-width: 250px;
}
.la-location-autocomplete .la-form__input--disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
}

.la-form__header-with-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.la-form__header-with-actions .la-form__label {
  margin-bottom: 0;
}

.la-form__help-text {
  font-size: 0.75rem;
  color: #757575;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}

.la-location-dropdown {
  position: relative;
  width: 100%;
  z-index: 1000;
}
.la-location-dropdown__search-container {
  margin-bottom: 1rem;
}
.la-location-dropdown__input-wrapper {
  position: relative;
}
.la-location-dropdown__results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-radius: 0 0 0.375rem 0.375rem;
  border: 1px solid #BDBDBD;
  border-top: none;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  max-height: 18.75rem;
  overflow-y: auto;
  z-index: 1001;
  display: none;
}
.la-location-dropdown__results--visible {
  display: block;
}
.la-location-dropdown__section {
  padding: 0.5rem 0;
  border-bottom: 1px solid #F5F5F5;
}
.la-location-dropdown__section:last-child {
  border-bottom: none;
}
.la-location-dropdown__section-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: #757575;
  padding: 0.25rem 0.75rem;
  text-transform: uppercase;
}
.la-location-dropdown__item {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  transition: background-color 0.2s;
}
.la-location-dropdown__item:hover, .la-location-dropdown__item:focus {
  background-color: #F9F9F9;
}
.la-location-dropdown__item-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #262626;
}
.la-location-dropdown__item-address {
  font-size: 0.75rem;
  color: #4F4F4F;
  margin-top: 0.125rem;
}
.la-location-dropdown__manual-option {
  padding: 0.75rem;
  border-top: 1px solid #F5F5F5;
  color: #069393;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-location-dropdown__manual-option:hover {
  background-color: #F9F9F9;
}
.la-location-dropdown__loading, .la-location-dropdown__no-results {
  padding: 0.75rem;
  text-align: center;
  color: #757575;
  font-size: 0.875rem;
}
.la-location-dropdown__manual-form {
  margin-top: 0.75rem;
  padding: 1rem;
  border: 1px solid #BDBDBD;
  border-radius: 0.375rem;
  background-color: #F9F9F9;
}
.la-location-dropdown__manual-form.hidden {
  display: none;
}
.la-location-dropdown__manual-form .la-form__group {
  margin-bottom: 1rem;
}
.la-location-dropdown__manual-form .la-form__label {
  font-weight: 600;
}
.la-location-dropdown__field {
  margin-bottom: 0.75rem;
}
.la-location-dropdown__field:last-child {
  margin-bottom: 0;
}
.la-location-dropdown__field label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #4F4F4F;
  margin-bottom: 0.25rem;
}
.la-location-dropdown__actions {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
}
.la-location-dropdown .la-form__input--disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
}

/* Listings Grid Error Component
---------------------------
A component for displaying error messages in the listings grid.
Follows BEM methodology with la- prefix.
*/
.la-listings-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
  margin: 1.5rem auto;
  max-width: 30rem;
  background-color: hsl(11.2727272727, 73.9910313901%, 121.2745098039%);
  border: 0.0625rem solid #F19B85;
  border-radius: 0.3rem;
  color: rgb(94.3901345291, 29.1928251121, 14.1098654709);
}
.la-listings-error__icon {
  margin-bottom: 1rem;
}
.la-listings-error__icon svg {
  width: 3rem;
  height: 3rem;
  color: #E25C3D;
}
.la-listings-error__content {
  width: 100%;
}
.la-listings-error__title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 0.75rem;
  color: inherit;
}
.la-listings-error__details {
  margin: 0 0 1.5rem;
  font-size: 0.875rem;
  opacity: 0.9;
}
.la-listings-error__button {
  margin-top: 1rem;
}
@media (width <= 640px) {
  .la-listings-error {
    padding: 1.5rem;
    margin: 1rem 0.75rem;
  }
}

/* app/assets/stylesheets/components/_message.scss
 *
 * Message Component
 *
 * BEM Structure:
 * .message - Base component
 * .message__content - Container for message content
 * .message__avatar - User avatar for received messages
 * .message__bubble - Message bubble containing text
 * .message__text - Actual message text
 * .message__footer - Container for timestamp
 * .message__timestamp - Time display
 * .message__actions - Edit/delete actions
 * .message__edit-form - Form for editing messages
 *
 * Modifiers:
 * .message--sent - Styling for sent messages
 * .message--received - Styling for received messages
 * .message--editing - State when message is being edited
 */
.message {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  max-width: 80%;
  width: auto;
  position: relative;
}
.message--sent {
  align-self: flex-end;
}
.message--sent:hover .message__actions, .message--sent:focus-within .message__actions, .message--sent.show-actions .message__actions {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.message--sent .message__bubble {
  background-color: #069393;
  color: #FFF;
  border-bottom-right-radius: 0.25rem;
}
.message--sent .message__timestamp {
  color: rgba(255, 255, 255, 0.6);
}
.message--received {
  align-self: flex-start;
}
.message--received .message__bubble {
  background-color: #F5F5F5;
  color: #262626;
  border-bottom-left-radius: 0.25rem;
  margin-left: 0.75rem;
}
.message--received .message__timestamp {
  color: rgba(117, 117, 117, 0.6);
}
.message--received .message__footer {
  justify-content: flex-start;
}

.message__content {
  display: flex;
  width: 100%;
  position: relative;
}

.message__avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  place-self: flex-start;
}
.message__avatar-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.message__avatar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
  color: #069393;
  font-weight: 600;
}

.message__bubble {
  padding: 0.75rem 0.9375rem;
  border-radius: 1.125rem;
  font-size: 0.875rem;
  box-shadow: 0 0.0625rem 0.125rem rgba(38, 38, 38, 0.05);
  display: flex;
  flex-direction: column;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 100%;
  width: auto;
}
.message__bubble:hover .message__timestamp {
  opacity: 0.8;
}

.message__text {
  margin-bottom: 0.25rem;
  word-wrap: break-word;
}

.message__footer {
  display: flex;
  justify-content: flex-end;
  font-size: 0.6875rem;
  margin-top: 0.125rem;
}

.message__timestamp {
  font-size: 0.5625rem;
  opacity: 0.6;
  font-weight: 300;
  letter-spacing: 0.02em;
  transition: opacity 0.2s ease;
}

.message__edited {
  font-size: 0.6875rem;
  color: #757575;
  margin-left: 0.25rem;
  font-style: italic;
}

.message__actions {
  display: flex;
  position: absolute;
  right: 0;
  bottom: -1.875rem;
  background-color: #FFF;
  border-radius: 0.75rem;
  box-shadow: 0 0.125rem 0.5rem rgba(38, 38, 38, 0.1);
  padding: 0.125rem;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  transition-delay: 0.3s; /* Add delay before hiding */
  /* Ensure actions stay visible when hovering over them */
}
.message__actions:hover {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.message__actions:hover, .message__actions:focus-within {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.message__actions .la-btn {
  width: 1.875rem;
  min-width: 1.875rem;
  min-height: 1.875rem;
  padding: 0;
}

.message__action-btn {
  background: none;
  border: none;
  color: #757575;
  cursor: pointer;
  padding: 0.25rem 0.375rem;
  margin: 0;
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message__action-btn:hover {
  color: #069393;
}

.message__action-icon {
  width: 1rem;
  height: 1rem;
}

.message__edit-form {
  width: auto;
  max-width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  display: inline-block;
  align-self: flex-end;
}

.message__edit-form-inner {
  display: flex;
  flex-flow: column wrap;
  align-content: flex-end;
  width: 100%;
}

.message__edit-input {
  padding: 0.75rem 0.9375rem;
  border: 0.0625rem solid #F5F5F5;
  border-radius: 1.125rem;
  font-size: 0.875rem;
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  background-color: #FFF;
  min-height: 2.5rem;
  resize: none;
  overflow: hidden;
  box-shadow: 0 0.0625rem 0.125rem rgba(38, 38, 38, 0.05);
  box-sizing: border-box;
  transition: height 0.1s ease, width 0.1s ease, border-color 0.2s ease;
  margin-bottom: 0.5rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.message__edit-input:focus {
  outline: none;
  border-color: #069393;
  box-shadow: 0 0 0 2px rgba(6, 147, 147, 0.2);
}

.message__edit-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.message__edit-icon {
  width: 0.875rem;
  height: 0.875rem;
}

.message__edit-save {
  background-color: #069393;
  color: #FFF;
  border: none;
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message__edit-save:hover {
  background-color: #05686C;
}

.message__edit-cancel {
  background: none;
  border: none;
  color: #757575;
  text-decoration: none;
  font-size: 0.75rem;
  padding: 0.25rem 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message__edit-cancel:hover {
  color: #262626;
}

.hidden {
  display: none !important;
}

#textarea-measure {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
  padding: 0.75rem 0.9375rem;
  font-size: 0.875rem;
  top: -9999px;
  left: -9999px;
  font-family: inherit;
  max-width: none;
}

.message-date-header {
  display: flex;
  justify-content: center;
  margin: 1.25rem 0 0.625rem;
  position: relative;
  z-index: 1;
}
.message-date-header::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0.0625rem;
  background-color: #F5F5F5;
  z-index: -1;
}
.message-date-header span {
  background-color: #F5F5F5;
  color: #757575;
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.75rem;
  font-weight: 500;
  box-shadow: 0 0.0625rem 0.1875rem rgba(38, 38, 38, 0.05);
}

.la-dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #262626;
  background-color: #FFF;
  border: 0.0625rem solid #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.08);
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.la-dismiss svg {
  width: 1rem;
  height: 1rem;
  stroke: currentcolor;
  stroke-width: 0.1875rem;
  transform: translate(0.5px, -0.5px);
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.la-dismiss:hover {
  transform: scale(1.02);
  color: #262626;
  background-color: #F5F5F5;
  border-color: #069393;
  box-shadow: 0 0.125rem 0.25rem rgba(6, 147, 147, 0.15);
}
.la-dismiss:active {
  transform: scale(0.98);
  background-color: #F5F5F5;
}
.la-dismiss:focus, .la-dismiss:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-dismiss--ghost {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
}
.la-dismiss--ghost:hover, .la-dismiss--ghost:focus, .la-dismiss--ghost:focus-visible {
  background-color: #FFF;
  border-color: #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.08);
}

.la-btn.la-btn--icon-only.la-dismiss,
.la-btn.la-btn--icon-only.la-modal__close,
.la-btn.la-btn--icon-only.la-modal__close-button,
.la-btn.la-btn--icon-only.la-add-to-collection-modal__close-button {
  --la-btn-min-height: 2rem;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
}

body.la-modal-open {
  overflow: hidden;
  overscroll-behavior: none;
  padding-right: var(--space-md, 0.75rem);
}
body.la-modal-open::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

body.la-native.la-modal-open {
  padding-right: 0;
}

.la-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;
  overflow: hidden;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: opacity, visibility;
  overscroll-behavior: contain;
}
.la-modal.active {
  opacity: 1;
  visibility: visible;
}
.la-modal[aria-hidden=false] {
  pointer-events: auto;
}
.la-modal[aria-hidden=true] {
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .la-modal {
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  }
}

.la-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(38, 38, 38, 0.6);
  z-index: 1040;
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-backdrop-filter: blur(0.125rem);
          backdrop-filter: blur(0.125rem);
  will-change: opacity;
}
.la-modal__overlay.active {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .la-modal__overlay {
    transition: opacity 0.2s ease-out;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
  }
}

.la-modal__dialog {
  position: relative;
  width: auto;
  margin: var(--space-xl, 1.5rem);
  max-width: 25.625rem;
  pointer-events: none;
  transform: translateY(-3.125rem) scale(0.95);
  z-index: 1050;
  will-change: transform;
  opacity: 0;
  transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  margin: var(--space-lg, 1rem);
  max-width: calc(100% - var(--space-xl, 2rem));
}
.la-modal.active .la-modal__dialog {
  transform: translateY(0) scale(1);
  opacity: 1;
}
@media (min-width: 576px) {
  .la-modal__dialog {
    margin: var(--space-xl, 1.5rem);
    max-width: 25.625rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .la-modal__dialog {
    transform: translateY(0) scale(0.98);
    transition: transform 0.1s linear;
  }
  .la-modal.active .la-modal__dialog {
    transform: translateY(0) scale(1);
  }
}
.la-modal__dialog:focus {
  outline: none;
}
.la-modal__dialog:focus-visible {
  box-shadow: 0 0 0 0.25rem var(--la-brand-light, #07B4B4);
}

.la-modal--sm .la-modal__dialog {
  max-width: 18.75rem;
}

.la-modal--lg .la-modal__dialog {
  max-width: 50rem;
}

.la-modal--xl .la-modal__dialog {
  max-width: 71.25rem;
}

.la-modal--wide .la-modal__dialog {
  width: 80%;
  max-width: 80%;
}

.la-modal--form-compact .la-modal__dialog {
  max-width: 25rem;
}
.la-modal--form-compact .la-modal__content {
  border-radius: 1.5rem;
  box-shadow: 0 0.625rem 1.875rem rgba(38, 38, 38, 0.15);
}
.la-modal--form-compact .la-modal__header {
  padding: 1.5rem 1.5rem 1.25rem;
  border-bottom: none;
}
.la-modal--form-compact .la-modal__title {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: left;
}
.la-modal--form-compact .la-modal__body {
  padding: 0 1.5rem 1.5rem;
}

.la-modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--la-base-lightest, #FFF);
  background-clip: padding-box;
  border-radius: 0.75rem;
  border: 0.0625rem solid #757575;
  outline: 0;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.09);
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media (forced-colors: active) {
  .la-modal__content {
    border: 0.125rem solid ButtonText;
  }
}
.la-modal__content:focus {
  outline: none;
}
.la-modal__content:focus-visible {
  box-shadow: 0 0 0 0.25rem var(--la-brand-light, #07B4B4);
}

.la-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-lg, 1rem) var(--space-lg, 1rem) var(--space-md, 0.75rem);
  border-bottom: 0;
  background-color: #FFF;
  color: var(--la-base-darkest, #262626);
  text-align: left;
}

.la-modal__title {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: var(--la-headers-font, nunito, "Helvetica", "sans-serif");
  color: var(--la-base-darkest, #262626);
  flex-grow: 1;
  margin-right: var(--space-md, 0.75rem);
  text-align: left;
}

.la-modal__header-actions,
.la-modal__header-actions-group {
  display: flex;
  align-items: center;
  gap: var(--space-sm, 0.5rem);
}

.la-modal__close,
.la-modal__close-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #262626;
  background-color: #FFF;
  border: 0.0625rem solid #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.08);
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  z-index: 10;
}
.la-modal__close svg,
.la-modal__close-button svg {
  width: 1rem;
  height: 1rem;
  stroke: currentcolor;
  stroke-width: 0.1875rem;
  transform: translate(0.5px, -0.5px);
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.la-modal__close:hover,
.la-modal__close-button:hover {
  transform: scale(1.02);
  color: #262626;
  background-color: #F5F5F5;
  border-color: #069393;
  box-shadow: 0 0.125rem 0.25rem rgba(6, 147, 147, 0.15);
}
.la-modal__close:active,
.la-modal__close-button:active {
  transform: scale(0.98);
  background-color: #F5F5F5;
}
.la-modal__close:focus, .la-modal__close:focus-visible,
.la-modal__close-button:focus,
.la-modal__close-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}

.la-modal--upgrade .la-modal__overlay {
  background: rgba(17, 24, 39, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.la-modal--upgrade .la-modal__dialog {
  max-width: 31.25rem;
}
@media (max-width: 576px) {
  .la-modal--upgrade .la-modal__dialog {
    margin: 1rem;
    max-width: calc(100% - 2rem);
  }
}
.la-modal--upgrade .la-modal__content {
  background: #FFF;
  border-radius: 1rem;
  padding: 2.5rem;
  box-shadow: 0 1rem 3rem rgba(38, 38, 38, 0.175);
  text-align: center;
  position: relative;
}
.la-modal--upgrade .la-modal__header {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0;
  border-bottom: none;
}
.la-modal--upgrade .la-modal__close {
  background: transparent;
  border: none;
  font-size: 2rem;
  color: #9ca3af;
  cursor: pointer;
  line-height: 1;
  transition: color 0.2s ease;
  width: auto;
  height: auto;
  padding: 0;
}
.la-modal--upgrade .la-modal__close:hover {
  color: #1f2937;
  background: transparent;
  transform: none;
}
.la-modal--upgrade .la-modal__body {
  padding: 0;
  text-align: center;
}

.la-upgrade-modal__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.la-upgrade-modal__icon-svg {
  width: 3.5rem;
  height: 3.5rem;
  color: #069393;
}
.la-upgrade-modal__title {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  color: #262626;
  line-height: 1.2;
}
@media (max-width: 576px) {
  .la-upgrade-modal__title {
    font-size: 1.5rem;
  }
}
.la-upgrade-modal__description {
  font-size: 1rem;
  color: #757575;
  margin: 0 0 1.5rem 0;
  line-height: 1.5;
}
.la-upgrade-modal__features {
  margin-bottom: 2rem;
  display: inline-block;
  text-align: left;
}
.la-upgrade-modal__features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.la-upgrade-modal__feature-item {
  margin-bottom: 0.75rem;
  font-weight: 500;
  color: #262626;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.la-upgrade-modal__feature-item:last-child {
  margin-bottom: 0;
}
.la-upgrade-modal__feature-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #069393;
  flex-shrink: 0;
}
.la-upgrade-modal__actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.la-upgrade-modal__trial-countdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.05), rgba(6, 147, 147, 0.1));
  border: 1px solid rgba(6, 147, 147, 0.2);
  border-radius: 0.75rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.la-upgrade-modal__trial-countdown:hover {
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.08), rgba(6, 147, 147, 0.15));
  border-color: rgba(6, 147, 147, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(6, 147, 147, 0.15);
}
.la-upgrade-modal__trial-countdown-inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}
.la-upgrade-modal__trial-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #069393;
}
.la-upgrade-modal__trial-text {
  flex: 1;
  color: #4F4F4F;
  font-size: 0.95rem;
}
.la-upgrade-modal__trial-text strong {
  color: #069393;
  font-weight: 600;
}
.la-upgrade-modal__trial-arrow {
  width: 1.25rem;
  height: 1.25rem;
  color: #069393;
}
.la-upgrade-modal__social-proof {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1.5rem 0 0;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(117, 117, 117, 0.3);
}
.la-upgrade-modal__avatars {
  display: flex;
  margin-right: 0.25rem;
}
.la-upgrade-modal__avatar {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #069393, #07B4B4);
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 50%;
  border: 2px solid #FFF;
  margin-left: -0.5rem;
}
.la-upgrade-modal__avatar:first-child {
  margin-left: 0;
}
.la-upgrade-modal__avatar:last-child {
  background: rgba(117, 117, 117, 0.1);
  color: #4F4F4F;
}
.la-upgrade-modal__social-text {
  color: #262626;
  font-size: 0.875rem;
}

@media (prefers-reduced-motion: reduce) {
  .la-upgrade-modal__button--primary:hover {
    transform: none;
  }
}
.la-modal__body {
  position: relative;
  flex: 1 1 auto;
  padding: 1.25rem 2.25rem;
  overflow-y: auto;
  max-height: calc(100vh - 220px);
  color: var(--la-base-dark, #4F4F4F);
  font-family: var(--la-body-font, "Work Sans", "Helvetica", "sans-serif");
  line-height: 1.5;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--la-brand-light, #07B4B4) var(--la-base-light, #F5F5F5);
  overscroll-behavior: contain;
}
.la-modal__body::-webkit-scrollbar {
  width: 0.5rem;
}
.la-modal__body::-webkit-scrollbar-track {
  background: var(--la-base-light, #F5F5F5);
  border-radius: 0.25rem;
}
.la-modal__body::-webkit-scrollbar-thumb {
  background-color: var(--la-brand-light, #07B4B4);
  border-radius: 0.25rem;
}
.la-modal__body *:first-child {
  margin-top: 0;
}
.la-modal__body *:last-child {
  margin-bottom: 0;
}

.la-modal__footer {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-md, 0.75rem);
  padding: var(--space-md, 0.75rem) var(--space-lg, 1rem) var(--space-lg, 1rem);
  border-top: 1px solid var(--la-base-medium, #757575);
  background-color: #FFF;
}
.la-modal__footer .la-btn {
  min-width: 7.5rem;
  border-radius: 6.25rem;
  margin: 0;
}
.la-modal__footer .la-btn--cancel {
  order: 1;
}
.la-modal__footer .la-btn--primary,
.la-modal__footer .la-btn--auth-submit,
.la-modal__footer .la-btn--success {
  background-color: #069393;
  color: #FFF;
  border: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  order: 2;
}
.la-modal__footer .la-btn--primary:hover,
.la-modal__footer .la-btn--auth-submit:hover,
.la-modal__footer .la-btn--success:hover {
  background-color: #07B4B4;
  color: #FFF;
}

.la-modal--centered .la-modal__dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - 3.5rem);
}

.la-modal--fullheight .la-modal__dialog {
  height: 100%;
  margin: 0;
  max-width: 100%;
}
.la-modal--fullheight .la-modal__dialog .la-modal__content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

@media (prefers-reduced-motion: reduce) {
  .la-modal--slide-up .la-modal__dialog,
  .la-modal--slide-down .la-modal__dialog,
  .la-modal--zoom .la-modal__dialog,
  .la-modal--fade .la-modal__dialog {
    transform: translateY(0) scale(0.98);
    transition: transform 0.1s linear, opacity 0.1s linear;
  }
  .la-modal.active .la-modal--slide-up .la-modal__dialog,
  .la-modal.active .la-modal--slide-down .la-modal__dialog,
  .la-modal.active .la-modal--zoom .la-modal__dialog,
  .la-modal.active .la-modal--fade .la-modal__dialog {
    transform: translateY(0) scale(1);
  }
}
.la-modal__body turbo-frame {
  display: block;
  min-height: 5rem;
}
.la-modal__body turbo-frame.turbo-frame-loading {
  position: relative;
}
.la-modal__body turbo-frame.turbo-frame-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  margin-left: -1rem;
  border-radius: 50%;
  border: 0.25rem solid var(--la-base-medium, #757575);
  border-top-color: var(--la-brand-primary, #069393);
  animation: la-modal-spinner 0.8s linear infinite;
}

@keyframes la-modal-spinner {
  to {
    transform: rotate(360deg);
  }
}
.la-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.la-modal__announcer {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.la-sort-component {
  position: relative;
  font-family: "Work Sans", "Helvetica", "sans-serif";
}
.la-sort-component__native-select-wrapper {
  display: block;
  position: relative;
  border-radius: 0.75rem;
  width: 100%;
}
@media (min-width: 768px) {
  .la-sort-component__native-select-wrapper {
    display: none;
  }
}
.la-sort-component__native-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #FFF;
  border: 1px solid #F5F5F5;
  border-radius: 0.75rem;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  color: #262626;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 3px rgba(38, 38, 38, 0.05);
}
.la-sort-component__native-select:hover {
  border-color: #069393;
  background-color: #F9F9F9;
}
.la-sort-component__native-select:focus {
  outline: none;
  border-color: #069393;
  box-shadow: 0 0 0 3px rgba(6, 147, 147, 0.15);
}
.la-sort-component__native-select:active {
  border-color: #069393;
  background-color: rgba(124, 200, 200, 0.1);
}
.la-sort-component__native-select option {
  padding: 0.75rem 1rem;
  font-weight: 500;
  font-size: 0.875rem;
  background-color: #FFF;
  color: #262626;
}
.la-sort-component__native-select option:checked {
  background-color: rgba(124, 200, 200, 0.1);
  color: #069393;
  font-weight: 600;
}
.la-sort-component__native-select option:hover {
  background-color: #F9F9F9;
}
.la-sort-component__native-select-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%) rotate(90deg);
  pointer-events: none;
  color: #BDBDBD;
  height: 1.25rem;
  width: 1.25rem;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}
.la-sort-component__native-select:focus + .la-sort-component__native-select-icon {
  color: #069393;
}
.la-sort-component__desktop-wrapper {
  display: none;
}
@media (min-width: 768px) {
  .la-sort-component__desktop-wrapper {
    display: block;
  }
}
.la-sort-component__button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #FFF;
  border: 1px solid #F5F5F5;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 3px rgba(38, 38, 38, 0.05);
}
.la-sort-component__button:hover {
  border-color: #069393;
  background-color: #F9F9F9;
}
.la-sort-component__button:focus {
  outline: none;
  border-color: #069393;
  box-shadow: 0 0 0 3px rgba(6, 147, 147, 0.15);
}
.la-sort-component__button-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #757575;
}
.la-sort-component__button-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: #262626;
}
.la-sort-component__button-icon {
  color: #BDBDBD;
  transition: transform 0.2s ease-in-out;
  transform: rotate(90deg);
}
.la-sort-component__button-icon--rotated {
  transform: rotate(-90deg);
  color: #069393;
}
.la-sort-component__dropdown {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  background-color: #FFF;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(38, 38, 38, 0.15);
  border: 1px solid #F5F5F5;
  z-index: 9999;
  min-width: 220px;
  opacity: 0;
  transform: translateY(-10px);
  visibility: hidden;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s;
  overflow: hidden;
}
.la-sort-component__dropdown--visible {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.la-sort-component__dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0.5rem;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #F5F5F5 transparent;
}
.la-sort-component__dropdown ul::-webkit-scrollbar {
  width: 0.35rem;
  background-color: transparent;
}
.la-sort-component__dropdown ul::-webkit-scrollbar-thumb {
  background-color: #F5F5F5;
  border-radius: 0.5rem;
  opacity: 0.75;
}
.la-sort-component__dropdown ul::-webkit-scrollbar-track {
  background-color: transparent;
  margin: 0.25rem;
}
.la-sort-component__dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
  color: #262626;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-bottom: 0.125rem;
}
.la-sort-component__dropdown-item:hover, .la-sort-component__dropdown-item:focus {
  background-color: #F9F9F9;
  outline: none;
}
.la-sort-component__dropdown-item:focus {
  box-shadow: 0 0 0 2px rgba(6, 147, 147, 0.2);
}
.la-sort-component__dropdown-item:active {
  background-color: rgba(124, 200, 200, 0.3);
}
.la-sort-component__dropdown-item--selected {
  font-weight: 600;
  color: #069393;
  background-color: rgba(124, 200, 200, 0.1);
}
.la-sort-component__dropdown-item--selected:hover {
  background-color: rgba(124, 200, 200, 0.2);
}
.la-sort-component__dropdown-check-icon {
  color: #069393;
  height: 1.125rem;
  width: 1.125rem;
  margin-left: 0.5rem;
}

.search-input-wrapper {
  position: relative;
}

.search-icon {
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translateY(-50%);
  pointer-events: none;
}

.user-avatar {
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.user-avatar__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #F5F5F5;
  -o-object-position: center;
     object-position: center;
}
.user-avatar__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8FABEE 0%, #F5F5F5 100%);
  color: #2B5CAA;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
}
.user-avatar__status {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 0.125rem solid #FFF;
}
.user-avatar__status.online {
  background-color: #069393;
}
.user-avatar__status.offline {
  background-color: #757575;
}
.user-avatar--sm {
  width: 2rem;
  height: 2rem;
}
.user-avatar--sm .user-avatar__placeholder {
  font-size: 0.75rem;
}
.user-avatar--sm .user-avatar__status {
  width: 0.5rem;
  height: 0.5rem;
}
.user-avatar--lg {
  width: 4rem;
  height: 4rem;
}
.user-avatar--lg .user-avatar__placeholder {
  font-size: 1.25rem;
}

.la-weather-widget {
  width: 50%;
  max-width: 960px;
  margin: 0 auto;
  padding: 1rem 0 1rem;
  border-top: 1px solid rgba(38, 38, 38, 0.1);
  font-family: "Work Sans", "Helvetica", "sans-serif";
}
.la-weather-widget__title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #262626;
  text-align: left;
}
.la-weather-widget__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.la-weather-widget__content-wrapper {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 8rem;
  height: 100%;
}
.la-weather-widget__header-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 2rem;
  flex: 0 0 auto;
  height: 100%;
  min-height: inherit;
}
.la-weather-widget__current {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  width: 100%;
}
.la-weather-widget__current-icon {
  margin-right: 0.75rem;
}
.la-weather-widget__current-icon .la-weather-icon {
  width: 3.125rem;
  height: 3.125rem;
  stroke: #069393;
}
.la-weather-widget__current-details {
  display: flex;
  flex-direction: column;
}
.la-weather-widget__current-temp {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1;
  color: #262626;
}
.la-weather-widget__temp-unit {
  font-size: 1.125rem;
  font-weight: normal;
  vertical-align: super;
  color: #262626;
}
.la-weather-widget__current-condition {
  font-size: 0.875rem;
  color: #757575;
  margin-top: 0.25rem;
}
.la-weather-widget__current-wind, .la-weather-widget__current-detail {
  font-size: 0.75rem;
  color: rgb(142.5, 142.5, 142.5);
  margin-top: 0.125rem;
}
.la-weather-widget__current-wind-direction {
  margin-left: 0.5rem;
}
.la-weather-widget__forecast {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  justify-items: center;
  align-items: center;
  align-content: center;
  flex: 1 1 auto;
  height: 100%;
  min-height: inherit;
  border-left: 1px solid #F5F5F5;
  padding-left: 1.5rem;
  margin-left: 0.5rem;
}
.la-weather-widget__forecast-day {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.la-weather-widget__day-name {
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.375rem;
  text-align: center;
  color: #262626;
}
.la-weather-widget__day-icon {
  margin-bottom: 0.5rem;
}
.la-weather-widget__day-icon .la-weather-icon {
  width: 1.5rem;
  height: 1.5rem;
  stroke: #069393;
}
.la-weather-widget__temp-bar-container {
  width: 0.375rem;
  height: 5rem;
  background-color: transparent;
  border-radius: 0.2rem;
  position: relative;
  margin-inline: auto;
  display: grid;
  place-items: center;
}
.la-weather-widget__temp-bar {
  width: 100%;
  background-color: #069393;
  border-radius: 0.2rem;
  /* height is still injected inline from ERB */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.la-weather-widget__temp-high, .la-weather-widget__temp-low {
  font-size: 0.625rem;
  text-align: center;
  font-weight: 500;
  color: #757575;
}
.la-weather-widget__icon--asset {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  filter: var(--la-weather-icon-filter, none);
}
.la-weather-widget--native-sheet {
  width: 100%;
  max-width: none;
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  border-top: 0;
  font-family: "Work Sans", "Helvetica", "sans-serif";
}
.la-weather-widget__native-current {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  padding: 0.15rem 0 0.1rem;
}
.la-weather-widget__native-current-icon {
  width: 3.95rem;
  height: 3.95rem;
  display: grid;
  place-items: center;
}
.la-weather-widget__native-current-icon .la-weather-icon {
  width: 3.78rem;
  height: 3.78rem;
  stroke-width: 1.8;
}
.la-weather-widget__native-temp {
  display: flex;
  align-items: flex-start;
  color: #262626;
  line-height: 0.9;
}
.la-weather-widget__native-temp-value {
  font-size: 3.05rem;
  font-weight: 760;
  letter-spacing: 0;
}
.la-weather-widget__native-temp-unit {
  margin-top: 0.22rem;
  font-size: 1rem;
  font-weight: 800;
}
.la-weather-widget__native-summary {
  min-width: 0;
  display: grid;
  gap: 0.18rem;
}
.la-weather-widget__native-condition {
  color: #262626;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.15;
}
.la-weather-widget__native-feels {
  color: #757575;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
}
.la-weather-widget__native-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
.la-weather-widget__native-stat {
  min-height: 3.72rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "icon label" "icon value";
  align-items: center;
  -moz-column-gap: 0.7rem;
       column-gap: 0.7rem;
  padding: 0.74rem 0.78rem;
  border: 1px solid rgba(38, 38, 38, 0.065);
  border-radius: 0.75rem;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.48) 100%);
  box-shadow: 0 0.34rem 1rem rgba(38, 38, 38, 0.035);
}
.la-weather-widget__native-stat-icon {
  grid-area: icon;
  width: 2.12rem;
  height: 2.12rem;
}
.la-weather-widget__native-stat-label {
  grid-area: label;
  min-width: 0;
  color: #757575;
  font-size: 0.66rem;
  font-weight: 720;
  line-height: 1.1;
}
.la-weather-widget__native-stat-value {
  grid-area: value;
  min-width: 0;
  color: #262626;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.15;
}
.la-weather-widget__native-advisory {
  min-height: 3.15rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.62rem;
  padding: 0.68rem 0.76rem;
  border: 1px solid rgba(6, 147, 147, 0.13);
  border-radius: 0.82rem;
  background: linear-gradient(180deg, rgba(6, 147, 147, 0.1), rgba(6, 147, 147, 0.055));
  color: #262626;
}
.la-weather-widget__native-advisory strong,
.la-weather-widget__native-advisory small {
  display: block;
  line-height: 1.18;
}
.la-weather-widget__native-advisory strong {
  color: #05686C;
  font-size: 0.78rem;
  font-weight: 850;
}
.la-weather-widget__native-advisory small {
  margin-top: 0.12rem;
  color: #4F4F4F;
  font-size: 0.68rem;
  font-weight: 700;
}
.la-weather-widget__native-advisory-icon {
  width: 2.18rem;
  height: 2.18rem;
}
.la-weather-widget__native-advisory-orb {
  --orb-size: 2.32rem;
}
.la-weather-widget__native-forecast {
  display: grid;
  gap: 0.48rem;
}
.la-weather-widget__native-forecast-title {
  margin: 0;
  color: #05686C;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.1;
}
.la-weather-widget__native-forecast-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.38rem;
}
.la-weather-widget__native-forecast-day {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 0.18rem;
  padding: 0.58rem 0.32rem 0.5rem;
  border: 1px solid rgba(38, 38, 38, 0.065);
  border-radius: 0.72rem;
  background: #FFF;
  box-shadow: 0 0.36rem 1rem rgba(38, 38, 38, 0.035);
}
.la-weather-widget__native-forecast-name {
  color: #05686C;
  font-size: 0.62rem;
  font-weight: 850;
  line-height: 1.05;
}
.la-weather-widget__native-forecast-icon {
  min-height: 2.35rem;
  display: grid;
  place-items: center;
}
.la-weather-widget__native-forecast-icon .la-weather-icon {
  width: 2.18rem;
  height: 2.18rem;
  stroke-width: 1.9;
}
.la-weather-widget .la-weather-icon--tone-neutral {
  --la-weather-icon-filter: none;
}
.la-weather-widget .la-weather-icon--tone-brand {
  --la-weather-icon-filter: invert(41%) sepia(59%) saturate(1207%) hue-rotate(142deg) brightness(90%) contrast(95%);
}
.la-weather-widget .la-weather-icon--tone-warm {
  --la-weather-icon-filter: invert(66%) sepia(78%) saturate(694%) hue-rotate(348deg) brightness(97%) contrast(92%);
}
.la-weather-widget .la-weather-icon--tone-sky {
  --la-weather-icon-filter: invert(54%) sepia(36%) saturate(841%) hue-rotate(177deg) brightness(92%) contrast(89%);
}
.la-weather-widget .la-weather-icon--tone-water {
  --la-weather-icon-filter: invert(42%) sepia(64%) saturate(901%) hue-rotate(167deg) brightness(94%) contrast(92%);
}
.la-weather-widget .la-weather-icon--tone-wind {
  --la-weather-icon-filter: invert(45%) sepia(58%) saturate(583%) hue-rotate(129deg) brightness(91%) contrast(93%);
}
.la-weather-widget .la-weather-icon--tone-storm {
  --la-weather-icon-filter: invert(45%) sepia(49%) saturate(999%) hue-rotate(219deg) brightness(92%) contrast(91%);
}
.la-weather-widget__native-forecast-high, .la-weather-widget__native-forecast-low {
  line-height: 1.05;
}
.la-weather-widget__native-forecast-high {
  color: #262626;
  font-size: 0.84rem;
  font-weight: 850;
}
.la-weather-widget__native-forecast-low {
  color: #757575;
  font-size: 0.66rem;
  font-weight: 760;
}
.la-weather-widget__content-wrapper {
  flex-direction: column;
  align-items: center;
}
.la-weather-widget__current {
  margin-right: 0;
  margin-bottom: 1.5rem;
  width: 100%;
}
.la-weather-widget__forecast {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 0.25rem;
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}
.la-weather-widget__temp-bar-container {
  height: 3.75rem;
}
.la-weather-widget__forecast-day {
  max-width: 2.5rem;
}
.la-weather-widget__forecast-day .la-weather-widget__day-icon .la-weather-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.la-weather-widget__forecast-day .la-weather-widget__day-name {
  font-size: 0.6875rem;
}
.la-weather-widget__forecast-day .la-weather-widget__temp-high,
.la-weather-widget__forecast-day .la-weather-widget__temp-low {
  font-size: 0.5625rem;
}
@media (min-width: 576px) {
  .la-weather-widget__content-wrapper {
    flex-direction: row;
    align-items: stretch;
  }
  .la-weather-widget__current {
    margin-right: 2rem;
    margin-bottom: 0;
    width: auto;
  }
  .la-weather-widget__forecast {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
    align-items: center;
    align-content: center;
    gap: 0.5rem;
    border-left: 1px solid #F5F5F5;
    padding-left: 1.5rem;
    margin-left: 0.5rem;
  }
  .la-weather-widget__forecast-day {
    max-width: none;
  }
  .la-weather-widget__forecast-day .la-weather-widget__day-icon .la-weather-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .la-weather-widget__forecast-day .la-weather-widget__day-name {
    font-size: 0.75rem;
  }
  .la-weather-widget__forecast-day .la-weather-widget__temp-high,
  .la-weather-widget__forecast-day .la-weather-widget__temp-low {
    font-size: 0.625rem;
  }
}

.la-weather-widget--compact {
  width: 100%;
  max-width: 960px;
  margin: 1.5rem auto;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  overflow: hidden;
}
.la-weather-widget__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(38, 38, 38, 0.05);
}
.la-weather-widget__location {
  font-size: 0.875rem;
  color: #262626;
}
.la-weather-widget__condition-summary {
  font-size: 0.75rem;
  color: #757575;
}
.la-weather-widget__content {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
}
.la-weather-widget__current-compact {
  display: flex;
  align-items: center;
  margin-right: 1.5rem;
}
.la-weather-widget__current-icon-large {
  margin-right: 0.5rem;
}
.la-weather-widget__current-icon-large .la-weather-icon {
  width: 2.625rem;
  height: 2.625rem;
  stroke: #069393;
}
.la-weather-widget__current-temp-compact {
  font-size: 1.75rem;
  font-weight: 700;
  color: #262626;
}
.la-weather-widget__divider {
  width: 1px;
  height: 2.5rem;
  background-color: rgba(38, 38, 38, 0.05);
  margin-right: 1.5rem;
}
.la-weather-widget__forecast-compact {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.la-weather-widget__forecast-day-compact {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.la-weather-widget__day-name-compact {
  font-size: 0.75rem;
  font-weight: 500;
  color: #262626;
  margin-bottom: 0.25rem;
}
.la-weather-widget__day-icon-compact {
  margin: 0.25rem 0;
}
.la-weather-widget__day-icon-compact .la-weather-icon {
  width: 1.25rem;
  height: 1.25rem;
  stroke: #069393;
}
.la-weather-widget__temp-range-compact {
  display: flex;
  align-items: center;
  font-size: 0.675rem;
}
.la-weather-widget__temp-high-compact {
  font-size: 0.675rem;
  font-weight: 500;
  color: #262626;
}
.la-weather-widget__temp-separator {
  margin: 0 0.1rem;
  color: rgb(144.6, 144.6, 144.6);
}
.la-weather-widget__temp-low-compact {
  font-size: 0.5rem;
  color: #757575;
}
@media (width <= 576px) {
  .la-weather-widget__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .la-weather-widget__location {
    margin-bottom: 0.25rem;
  }
  .la-weather-widget__content {
    flex-direction: column;
    align-items: flex-start;
  }
  .la-weather-widget__current-compact {
    margin-right: 0;
    margin-bottom: 0.75rem;
    width: 100%;
  }
  .la-weather-widget__divider {
    display: none;
  }
  .la-weather-widget__forecast-compact {
    width: 100%;
    padding-top: 0.5rem;
  }
  .la-weather-widget__day-icon-compact .la-weather-icon {
    width: 1.125rem;
    height: 1.125rem;
  }
}

.la-weather-widget--expandable {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  height: 4rem;
  min-height: 4rem;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  background-color: #FFF;
  border: 0.0625rem solid transparent;
  border-radius: 2rem;
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.78);
  overflow: hidden;
  cursor: pointer;
  transition: height 0.3s ease-in-out, border 0.2s ease, box-shadow 0.2s ease;
  margin: 1rem 0;
  padding: 0 1rem;
  justify-content: center;
}
@media (min-width: 576px) {
  .la-weather-widget--expandable {
    width: auto;
    min-width: 11rem;
    transition: width 0.3s ease-in-out, border 0.2s ease, box-shadow 0.2s ease;
    margin: 0;
    padding: 0;
  }
}
.la-weather-widget--expandable:hover {
  border: 0.0625rem solid #069393;
}
.la-weather-widget--expandable:active {
  box-shadow: 0 0 0 0.1875rem rgba(6, 147, 147, 0.2);
}
.la-weather-widget--expanded {
  width: 100%;
  max-width: 100vw;
  flex-direction: column;
  height: auto;
  align-items: stretch;
  padding: 0.5rem 1rem;
  justify-content: space-evenly;
}
@media (min-width: 576px) {
  .la-weather-widget--expanded {
    width: auto;
    min-width: 18rem;
    max-width: 25rem;
    flex-direction: row;
    height: 4rem;
    align-items: center;
    padding: 0 0.75rem;
  }
}
@media (min-width: 768px) {
  .la-weather-widget--expanded {
    min-width: 22rem;
    max-width: 27rem;
    padding: 0 0.5rem;
  }
}
@media (min-width: 992px) {
  .la-weather-widget--expanded {
    padding: 0 0.25rem;
  }
}
.la-weather-widget__current-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 0.5rem;
  border-bottom: 1px solid rgba(38, 38, 38, 0.05);
}
@media (min-width: 576px) {
  .la-weather-widget__current-section {
    border-bottom: none;
  }
}
.la-weather-widget--expanded .la-weather-widget__current-section {
  gap: 0;
}
.la-weather-widget__current-icon-small {
  margin-right: 0.75rem;
  flex-shrink: 0;
}
.la-weather-widget__current-icon-small .la-weather-widget__icon {
  width: 2rem;
  height: 2rem;
  stroke: #069393;
  margin: 0;
}
.la-weather-widget__icon {
  width: 2rem;
  height: 2rem;
  stroke: #069393;
  stroke-width: 1.5;
  margin: 0;
}
.la-weather-widget__icon--sun {
  color: #F4B63E;
}
.la-weather-widget__icon--cloud {
  color: #757575;
}
.la-weather-widget__icon--rain {
  color: #4A7AD8;
}
.la-weather-widget__icon--storm {
  color: #2B5CAA;
}
.la-weather-widget__icon--snow {
  color: #8FABEE;
}
.la-weather-widget__icon--fog {
  color: #757575;
}
.la-weather-widget__icon--default {
  color: #757575;
}
.la-weather-widget__current-info {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.la-weather-widget__current-temp-small {
  font-size: 1rem;
  font-weight: 700;
  color: #262626;
  line-height: 1.2;
}
.la-weather-widget__current-location-small {
  font-size: 0.75rem;
  color: #262626;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 6rem;
}
.la-weather-widget--expanded .la-weather-widget__current-location-small {
  max-width: 12rem;
}
@media (min-width: 576px) {
  .la-weather-widget__current-location-small {
    max-width: 5.75rem;
  }
  .la-weather-widget--expanded .la-weather-widget__current-location-small {
    max-width: 6rem;
  }
}
.la-weather-widget__current-condition-small {
  font-size: 0.675rem;
  color: #757575;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 6rem;
}
.la-weather-widget--expanded .la-weather-widget__current-condition-small {
  max-width: 12rem;
}
@media (min-width: 576px) {
  .la-weather-widget__current-condition-small {
    max-width: 5.75rem;
  }
  .la-weather-widget--expanded .la-weather-widget__current-condition-small {
    max-width: 6rem;
  }
}
.la-weather-widget__toggle-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.la-weather-widget__toggle-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #757575;
  transition: transform 0.3s ease-in-out;
  stroke-width: 2.5;
}
.la-weather-widget__toggle-icon--expanded {
  transform: rotate(180deg);
}
.la-weather-widget--unavailable {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4rem;
  height: 4rem;
  padding: 0;
}
@media (min-width: 576px) {
  .la-weather-widget--unavailable {
    min-width: 11rem;
    padding: 0;
  }
}
.la-weather-widget__unavailable-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-weather-widget--unavailable .la-weather-widget__unavailable-icon, .la-weather-widget--unavailable .la-weather-widget__unavailable-icon, .la-weather-widget__unavailable-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
.la-weather-widget--unavailable .la-weather-widget__unavailable-icon svg, .la-weather-widget--unavailable .la-weather-widget__unavailable-icon .la-icon, .la-weather-widget--unavailable .la-weather-widget__unavailable-icon svg, .la-weather-widget--unavailable .la-weather-widget__unavailable-icon .la-icon, .la-weather-widget__unavailable-icon svg, .la-weather-widget__unavailable-icon .la-icon {
  width: 2rem;
  height: 2rem;
  stroke: #069393;
  stroke-width: 2;
  opacity: 0.9;
  margin: 0;
}
.la-weather-widget__upgrade-prompt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 4rem;
  padding: 0.75rem 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 0.25rem;
}
.la-weather-widget__upgrade-prompt:hover {
  background: rgba(6, 147, 147, 0.05);
  transform: translateY(-1px);
}
.la-weather-widget__upgrade-prompt:focus {
  outline: 2px solid #069393;
  outline-offset: 2px;
}
.la-weather-widget__upgrade-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.la-weather-widget__upgrade-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.la-weather-widget__upgrade-icon svg, .la-weather-widget__upgrade-icon .la-icon {
  width: 1.5rem;
  height: 1.5rem;
  stroke: #069393;
  fill: none;
  stroke-width: 2;
}
.la-weather-widget__upgrade-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
}
.la-weather-widget__upgrade-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #262626;
  line-height: 1.2;
}
.la-weather-widget__upgrade-subtitle {
  font-size: 0.75rem;
  font-weight: 400;
  color: #069393;
  line-height: 1.2;
}
.la-weather-widget__upgrade-sparkle {
  width: 1rem;
  height: 1rem;
  opacity: 0.7;
}
.la-weather-widget__upgrade-sparkle svg, .la-weather-widget__upgrade-sparkle .la-icon {
  width: 1rem;
  height: 1rem;
  fill: #069393;
  stroke: none;
}
.la-weather-widget__upgrade-sparkle svg {
  width: 2rem;
  height: 2rem;
  stroke: #069393;
  stroke-width: 2;
}
.la-weather-widget__upgrade-sparkle:is(svg) {
  width: 2rem;
  height: 2rem;
  stroke: #069393;
  stroke-width: 2;
  opacity: 0.9;
}
.la-weather-widget__fallback-notice {
  font-size: 0.675rem;
  color: #757575;
  text-align: center;
  padding: 0.25rem 0;
}
.la-weather-widget__forecast-section {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 0.5rem;
  width: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out;
}
.la-weather-widget--expanded .la-weather-widget__forecast-section {
  width: 100%;
  opacity: 1;
  justify-content: space-between;
  padding: 0;
}
@media (min-width: 576px) {
  .la-weather-widget--expanded .la-weather-widget__forecast-section {
    flex: 1 1 auto;
    width: auto;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .la-weather-widget--expanded .la-weather-widget__forecast-section {
    padding: 0;
  }
}
.la-weather-widget__forecast-day-small {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.125rem;
  flex: 0 0 auto;
}
@media (min-width: 576px) {
  .la-weather-widget__forecast-day-small {
    margin: 0 0.25rem;
  }
}
@media (min-width: 768px) {
  .la-weather-widget__forecast-day-small {
    margin: 0 0.375rem;
  }
}
.la-weather-widget__day-name-small {
  font-size: 0.675rem;
  font-weight: 500;
  color: #262626;
  padding-top: 0.2rem;
}
.la-weather-widget__day-icon-small {
  margin: 0;
  margin-top: -0.2rem;
}
.la-weather-widget__day-icon-small .la-weather-widget__icon {
  width: 1rem;
  height: 1rem;
  stroke: #069393;
  margin: 0;
}
.la-weather-widget__temp-small {
  font-size: 0.675rem;
  color: #262626;
}

:root {
  --la-navbar-height: 6.5rem;
  --la-navbar-height-scrolled: 5.5rem;
  --la-navbar-z-index: 1000;
  --la-navbar-dropdown-z-index: 1002;
  --la-navbar-overlay-z-index: 1001;
}

.la-native {
  --la-navbar-height: 0px;
  --la-navbar-height-scrolled: 0px;
}

.la-navbar-wrapper {
  position: relative;
  width: 100%;
  z-index: var(--la-navbar-z-index);
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.la-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--la-navbar-height);
  z-index: var(--la-navbar-overlay-z-index);
  transition: height 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  background: transparent;
  border-bottom: 0.0625rem solid transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.la-navbar--scrolled {
  background: linear-gradient(180deg, #edf7f7 0%, #f8fbfb 58%, #FFF 100%);
  border-bottom-color: rgba(117, 117, 117, 0.34);
  height: var(--la-navbar-height-scrolled);
  box-shadow: rgba(0, 0, 0, 0.12) 0 0.0625rem 0.1875rem, rgba(0, 0, 0, 0.24) 0 0.0625rem 0.125rem;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.la-navbar__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0.25rem 1.5rem 0 1.5rem;
}

.la-navbar__logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #4F4F4F;
  transition: color 0.2s ease;
}
.la-navbar__logo:hover {
  color: #069393;
  text-decoration: none;
}

.la-navbar__logo-image {
  height: 6rem;
  width: auto;
  transition: height 0.3s ease;
}

.la-navbar--scrolled .la-navbar__logo-image {
  height: 5rem;
}

.la-navbar__logo-text {
  margin-left: 0.75rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #4F4F4F;
  display: none;
  transition: color 0.2s ease;
}
.la-navbar__logo:hover .la-navbar__logo-text {
  color: #069393;
}
@media (min-width: 576px) {
  .la-navbar__logo-text {
    display: inline;
  }
}

.la-navbar__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.la-navbar__icon-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  color: #757575;
  border-radius: 50%;
  transition: all 0.2s ease;
  text-decoration: none;
}

.la-navbar__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.la-navbar__icon-button:hover {
  color: #069393;
  background-color: rgba(255, 255, 255, 0.72);
  box-shadow: 0 0.35rem 1rem rgba(5, 104, 108, 0.08);
}

.la-navbar__notification-badge {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  background-color: #E25C3D;
  color: #FFF;
  font-size: 0.7rem;
  font-weight: 600;
  border-radius: 0.625rem;
  padding: 0 0.3125rem;
  border: 0.125rem solid #FFF;
}

.la-navbar--scrolled .la-navbar__notification-badge {
  border-color: #FFF;
}

.la-navbar__menu-container {
  position: relative;
}

.la-navbar__menu-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #05686C 0%, #069393 100%);
  color: #FFF;
  border: 0.0625rem solid rgba(255, 255, 255, 0.3);
  border-radius: 1.5rem;
  padding: 0.6rem 1.2rem;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  min-width: 6.25rem;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 0.55rem 1.25rem rgba(5, 104, 108, 0.16);
}

.la-navbar__menu-toggle--active,
.la-navbar__menu-toggle:hover {
  background: linear-gradient(135deg, #069393 0%, #05686C 100%);
  box-shadow: 0 0.7rem 1.45rem rgba(5, 104, 108, 0.2);
}

@keyframes la-fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -1rem, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.la-navbar__menu-toggle-text {
  display: inline-block;
  position: relative;
}

.la-text-animate {
  animation: la-fadeInDown 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.la-navbar__menu-icon {
  margin-left: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
  stroke: #FFF;
  transition: transform 0.2s ease;
}

.la-navbar__menu-toggle--active .la-navbar__menu-icon {
  transform: scale(0.9);
}

.la-dropdown-menu {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  width: 18.75rem;
  background-color: #FFF;
  border-radius: 0.75rem;
  box-shadow: 0 1rem 3rem rgba(38, 38, 38, 0.175);
  overflow: hidden;
  transform-origin: top right;
  transform: scale(0.95) translateY(-0.625rem);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
  z-index: var(--la-navbar-dropdown-z-index);
}

.la-dropdown-menu--open {
  transform: scale(1) translateY(0);
  opacity: 1;
  visibility: visible;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s;
}

.la-dropdown-menu__content {
  padding: 0.5rem 0;
}

.la-dropdown-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.la-dropdown-menu__item {
  margin: 0;
  padding: 0;
}

.la-dropdown-menu__item:last-child .la-dropdown-menu__link {
  border-bottom: none;
}

.la-dropdown-menu__item--separator {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 0.0625rem solid #F5F5F5;
}

.la-dropdown-menu__link {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  color: #4F4F4F;
  text-decoration: none;
  font-size: 1.15rem;
  font-weight: 500;
  transition: color 0.2s ease;
  border-bottom: 0.0625rem solid #F5F5F5;
  position: relative;
}

.la-dropdown-menu__link .la-dropdown-menu__indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  transform: translateX(-0.3125rem);
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
}

.la-dropdown-menu__indicator-icon {
  width: 100%;
  height: 100%;
  stroke: none;
  fill: #069393;
}

.la-dropdown-menu__link:hover .la-dropdown-menu__indicator,
.la-dropdown-menu__link--active .la-dropdown-menu__indicator {
  opacity: 1;
  transform: translateX(0);
}

.la-dropdown-menu__link:hover {
  color: #069393;
  text-decoration: none;
}

.la-dropdown-menu__link--active {
  color: #069393;
  font-weight: 600;
  background-color: #F5F5F5;
}

.la-dropdown-menu__link-wrapper {
  width: 100%;
}
.la-dropdown-menu__link-wrapper form {
  width: 100%;
  margin: 0;
  padding: 0;
}

.la-dropdown-menu__link--logout {
  color: #E25C3D;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  font-family: inherit;
  font-size: 1.15rem;
  font-weight: 500;
  padding: 1rem 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: color 0.2s ease;
  border-bottom: 0.0625rem solid #F5F5F5;
}

.la-dropdown-menu__link--logout .la-dropdown-menu__indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  transform: translateX(-0.3125rem);
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
}

.la-dropdown-menu__link--logout .la-dropdown-menu__indicator-icon {
  width: 100%;
  height: 100%;
  stroke: none;
  fill: #E25C3D;
}

.la-dropdown-menu__link--logout:hover {
  color: #C0472D;
  text-decoration: none;
}

.la-dropdown-menu__link--logout:hover .la-dropdown-menu__indicator {
  color: #C0472D;
  opacity: 1;
  transform: translateX(0);
}

.la-dropdown-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: var(--la-navbar-z-index);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s 0.3s, -webkit-backdrop-filter 0.3s ease;
  transition: opacity 0.3s ease, visibility 0s 0.3s, backdrop-filter 0.3s ease;
  transition: opacity 0.3s ease, visibility 0s 0.3s, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
}

.la-dropdown-overlay--visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0s, -webkit-backdrop-filter 0.3s ease;
  transition: opacity 0.3s ease, visibility 0s, backdrop-filter 0.3s ease;
  transition: opacity 0.3s ease, visibility 0s, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
}

@media (min-width: 768px) {
  .la-navbar__container {
    padding: 0 2rem;
  }
  .la-dropdown-menu {
    width: 20rem;
  }
  .la-dropdown-menu__link {
    font-size: 1.25rem;
    padding: 1.15rem 2rem;
  }
  .la-dropdown-menu__link .la-dropdown-menu__indicator {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .la-navbar__container {
    padding: 0 3rem;
  }
}
.la-opening-hours {
  padding: 1rem 1.5rem;
  font-size: 0.875rem;
}
.la-opening-hours__status {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  padding: 0.375rem 0;
}
.la-opening-hours__status-indicator {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  margin-right: 0.375rem;
}
.la-opening-hours__status-indicator--open {
  background-color: #069393;
}
.la-opening-hours__status-indicator--closed {
  background-color: #F19B85;
}
.la-opening-hours__status-text {
  font-weight: 500;
  font-size: 0.875rem;
}
.la-opening-hours__today-hours {
  margin-left: 0.25rem;
  font-weight: normal;
  color: #757575;
  font-size: 0.875rem;
}
.la-opening-hours__schedule {
  border-top: 1px solid #BDBDBD;
  padding-top: 0.5rem;
  margin-top: 0.375rem;
}
.la-opening-hours__day {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.375rem;
  padding: 0.25rem 0;
}
.la-opening-hours__day:last-child {
  margin-bottom: 0;
}
.la-opening-hours__day--today {
  font-weight: 500;
  background-color: #F5F5F5;
  border-radius: 0.25rem;
  padding: 0.25rem 0.375rem;
  margin: 0 -0.375rem 0.375rem -0.375rem;
}
.la-opening-hours__day-name {
  width: 35%;
  padding-right: 0.75rem;
}
.la-opening-hours__day-hours {
  width: 60%;
  text-align: right;
}
.la-opening-hours--manual .la-opening-hours__content {
  display: flex;
  align-items: center;
}
.la-opening-hours--manual .la-opening-hours__icon {
  margin-right: 0.75rem;
  color: var(--color-text-secondary);
}
.la-opening-hours--manual .la-opening-hours__info {
  display: flex;
  flex-direction: column;
}
.la-opening-hours--manual .la-opening-hours__time {
  font-weight: 500;
}
.la-opening-hours--manual .la-opening-hours__note {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin-top: 0.25rem;
}
.la-opening-hours--native-sheet {
  display: grid;
  gap: 0.7rem;
  padding: 0;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 0.84rem;
}
.la-opening-hours__status-card {
  min-height: 3rem;
  display: flex;
  align-items: center;
  gap: 0.42rem;
  padding: 0.72rem 0.8rem;
  border: 1px solid rgba(6, 147, 147, 0.16);
  border-radius: 0.78rem;
  background: linear-gradient(180deg, rgba(6, 147, 147, 0.08), rgba(6, 147, 147, 0.045));
  color: #262626;
}
.la-opening-hours__status-icon {
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
  padding: 0.28rem;
  border-radius: 50%;
  background: rgba(6, 147, 147, 0.12);
  color: #069393;
}
.la-opening-hours__status-label {
  color: #05686C;
  font-weight: 800;
  line-height: 1.15;
}
.la-opening-hours__status-label--closed {
  color: #C0472D;
}
.la-opening-hours__status-separator, .la-opening-hours__status-detail {
  color: #4F4F4F;
  font-weight: 700;
  line-height: 1.15;
}
.la-opening-hours__status-separator {
  color: rgba(38, 38, 38, 0.38);
}
.la-opening-hours__native-schedule {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(38, 38, 38, 0.07);
  border-radius: 0.78rem;
  background: #FFF;
  box-shadow: 0 0.45rem 1.25rem rgba(38, 38, 38, 0.045);
}
.la-opening-hours__native-day {
  min-height: 2.48rem;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr);
  align-items: center;
  gap: 0.75rem;
  padding: 0.42rem 0.78rem;
}
.la-opening-hours__native-day--today {
  background: linear-gradient(90deg, rgba(6, 147, 147, 0.1), rgba(6, 147, 147, 0.035));
}
.la-opening-hours__native-day-name, .la-opening-hours__native-day-hours {
  min-width: 0;
  line-height: 1.2;
}
.la-opening-hours__native-day-name {
  color: #262626;
  font-weight: 760;
}
.la-opening-hours__native-day-hours {
  color: #262626;
  font-weight: 800;
  text-align: right;
}
.la-opening-hours__native-day--today .la-opening-hours__native-day-name, .la-opening-hours__native-day--today .la-opening-hours__native-day-hours {
  color: #05686C;
}
.la-opening-hours__native-day-hours--closed {
  color: #757575;
  font-weight: 700;
}
.la-opening-hours__native-manual {
  min-height: 3rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.72rem 0.8rem;
  border: 1px solid rgba(38, 38, 38, 0.07);
  border-radius: 0.78rem;
  background: #FFF;
  color: #262626;
  font-weight: 800;
}
.la-opening-hours__native-manual-icon {
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
  padding: 0.28rem;
  border-radius: 50%;
  background: rgba(6, 147, 147, 0.1);
  color: #069393;
}

.la-quick-filters-container {
  display: flex;
  align-items: center;
  width: 90%;
  max-width: 50rem;
  min-width: 18.75rem;
  margin: 0.5rem auto 0.5rem;
  justify-content: center;
}
@media (min-width: 768px) {
  .la-quick-filters-container {
    width: 85%;
  }
}
@media (min-width: 1200px) {
  .la-quick-filters-container {
    width: 70%;
  }
}

.la-quick-filter-bar {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0;
}
.la-quick-filter-bar__container {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.5rem 0;
  padding-bottom: 0.75rem;
  margin-bottom: -0.25rem;
  scroll-behavior: smooth;
  flex-grow: 1;
  scrollbar-width: thin;
  scrollbar-color: #BDBDBD transparent;
  white-space: nowrap;
}
.la-quick-filter-bar__container::-webkit-scrollbar {
  height: 0.25rem;
  opacity: 0;
}
.la-quick-filter-bar__container::-webkit-scrollbar-track {
  background: transparent;
}
.la-quick-filter-bar__container::-webkit-scrollbar-thumb {
  background-color: #BDBDBD;
  border-radius: 9999px;
  opacity: 0.5;
}
.la-quick-filter-bar__container:not(:hover)::-webkit-scrollbar-thumb {
  background: transparent;
}
.la-quick-filter-bar__container:not(:hover) {
  scrollbar-color: transparent transparent;
}
.la-quick-filter-bar__scroll-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #FFF;
  border: 1px solid #BDBDBD;
  cursor: pointer;
  flex-shrink: 0;
  z-index: 2;
  transition: all 0.2s ease;
}
.la-quick-filter-bar__scroll-button:first-child {
  margin-right: 0.5rem;
}
.la-quick-filter-bar__scroll-button:last-child {
  margin-left: 0.5rem;
}
.la-quick-filter-bar__scroll-button:hover:not(:disabled) {
  background-color: #F5F5F5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.la-quick-filter-bar__scroll-button:active:not(:disabled) {
  transform: scale(0.95);
}
.la-quick-filter-bar__scroll-button:disabled, .la-quick-filter-bar__scroll-button--disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background-color: #F5F5F5;
}
.la-quick-filter-bar__scroll-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #4F4F4F;
}

.la-quick-filter-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  background-color: #F5F5F5;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  color: #4F4F4F;
  min-width: 4.5rem;
  gap: 0.25rem;
  white-space: nowrap;
}
.la-quick-filter-button:hover {
  background-color: rgb(237.35, 237.35, 237.35);
}
.la-quick-filter-button--active {
  background-color: rgba(6, 147, 147, 0.15);
  color: #069393;
  font-weight: 500;
  position: relative;
  box-shadow: 0 2px 8px rgba(6, 147, 147, 0.1);
}
.la-quick-filter-button--active::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 2px;
  background-color: #069393;
  border-radius: 9999px;
}
.la-quick-filter-button--active:hover {
  background-color: rgba(6, 147, 147, 0.2);
}
.la-quick-filter-button--active-nearby {
  background-color: rgb(237.35, 237.35, 237.35);
  color: #262626;
  font-weight: 600;
  border: 0.0625rem solid #069393;
}
.la-quick-filter-button--active-nearby:hover, .la-quick-filter-button--active-nearby:focus {
  box-shadow: 0 0 0 0.125rem rgba(6, 147, 147, 0.25);
}
.la-quick-filter-button__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  height: 1.75rem;
}
.la-quick-filter-button__icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  stroke-width: 1.5;
}
.la-quick-filter-button--active .la-quick-filter-button__icon {
  color: #069393;
  stroke-width: 2;
}
.la-quick-filter-button__label {
  font-size: 0.6875rem;
  text-align: center;
  font-weight: 400;
}
.la-quick-filter-button--active .la-quick-filter-button__label {
  color: #069393;
  font-weight: 500;
}

@media (max-width: 576px) {
  .la-quick-filters-container {
    flex-direction: row;
    gap: 0.25rem;
  }
  .la-quick-filter-bar {
    width: 100%;
  }
  .la-quick-filter-bar__container {
    gap: 0.5rem;
    padding: 0.25rem 0;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  .la-quick-filter-bar__scroll-button {
    width: 1.75rem;
    height: 1.75rem;
  }
  .la-quick-filter-bar__scroll-button:first-child {
    margin-right: 0.25rem;
  }
  .la-quick-filter-bar__scroll-button:last-child {
    margin-left: 0.25rem;
  }
  .la-quick-filter-bar__scroll-icon {
    width: 1rem;
    height: 1rem;
  }
  .la-quick-filter-button {
    min-width: 4rem;
    padding: 0.5rem 0.25rem;
  }
  .la-quick-filter-button__icon-wrapper {
    height: 1.5rem;
  }
  .la-quick-filter-button__icon {
    width: 1.375rem;
    height: 1.375rem;
  }
  .la-quick-filter-button__label {
    font-size: 0.625rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .la-quick-filter-bar__container {
    gap: 0.75rem;
    padding: 0.375rem 0;
  }
  .la-quick-filter-bar__scroll-button {
    width: 1.875rem;
    height: 1.875rem;
  }
  .la-quick-filter-bar__scroll-button:first-child {
    margin-right: 0.375rem;
  }
  .la-quick-filter-bar__scroll-button:last-child {
    margin-left: 0.375rem;
  }
  .la-quick-filter-bar__scroll-button .la-quick-filter-bar__scroll-icon {
    width: 1.125rem;
    height: 1.125rem;
  }
  .la-quick-filter-button {
    min-width: 4.25rem;
    padding: 0.625rem 0.375rem;
  }
  .la-quick-filter-button__icon-wrapper {
    height: 1.625rem;
  }
  .la-quick-filter-button__icon {
    width: 1.4375rem;
    height: 1.4375rem;
  }
  .la-quick-filter-button__label {
    font-size: 0.65625rem;
  }
}
@media (min-width: 768px) {
  .la-quick-filter-bar__container {
    gap: 1rem;
    padding: 0.5rem 0;
  }
  .la-quick-filter-bar__scroll-button {
    width: 2rem;
    height: 2rem;
  }
  .la-quick-filter-bar__scroll-button:first-child {
    margin-right: 0.5rem;
  }
  .la-quick-filter-bar__scroll-button:last-child {
    margin-left: 0.5rem;
  }
  .la-quick-filter-bar__scroll-button .la-quick-filter-bar__scroll-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
  .la-quick-filter-button {
    min-width: 4.5rem;
    padding: 0.75rem 0.5rem;
  }
  .la-quick-filter-button__icon-wrapper {
    height: 1.75rem;
  }
  .la-quick-filter-button__icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .la-quick-filter-button__label {
    font-size: 0.6875rem;
  }
}
@keyframes shine-skeleton {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.la-skeleton-shape {
  background-color: #F9F9F9;
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(90deg, #FFF 0%, rgba(249, 249, 249, 0.5) 20%, rgba(245, 245, 245, 0.8) 60%, #FFF 100%);
  background-size: 200% 100%;
}

.la-skeleton-shape--circle {
  border-radius: 50%;
}

.la-skeleton-shape--line {
  height: 0.75em;
  width: 100%;
}

.la-quick-filter-bar--skeleton .la-quick-filter-bar__scroll-button--skeleton {
  width: 2rem;
  height: 2rem;
  background-color: #FFF;
  border: 1px solid #BDBDBD;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-quick-filter-bar--skeleton .la-quick-filter-bar__scroll-button--skeleton .la-skeleton-shape--circle {
  width: 1.25rem;
  height: 1.25rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-bar__scroll-button--skeleton.la-quick-filter-bar__scroll-button--left-skeleton {
  margin-right: 0.5rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-bar__scroll-button--skeleton.la-quick-filter-bar__scroll-button--right-skeleton {
  margin-left: 0.5rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-bar__container--skeleton {
  gap: 1rem;
  padding: 0.5rem 0;
  padding-bottom: 0.75rem;
  margin-bottom: -0.25rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-button--skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  background-color: #F5F5F5;
  min-width: 4.5rem;
  gap: 0.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.la-quick-filter-bar--skeleton .la-quick-filter-button--skeleton .la-quick-filter-button__icon-wrapper--skeleton {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  height: 1.75rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-button--skeleton .la-quick-filter-button__icon-wrapper--skeleton .la-skeleton-shape--circle {
  width: 1.5rem;
  height: 1.5rem;
  animation: shine-skeleton 1.5s linear infinite;
}
.la-quick-filter-bar--skeleton .la-quick-filter-button--skeleton .la-quick-filter-button__label--skeleton {
  width: 80%;
  margin: 0 auto;
}
.la-quick-filter-bar--skeleton .la-quick-filter-button--skeleton .la-quick-filter-button__label--skeleton .la-skeleton-shape--line {
  height: 0.6875rem;
  border-radius: 4px;
  animation: shine-skeleton 1.5s linear infinite;
}

.la-quick-filter-bar--skeleton .la-quick-filter-bar__container--skeleton {
  gap: 0.5rem;
  padding: 0.25rem 0;
}
.la-quick-filter-bar--skeleton .la-quick-filter-bar__scroll-button--skeleton {
  width: 1.75rem;
  height: 1.75rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-bar__scroll-button--skeleton .la-skeleton-shape--circle {
  width: 1.125rem;
  height: 1.125rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-button--skeleton {
  min-width: 4rem;
  padding: 0.5rem 0.25rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-button--skeleton .la-quick-filter-button__icon-wrapper--skeleton {
  height: 1.5rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-button--skeleton .la-quick-filter-button__icon-wrapper--skeleton .la-skeleton-shape--circle {
  width: 1.375rem;
  height: 1.375rem;
}
.la-quick-filter-bar--skeleton .la-quick-filter-button--skeleton .la-quick-filter-button__label--skeleton .la-skeleton-shape--line {
  height: 0.625rem;
}

.lottie-weather-icon {
  display: block;
  margin: 0 auto;
}
.lottie-weather-icon svg {
  display: none;
}

.la-weather-widget__icon--current lottie-player {
  width: 2.5rem;
  height: 2.5rem;
}

.la-weather-widget__icon lottie-player {
  width: 1.75rem;
  height: 1.75rem;
}

@media (width <= 768px) {
  .la-weather-widget__icon--current lottie-player {
    width: 2rem;
    height: 2rem;
  }
  .la-weather-widget__icon lottie-player {
    width: 1.5rem;
    height: 1.5rem;
  }
}
lottie-player:not(:defined) svg {
  display: block;
  width: 100%;
  height: 100%;
}

.la-favourite-container {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.la-favourite-container__canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  pointer-events: none;
  z-index: 10;
}

.la-favourite-button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.la-favourite-button.was-favourited {
  animation: heart-deflate 0.3s ease-out;
}
.la-favourite-button:active {
  transform: scale(0.9);
}

.la-favourite-button__icon {
  width: 28px;
  height: 28px;
  stroke: #4F4F4F;
  stroke-width: 2;
  fill: #f8fafc;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.la-favourite-button.is-favourited .la-favourite-button__icon {
  stroke: none;
  fill: url(#heart-gradient);
  animation: heart-pop 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes heart-deflate {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes heart-pop {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.95) rotate(-3deg);
  } /* Anticipation */
  50% {
    transform: scale(1.3) rotate(5deg);
  } /* Pop */
  80% {
    transform: scale(1.1) rotate(-2deg);
  } /* Settle */
  100% {
    transform: scale(1);
  }
}
.la-card-listing-grid {
  display: grid;
  gap: 1rem;
  margin-bottom: 3rem;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 50rem) {
  .la-card-listing-grid {
    gap: 1.5rem;
  }
}
@media (min-width: 37.375rem) {
  .la-card-listing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 57.25rem) {
  .la-card-listing-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 74.5rem) {
  .la-card-listing-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 93rem) {
  .la-card-listing-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 111.5rem) {
  .la-card-listing-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

.end-of-results-indicator {
  padding: 4rem 2rem;
  width: 100%;
  text-align: center;
  color: #777;
  font-style: italic;
}

.la-collections-section {
  padding-top: 2rem;
  border-top: 1px solid #BDBDBD;
}
.la-collections-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.la-collections-section__placeholder {
  color: #757575;
}

.la-collections-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 640px) {
  .la-collections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .la-collections-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .la-collections-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.la-favourites-page__controls {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 0.75rem;
}
.la-favourites-page__controls .la-form--search {
  flex: 1 1 auto;
  max-width: 100%;
  width: 100%;
  margin: 0;
}
.la-favourites-page__controls .la-favourites-page__filter-buttons {
  width: 100%;
}
.la-favourites-page__controls .la-favourites-page__filter-buttons .la-btn.active {
  background-color: #069393;
  color: #FFF;
  border-color: #069393;
  box-shadow: 0 0.625rem 1.5rem rgba(6, 147, 147, 0.14);
}
.la-favourites-page__controls .la-favourites-page__filter-buttons .la-btn.active .la-btn__count {
  color: #FFF;
}
.la-favourites-page__controls .la-favourites-page__filter-buttons .la-btn:not(.active) .la-btn__count {
  color: #05686C;
}
.la-favourites-page__controls .la-favourites-page__filter-buttons .la-btn__count {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  margin-left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border-radius: 10em;
  background-color: transparent;
  color: #4F4F4F;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 576px) {
  .la-favourites-page__controls {
    align-items: center;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .la-favourites-page__controls .la-form--search {
    max-width: 50%;
    width: auto;
  }
  .la-favourites-page__controls .la-favourites-page__filter-buttons {
    width: auto;
  }
}

.la-empty-state {
  text-align: center;
  padding: 2rem 1rem;
  border: 1px dashed #BDBDBD;
  border-radius: 0.5rem;
  background-color: #F9F9F9;
  margin: 1rem 0;
}
.la-empty-state h3 {
  font-family: nunito, "Helvetica", "sans-serif";
  font-size: 1.5rem;
  color: #4F4F4F;
  margin-bottom: 0.5rem;
}
.la-empty-state p {
  color: #757575;
  max-width: 45ch;
  margin-left: auto;
  margin-right: auto;
}

.la-add-to-collection-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;
  align-items: center;
  justify-content: center;
}
.la-add-to-collection-modal.is-visible {
  display: flex;
}
.la-add-to-collection-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(38, 38, 38, 0.4);
  cursor: pointer;
}
.la-add-to-collection-modal__content {
  background-color: #FFF;
  border-radius: 1.5rem;
  padding: 1.5rem;
  width: 90%;
  max-width: 25rem;
  z-index: 1051;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 30px rgba(38, 38, 38, 0.15);
}
.la-add-to-collection-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
.la-add-to-collection-modal__title {
  font-family: nunito, "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 600;
  color: #262626;
  margin: 0;
}
.la-add-to-collection-modal__description {
  padding: 0 1.5rem 1rem;
  margin-top: -0.5rem;
}
.la-add-to-collection-modal__description p {
  color: #757575;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}
.la-add-to-collection-modal__close-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #262626;
  background-color: #FFF;
  border: 0.0625rem solid #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.08);
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.la-add-to-collection-modal__close-button svg {
  width: 1rem;
  height: 1rem;
  stroke: currentcolor;
  stroke-width: 0.1875rem;
  transform: translate(0.5px, -0.5px);
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.la-add-to-collection-modal__close-button:hover {
  transform: scale(1.02);
  color: #262626;
  background-color: #F5F5F5;
  border-color: #069393;
  box-shadow: 0 0.125rem 0.25rem rgba(6, 147, 147, 0.15);
}
.la-add-to-collection-modal__close-button:active {
  transform: scale(0.98);
  background-color: #F5F5F5;
}
.la-add-to-collection-modal__close-button:focus, .la-add-to-collection-modal__close-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-add-to-collection-modal__body {
  display: flex;
  flex-direction: column;
}
.la-add-to-collection-modal__listing-preview {
  display: none;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background-color: #F9F9F9;
}
.la-add-to-collection-modal__listing-preview.is-visible {
  display: flex;
}
.la-add-to-collection-modal__listing-image {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.375rem;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #F5F5F5;
}
.la-add-to-collection-modal__listing-name {
  font-weight: 600;
  color: #262626;
  margin: 0;
  font-size: 1rem;
  text-decoration: none;
}
.la-add-to-collection-modal__listing-name:hover {
  color: #069393;
  text-decoration: underline;
}
.la-add-to-collection-modal__listing-name h3 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
.la-add-to-collection-modal__listing-subtext {
  color: #757575;
  font-size: 0.875rem;
  margin: 0;
}
.la-add-to-collection-modal__listing-details {
  flex: 1;
}
.la-add-to-collection-modal__divider {
  display: none;
}
.la-add-to-collection-modal__collections-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 12.5rem;
  overflow-y: auto;
  padding-right: 0.25rem;
  scrollbar-width: thin;
  scrollbar-color: #F5F5F5 transparent;
}
.la-add-to-collection-modal__collections-list::-webkit-scrollbar {
  width: 0.35rem;
  background-color: transparent;
}
.la-add-to-collection-modal__collections-list::-webkit-scrollbar-thumb {
  background-color: #F5F5F5;
  border-radius: 0.5rem;
  opacity: 0.75;
}
.la-add-to-collection-modal__collections-list::-webkit-scrollbar-track {
  background-color: transparent;
  margin: 0.25rem;
}
.la-add-to-collection-modal__collection-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-color: #FFF;
  transition: background-color 0.2s ease;
}
.la-add-to-collection-modal__collection-item.contains-current-listing {
  background-color: rgba(124, 200, 200, 0.1);
}
.la-add-to-collection-modal__collection-item.contains-current-listing:hover {
  background-color: rgba(124, 200, 200, 0.2);
}
.la-add-to-collection-modal__collection-item:hover {
  background-color: #F9F9F9;
}
.la-add-to-collection-modal__collection-item .la-btn--add,
.la-add-to-collection-modal__collection-item .la-btn--remove {
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.375rem;
}
.la-add-to-collection-modal__collection-item .la-btn--add {
  background: #7CC8C8;
  color: #069393;
  border: 0.0625rem solid rgba(6, 147, 147, 0.12);
}
.la-add-to-collection-modal__collection-item .la-btn--add:hover, .la-add-to-collection-modal__collection-item .la-btn--add:focus-visible {
  background: rgb(116.8161290323, 196.9838709677, 196.9838709677);
  color: #069393;
  border-color: rgba(6, 147, 147, 0.18);
}
.la-add-to-collection-modal__collection-item .la-btn--remove {
  background: #FADDDB;
  color: #E25C3D;
  border: 0.0625rem solid rgba(226, 92, 61, 0.14);
}
.la-add-to-collection-modal__collection-item .la-btn--remove:hover, .la-add-to-collection-modal__collection-item .la-btn--remove:focus-visible {
  background: rgb(248.756097561, 212.5414634146, 210.043902439);
  color: #E25C3D;
  border-color: rgba(226, 92, 61, 0.2);
}
.la-add-to-collection-modal__collection-name {
  font-weight: 600;
  color: #262626;
  font-size: 1rem;
}
.la-add-to-collection-modal__create-form-input-group {
  display: flex;
  border-radius: 0.5rem;
  background-color: #FFF;
  margin: 0.75rem 0rem;
}
.la-add-to-collection-modal__input-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.la-add-to-collection-modal__input-wrapper .la-form__input {
  width: 100%;
  border-radius: 0.75rem;
  padding: 0.625rem 1rem;
  padding-right: 3.5rem;
  border: 1px solid #757575;
}
.la-add-to-collection-modal__input-wrapper .la-form__input.is-invalid {
  border-color: #E25C3D;
}
.la-add-to-collection-modal__input-wrapper .la-btn.la-btn--icon-only {
  --la-btn-min-height: 2.25rem;
  position: absolute;
  right: 0.375rem;
  flex: 0 0 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  gap: 0;
  line-height: 1;
  border-radius: 50%;
  width: 2.25rem;
  height: 2.25rem;
  aspect-ratio: 1/1;
  min-width: 2.25rem;
  min-height: 2.25rem;
  max-width: 2.25rem;
  max-height: 2.25rem;
  padding-inline: 0;
  background-color: #069393;
  border-color: #069393;
  color: #FFF;
  box-shadow: none;
}
.la-add-to-collection-modal__submit-icon {
  height: 1.125rem;
  width: 1.125rem;
  color: currentColor;
  display: block;
}
.la-add-to-collection-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding-top: 0.5rem;
  border-top: none;
}
.la-add-to-collection-modal__footer .la-btn--secondary {
  box-shadow: none;
}
.la-add-to-collection-modal__footer .la-btn--primary {
  box-shadow: none;
}
.la-add-to-collection-modal__empty-message {
  text-align: center;
  color: #757575;
  font-style: italic;
  padding: 2rem 1rem;
}
.la-add-to-collection-modal .la-form__group {
  margin-bottom: 1rem;
}
.la-add-to-collection-modal .la-form__label {
  display: block;
  font-weight: 500;
  color: #262626;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
.la-add-to-collection-modal .la-form__input {
  width: 100%;
  padding: 0.625rem 1rem;
  border: 1px solid #757575;
  border-radius: 0.5rem;
  font-size: 1rem;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.la-add-to-collection-modal .la-form__input:focus {
  outline: none;
  border-color: #069393;
  box-shadow: 0 0 0 0.1875rem rgba(6, 147, 147, 0.15);
}
.la-add-to-collection-modal .la-form__input--textarea {
  resize: vertical;
  min-height: 4rem;
}
.la-add-to-collection-modal .la-form__error {
  color: #E25C3D;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.la-add-to-collection-modal__loading-state {
  text-align: center;
  padding: 2rem 0;
  color: #757575;
}
.la-add-to-collection-modal__loading-state .la-spinner {
  margin: 0 auto 1rem;
}

.la-inline-form {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.la-add-to-collection-modal--collection-details .la-add-to-collection-modal__listing-preview {
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem;
  background-color: transparent;
}
.la-add-to-collection-modal--collection-details .la-add-to-collection-modal__listing-preview:hover {
  background-color: #F9F9F9;
  cursor: pointer;
}
.la-add-to-collection-modal--collection-details .la-add-to-collection-modal__listing-image {
  width: 3rem;
  height: 3rem;
}
.la-add-to-collection-modal--collection-details .la-add-to-collection-modal__listing-name {
  font-size: 0.9375rem;
}
.la-add-to-collection-modal--collection-details .la-add-to-collection-modal__listing-subtext {
  font-size: 0.8125rem;
}
.la-add-to-collection-modal--collection-details .la-add-to-collection-modal__collection-item {
  gap: 0.75rem;
  padding: 0.25rem 0.75rem;
}

.la-collections-section {
  margin-top: 1.15rem;
}
.la-collections-section__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.la-collections-section__title {
  margin: 0;
  color: #262626;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.15;
}
.la-collections-section__see-all {
  align-items: center;
  color: #05686C;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.35rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}
.la-collections-section__see-all:hover, .la-collections-section__see-all:focus-visible {
  color: #069393;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.la-collections-section__see-all .la-btn__icon {
  height: 0.9rem;
  width: 0.9rem;
}
.la-collections-section__create-button {
  flex: 0 0 auto;
  min-width: 3.4rem;
  border-color: rgba(117, 117, 117, 0.22);
  background: #FFF;
  color: #05686C;
  font-weight: 800;
}
.la-collections-section__create-button:hover, .la-collections-section__create-button:focus-visible {
  border-color: rgba(6, 147, 147, 0.38);
  background: rgba(124, 200, 200, 0.48);
  color: #033F3F;
}
.la-collections-section__placeholder {
  color: #757575;
  margin: 0;
  padding: 1rem;
}

.la-modal--collection-form .la-modal__dialog {
  width: min(100% - 2rem, 30rem);
  max-width: 30rem;
}
.la-modal--collection-form .la-modal__subtitle {
  margin-top: 0.7rem;
}
.la-modal--collection-form .la-collection-form__error {
  padding: 0.8rem 0.9rem;
  border: 0.0625rem solid rgba(226, 92, 61, 0.22);
  border-radius: 0.85rem;
  background: rgba(250, 221, 219, 0.72);
  color: #C0472D;
  font-weight: 700;
}

body.la-native .la-modal--family.la-modal--collection-form .la-modal__dialog {
  margin-bottom: 0;
}
body.la-native .la-modal--family.la-modal--collection-form .la-modal__content {
  max-height: min(100dvh - 7rem, 42rem);
}
body.la-native .la-modal--family.la-modal--collection-form .la-modal__body {
  max-height: none;
  padding-bottom: 0;
}
body.la-native .la-modal--family.la-modal--collection-form .la-form__actions {
  position: static;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
  margin: 0.35rem 0 0;
  padding: 0;
  border-top: 0;
  background: transparent;
}

.la-collections-rail {
  display: grid;
  grid-auto-columns: minmax(9.75rem, 12.25rem);
  grid-auto-flow: column;
  gap: 0.85rem;
  margin-inline: -0.9375rem;
  overflow-x: auto;
  padding: 0 0.9375rem 0.35rem;
  scroll-padding-inline: 0.9375rem;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.la-collections-rail::-webkit-scrollbar {
  display: none;
}

.la-collection-rail-card {
  position: relative;
  min-width: 0;
  scroll-snap-align: start;
}
.la-collection-rail-card:hover .la-collection-rail-card__actions, .la-collection-rail-card:focus-within .la-collection-rail-card__actions {
  opacity: 1;
  visibility: visible;
}

.la-collection-rail-card__link {
  color: inherit;
  display: grid;
  gap: 0.45rem;
  min-width: 0;
  text-decoration: none;
}

.la-collection-rail-card__media {
  aspect-ratio: 16/10;
  background: linear-gradient(135deg, rgba(248, 242, 220, 0.78), rgba(184, 224, 219, 0.42));
  border-radius: 0.65rem;
  display: grid;
  gap: 0.125rem;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  overflow: hidden;
  width: 100%;
}

.la-collection-rail-card__media--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.la-collection-rail-card__media--3 {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.la-collection-rail-card__media--4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.la-collection-rail-card__thumb {
  display: block;
  min-width: 0;
  overflow: hidden;
}

.la-collection-rail-card__media--3 .la-collection-rail-card__thumb:first-child {
  grid-row: 1/-1;
}

.la-collection-rail-card__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.la-collection-rail-card__image--placeholder {
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0.75rem;
}

.la-collection-rail-card__empty-icon {
  align-items: center;
  color: #069393;
  display: flex;
  grid-column: 1/-1;
  justify-content: center;
}

.la-collection-rail-card__folder-icon {
  height: 2rem;
  width: 2rem;
}

.la-collection-rail-card__body {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}

.la-collection-rail-card__title,
.la-collection-rail-card__count {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.la-collection-rail-card__title {
  color: #262626;
  font-size: 0.875rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
}

.la-collection-rail-card__count {
  color: #757575;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.la-collection-rail-card__actions {
  display: flex;
  gap: 0.25rem;
  opacity: 0;
  position: absolute;
  right: 0.35rem;
  top: 0.35rem;
  transition: opacity 160ms ease, visibility 160ms ease;
  visibility: hidden;
}

.la-collection-rail-card__action {
  align-items: center;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(189, 189, 189, 0.65);
  border-radius: 999px;
  box-shadow: 0 0.25rem 0.75rem rgba(38, 38, 38, 0.08);
  color: #262626;
  cursor: pointer;
  display: inline-flex;
  height: 1.75rem;
  justify-content: center;
  padding: 0;
  text-decoration: none;
  width: 1.75rem;
}
.la-collection-rail-card__action:hover, .la-collection-rail-card__action:focus-visible {
  background: #FFF;
  border-color: rgba(6, 147, 147, 0.55);
  color: #05686C;
}

.la-collection-rail-card__action--delete:hover,
.la-collection-rail-card__action--delete:focus-visible {
  border-color: rgba(226, 92, 61, 0.38);
  color: #E25C3D;
}

.la-collection-rail-card__delete-form {
  display: inline-flex;
  margin: 0;
}

.la-collection-rail-card__action-icon {
  display: block;
  height: 0.82rem;
  width: 0.82rem;
}

@media (hover: none) {
  .la-collection-rail-card__actions {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .la-collections-rail {
    grid-auto-columns: minmax(11rem, 13.5rem);
    margin-inline: 0;
    padding-inline: 0;
    scroll-padding-inline: 0;
  }
}
@media (min-width: 992px) {
  .la-collections-rail {
    gap: 1rem;
    grid-auto-columns: initial;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(12.5rem, 14.5rem));
    justify-content: start;
    overflow-x: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
  }
}
@media (min-width: 1440px) {
  .la-collections-rail {
    grid-template-columns: repeat(auto-fill, minmax(13.5rem, 15rem));
  }
}
.la-collections-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
@media (min-width: 576px) {
  .la-collections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .la-collections-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .la-collections-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.la-collection-card {
  position: relative;
  background-color: #FFF;
  border: 0.0625rem solid #F5F5F5;
  border-radius: 0.5rem;
  padding: 1.25rem;
  transition: all 0.2s ease-in-out;
}
.la-collection-card:hover, .la-collection-card:focus-within {
  border-color: #069393;
  box-shadow: 0 0.25rem 0.75rem rgba(38, 38, 38, 0.1);
}
.la-collection-card:hover .la-collection-card__actions, .la-collection-card:focus-within .la-collection-card__actions {
  opacity: 1;
  visibility: visible;
}
.la-collection-card__link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.la-collection-card__content {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.la-collection-card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  background-color: #7CC8C8;
  color: #069393;
  border-radius: 0.5rem;
}
.la-collection-card__icon svg {
  width: 1.5rem;
  height: 1.5rem;
}
.la-collection-card__details {
  flex: 1;
}
.la-collection-card__title {
  margin: 0;
  font-weight: 600;
  color: #262626;
  font-size: 1rem;
  line-height: 1.5;
}
.la-collection-card__description {
  margin: 0.25rem 0;
  font-size: 0.875rem;
  color: #757575;
  line-height: 1.4;
}
.la-collection-card__count {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  color: #757575;
}
.la-collection-card__actions {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: flex;
  gap: 0.375rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.la-collection-card__action-btn {
  width: 1.75rem;
  height: 1.75rem;
  min-width: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
  gap: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border: 1px solid #F5F5F5;
  border-radius: 0.5rem;
  transition: all 0.2s ease-in-out;
}
.la-collection-card__action-btn:hover {
  background-color: #FFF;
  border-color: #BDBDBD;
}
.la-collection-card__action-btn--delete:hover {
  background-color: #FADDDB;
  border-color: #F19B85;
  color: #E25C3D;
}
.la-collection-card__action-icon {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
}
@media (hover: none) {
  .la-collection-card .la-collection-card__actions {
    opacity: 1;
    visibility: visible;
  }
}

.la-glass-container {
  position: relative;
  display: flex;
  align-items: center;
  background: transparent;
  border-radius: 50rem;
  overflow: hidden;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  color: var(--la-text, #ffffff);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}
.la-glass-container--rounded {
  border-radius: 3rem;
}
.la-glass-container--small {
  padding: 0.5rem;
}
.la-glass-container--medium {
  padding: 0.75rem;
}
.la-glass-container--large {
  padding: 1rem;
}

.la-glass-filter,
.la-glass-overlay,
.la-glass-specular {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}

.la-glass-filter {
  z-index: 0;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.la-glass-overlay {
  z-index: 1;
  background: rgba(255, 255, 255, 0.25);
}

.la-glass-specular {
  z-index: 2;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.75), inset 0 0 5px rgba(255, 255, 255, 0.75);
}

.la-glass-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
}
.la-glass-content--alone {
  padding: 0.5rem;
}

.flatpickr-calendar {
  box-shadow: 0 4px 16px rgba(79, 79, 79, 0.1), 0 2px 8px rgba(6, 147, 147, 0.06);
  border-radius: 12px;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  padding: 1rem;
  background: var(--la-base-lightest, #FFF);
  min-width: 380px;
  width: auto;
  max-width: 92vw;
  overflow: visible;
}

.flatpickr-months .flatpickr-prev-month {
  left: 0.5rem;
}

.flatpickr-months .flatpickr-next-month {
  right: 0.5rem;
}

.flatpickr-innerContainer {
  justify-content: center;
}

.flatpickr-months {
  padding: 0 0 1rem 0;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--la-base-lighter, #F9F9F9);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
}

.flatpickr-month {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  padding: 0.5rem;
  border-radius: 6px;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: 0;
  margin-top: 0;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 12px;
  height: 12px;
  fill: #757575;
  transition: fill 0.2s ease;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background-color: rgba(6, 147, 147, 0.08);
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #069393;
}

.la-flatpickr-confirm {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
}

.la-flatpickr-confirm__message {
  color: #262626;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
  text-align: right;
}
.la-flatpickr-confirm__message[hidden] {
  display: none;
}

.la-flatpickr-confirm__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.la-flatpickr-confirm__button {
  min-width: 4.5rem;
  min-height: 2.25rem;
  padding: 0.45rem 0.85rem;
  border-radius: 8px;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  background: var(--la-base-lightest, #FFF);
  color: #262626;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}
.la-flatpickr-confirm__button:hover:not(:disabled) {
  border-color: #069393;
  color: #069393;
}
.la-flatpickr-confirm__button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(6, 147, 147, 0.14);
}
.la-flatpickr-confirm__button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.la-flatpickr-confirm__button--apply {
  border-color: #069393;
  background: #069393;
  color: #FFF;
}
.la-flatpickr-confirm__button--apply:hover:not(:disabled) {
  background: #05686C;
  border-color: #05686C;
  color: #FFF;
}

@media (max-width: 420px) {
  .flatpickr-calendar {
    min-width: min(22rem, 92vw);
    padding-inline: 0.75rem;
  }
  .la-flatpickr-confirm__message {
    text-align: left;
  }
  .la-flatpickr-confirm__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .la-flatpickr-confirm__button {
    min-width: 0;
    width: 100%;
  }
}
.flatpickr-calendar.hasTime {
  padding-bottom: 1rem;
}

.flatpickr-current-month {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
  height: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  font-size: 0.95rem;
  font-weight: 600;
  color: #262626;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  background: var(--la-base-lightest, #FFF);
  padding: 0.35rem 0.75rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background-color: rgba(6, 147, 147, 0.06);
  border-color: var(--la-success-light, #07B4B4);
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none;
  border-color: #069393;
  box-shadow: 0 0 0 3px rgba(6, 147, 147, 0.1);
}
.flatpickr-current-month .numInputWrapper {
  position: relative;
  width: 4.5rem;
  height: 2rem;
  display: inline-block;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 8px;
  background: var(--la-base-lightest, #FFF);
  overflow: hidden;
  transition: all 0.2s ease;
}
.flatpickr-current-month .numInputWrapper:hover {
  background-color: rgba(6, 147, 147, 0.04);
  border-color: var(--la-success-light, #07B4B4);
}
.flatpickr-current-month .numInputWrapper:focus-within {
  background-color: rgba(6, 147, 147, 0.06);
  border-color: #069393;
  box-shadow: 0 0 0 3px rgba(6, 147, 147, 0.1);
}
.flatpickr-current-month .numInputWrapper .numInput {
  font-size: 0.95rem;
  font-weight: 600;
  color: #262626;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0 0.5rem;
  padding-right: 1.3rem;
  text-align: center;
  line-height: 2rem;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}
.flatpickr-current-month .numInputWrapper .arrowUp,
.flatpickr-current-month .numInputWrapper .arrowDown {
  display: grid;
  place-items: center;
  position: absolute;
  right: 0.35rem;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: 0;
  opacity: 0.9;
  cursor: pointer;
}
.flatpickr-current-month .numInputWrapper .arrowUp::after,
.flatpickr-current-month .numInputWrapper .arrowDown::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 0.35rem solid transparent;
  border-right: 0.35rem solid transparent;
}
.flatpickr-current-month .numInputWrapper .arrowUp {
  top: 0.15rem;
}
.flatpickr-current-month .numInputWrapper .arrowUp::after {
  border-bottom: 0.4rem solid #757575;
}
.flatpickr-current-month .numInputWrapper .arrowDown {
  bottom: 0.15rem;
}
.flatpickr-current-month .numInputWrapper .arrowDown::after {
  border-top: 0.4rem solid #757575;
}

.flatpickr-weekdays {
  margin: 0 0 0.5rem 0;
  height: auto;
}

.flatpickr-weekday {
  font-weight: 600;
  color: #757575;
}

.dayContainer {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  padding: 0;
}

.flatpickr-day {
  border-radius: 6px;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  caret-color: transparent;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid transparent;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
  -webkit-tap-highlight-color: transparent;
}
.flatpickr-day:hover {
  background-color: rgba(6, 147, 147, 0.08);
  transform: scale(0.97);
}
.flatpickr-day:focus {
  outline: 2px solid rgba(6, 147, 147, 0.35);
  outline-offset: 2px;
}
.flatpickr-day.selected {
  background-color: #069393 !important;
  border-color: transparent !important;
  color: white !important;
  box-shadow: 0 2px 5px rgba(6, 147, 147, 0.16);
  transform: scale(0.94);
}
.flatpickr-day.today {
  background-color: rgba(6, 147, 147, 0.06);
  box-shadow: inset 0 -2px 0 rgba(6, 147, 147, 0.45);
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  color: #BDBDBD;
}

.flatpickr-input,
.flatpickr-input.flatpickr-alt-input {
  background-color: var(--la-base-lightest, #FFF) !important;
  border: 1px solid var(--la-base-medium-light, #BDBDBD);
  border-radius: 10px;
  padding: 0.6rem 0.75rem;
  line-height: 1.4;
  box-shadow: 0 1px 3px rgba(79, 79, 79, 0.04);
  transition: all 0.2s ease;
  font-weight: 500;
}
.flatpickr-input:hover,
.flatpickr-input.flatpickr-alt-input:hover {
  border-color: var(--la-success-light, #07B4B4);
  box-shadow: 0 2px 6px rgba(6, 147, 147, 0.08);
}
.flatpickr-input:focus,
.flatpickr-input.flatpickr-alt-input:focus {
  outline: none;
  border-color: var(--la-success-medium, #069393);
  box-shadow: 0 2px 8px rgba(6, 147, 147, 0.15), 0 0 0 3px rgba(6, 147, 147, 0.1);
}

.flatpickr-time {
  border-top: 1px solid var(--la-base-lighter, #F9F9F9);
  margin-top: 1rem;
  padding: 1.25rem 1rem 1rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  height: auto;
  max-height: none;
  min-height: 3rem;
}
.flatpickr-time .numInputWrapper {
  flex: 0 0 auto;
  position: relative;
  width: calc(4ch + 2.4rem);
  --fp-arrow-size: 12px;
  --fp-arrow-gap: 6px;
  --fp-arrow-right: 8px;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  border-radius: 8px;
  background: var(--la-base-lightest, #FFF);
  overflow: hidden;
  transition: all 0.2s ease;
}
.flatpickr-time .numInputWrapper:hover {
  background-color: rgba(6, 147, 147, 0.04);
  border-color: var(--la-success-light, #07B4B4);
}
.flatpickr-time .numInputWrapper:focus-within {
  background-color: rgba(6, 147, 147, 0.06);
  border-color: #069393;
  box-shadow: 0 0 0 3px rgba(6, 147, 147, 0.1);
}
.flatpickr-time .numInputWrapper input {
  font-weight: 500;
  color: #262626;
  font-size: 1.1rem;
  background: transparent;
  padding: 0.5rem 0.4rem;
  padding-right: 2.2rem;
  border-radius: 0;
  border: 0;
  background: transparent;
  background-clip: padding-box;
  transition: all 0.2s ease;
  text-align: center;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  box-sizing: border-box;
  display: block;
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}
.flatpickr-time .numInputWrapper input::-webkit-outer-spin-button, .flatpickr-time .numInputWrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.flatpickr-time .numInputWrapper input:focus {
  outline: none;
  box-shadow: none;
}
.flatpickr-time .numInputWrapper .arrowUp,
.flatpickr-time .numInputWrapper .arrowDown {
  display: grid;
  place-items: center;
  position: absolute;
  right: var(--fp-arrow-right);
  width: var(--fp-arrow-size);
  height: var(--fp-arrow-size);
  margin: 0;
  padding: 0;
  z-index: 1;
  opacity: 0.85;
  transition: opacity 0.15s ease;
  cursor: pointer;
  background: transparent !important;
  border: 0;
}
.flatpickr-time .numInputWrapper .arrowUp::after,
.flatpickr-time .numInputWrapper .arrowDown::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.flatpickr-time .numInputWrapper .arrowUp::after {
  border-bottom: 6px solid #757575;
}
.flatpickr-time .numInputWrapper .arrowDown::after {
  border-top: 6px solid #757575;
}
.flatpickr-time .numInputWrapper .arrowUp {
  top: calc(50% - var(--fp-arrow-gap) / 2 - var(--fp-arrow-size));
}
.flatpickr-time .numInputWrapper .arrowDown {
  top: calc(50% + var(--fp-arrow-gap) / 2);
}
.flatpickr-time .flatpickr-time-separator {
  font-weight: 600;
  color: #757575;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0 0.25rem;
  display: inline-flex;
  align-items: center;
  height: 2.5rem;
}
.flatpickr-time .flatpickr-am-pm {
  font-weight: 600;
  font-size: 1rem;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--la-base-lighter, #F9F9F9);
  background: var(--la-base-lightest, #FFF);
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #262626;
  min-width: 3rem;
  height: 2.5rem;
  flex: 0 0 auto;
  white-space: nowrap;
  line-height: 1;
  box-sizing: border-box;
}
.flatpickr-time .flatpickr-am-pm:hover {
  background-color: rgba(6, 147, 147, 0.08);
  border-color: #069393;
  color: #069393;
}
.flatpickr-time .flatpickr-am-pm:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(6, 147, 147, 0.1);
}

.la-subscription-page {
  min-height: 100vh;
}
.la-native.la-native-back-chrome .la-subscription-page--native-upgrade {
  --la-subscription-native-container-padding-top: var(--la-native-pushed-page-padding-top, 5.95rem);
}
.la-subscription-page--native-upgrade {
  --la-subscription-native-container-padding-top: var(--la-native-pushed-page-padding-top, 5.95rem);
  --la-subscription-native-container-padding-bottom: max(3.5rem, calc(env(safe-area-inset-bottom) + 2.25rem));
  --la-subscription-upgrade-stack-gap: clamp(0.52rem, 1.05dvh, 0.66rem);
  position: relative;
  box-sizing: border-box;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  background: #FFF;
}
.la-subscription-page--native-upgrade::before {
  content: "";
  position: absolute;
  top: 8.5rem;
  right: -1.75rem;
  width: 10rem;
  height: 9rem;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at 22% 30%, rgba(6, 147, 147, 0.78) 0 0.5rem, transparent 0.56rem), radial-gradient(circle at 72% 40%, rgba(6, 147, 147, 0.42) 0 0.35rem, transparent 0.42rem);
  border: 0.125rem dashed rgba(6, 147, 147, 0.28);
  border-left: 0;
  border-bottom: 0;
  border-radius: 58% 42% 55% 45%;
  transform: rotate(-20deg);
}
.la-subscription-page--native-upgrade .la-subscription-page__container {
  position: relative;
  display: flex;
  box-sizing: border-box;
  min-height: 100%;
  flex-direction: column;
  max-width: 44rem;
  padding-top: var(--la-subscription-native-container-padding-top);
  padding-bottom: var(--la-subscription-native-container-padding-bottom);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Work Sans", "Helvetica", sans-serif;
}
.la-subscription-page--native-upgrade .la-subscription-page__header {
  display: grid;
  gap: 0.34rem;
  margin-bottom: var(--la-subscription-upgrade-stack-gap);
  padding: 0.72rem 0.82rem 0.76rem;
  border: 0.0625rem solid rgba(38, 38, 38, 0.08);
  border-radius: 1.2rem;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.16), transparent 32%), linear-gradient(180deg, rgba(6, 147, 147, 0.06) 0%, rgba(255, 255, 255, 0.98) 72%);
  box-shadow: 0 0.62rem 1.3rem rgba(38, 38, 38, 0.045);
  text-align: left;
}
.la-subscription-page--native-upgrade .la-subscription-page__eyebrow {
  margin: 0 0 0.22rem;
  color: #069393;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
}
.la-subscription-page--native-upgrade .la-subscription-page__title {
  margin: 0;
  font-size: clamp(1.36rem, 5.15vw, 1.62rem);
  font-weight: 760;
  color: #262626;
  letter-spacing: 0;
  line-height: 1.08;
  text-align: left;
}
.la-subscription-page--native-upgrade .la-subscription-page__subtitle {
  max-width: 25.5rem;
  margin-inline: 0;
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1.28;
  color: #333;
  text-align: left;
}
.la-subscription-page--native-upgrade .la-subscription-page__trial-line {
  max-width: 24rem;
  margin: 0;
  color: #4F4F4F;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.32;
  text-align: left;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) {
  --la-subscription-native-container-padding-top: var(--la-native-pushed-page-padding-top, 5.95rem);
  --la-subscription-native-container-padding-bottom: max(3.5rem, calc(env(safe-area-inset-bottom) + 2.25rem));
  --la-subscription-upgrade-stack-gap: clamp(0.52rem, 1.05dvh, 0.66rem);
  position: relative;
  box-sizing: border-box;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  background: #FFF;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__container {
  position: relative;
  display: flex;
  box-sizing: border-box;
  min-height: 100%;
  flex-direction: column;
  max-width: 44rem;
  padding-top: var(--la-subscription-native-container-padding-top);
  padding-bottom: var(--la-subscription-native-container-padding-bottom);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Work Sans", "Helvetica", sans-serif;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__header {
  display: grid;
  gap: 0.34rem;
  margin-bottom: var(--la-subscription-upgrade-stack-gap);
  padding: 0.72rem 0.82rem 0.76rem;
  border: 0.0625rem solid rgba(38, 38, 38, 0.08);
  border-radius: 1.2rem;
  background: radial-gradient(circle at top right, rgba(244, 131, 94, 0.16), transparent 32%), linear-gradient(180deg, rgba(6, 147, 147, 0.06) 0%, rgba(255, 255, 255, 0.98) 72%);
  box-shadow: 0 0.62rem 1.3rem rgba(38, 38, 38, 0.045);
  text-align: left;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__eyebrow {
  margin: 0 0 0.22rem;
  color: #069393;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__title {
  margin: 0;
  color: #262626;
  font-size: clamp(1.36rem, 5.15vw, 1.62rem);
  font-weight: 760;
  letter-spacing: 0;
  line-height: 1.08;
  text-align: left;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__subtitle {
  max-width: 25.5rem;
  margin: 0;
  color: #333;
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1.28;
  text-align: left;
}
.la-subscription-page__container {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.la-subscription-page__header {
  text-align: center;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .la-subscription-page__header {
    margin-bottom: 2rem;
  }
}
.la-subscription-page__title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #262626;
  margin: 0 0 1rem 0;
  letter-spacing: -0.02em;
}
@media (max-width: 768px) {
  .la-subscription-page__title {
    font-size: 2rem;
  }
}
.la-subscription-page__subtitle {
  font-size: 1.125rem;
  color: #757575;
  margin: 0 0 0.75rem 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.la-subscription-page__trial-line {
  font-size: 0.9375rem;
  color: #069393;
  font-weight: 500;
  margin: 0;
}
.la-subscription-page__native-context {
  max-width: 36rem;
  margin: 0 auto 1.5rem;
  padding: 1rem 1.125rem;
  border: 1px solid rgba(6, 147, 147, 0.18);
  border-radius: 0.5rem;
  background: rgba(6, 147, 147, 0.06);
  color: #4F4F4F;
  text-align: left;
}
.la-subscription-page__native-context p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.la-subscription-page__plans {
  margin-bottom: 3rem;
}
.la-subscription-page__plans--with-founder .la-subscription-page__plans-row {
  max-width: 1000px;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media (max-width: 900px) {
  .la-subscription-page__plans--with-founder .la-subscription-page__plans-row {
    grid-template-columns: 1fr;
    max-width: 360px;
  }
}
.la-subscription-page__plans--with-founder .la-subscription-page__plan {
  padding: 1.25rem;
}
.la-subscription-page__plans--with-founder .la-subscription-page__plan-amount {
  font-size: 1.75rem;
}
.la-subscription-page__plans--with-founder .la-subscription-page__plan-features {
  font-size: 0.8125rem;
}
.la-subscription-page__plans--with-founder .la-subscription-page__plan-features li {
  padding: 0.375rem 0;
}
.la-subscription-page__plans--with-founder .la-subscription-page__plan-button {
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}
.la-subscription-page__plans-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  max-width: 900px;
  margin: 0 auto;
}
.la-subscription-page__plans-row--three {
  max-width: 1100px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px) {
  .la-subscription-page__plans-row--three {
    grid-template-columns: 1fr;
    max-width: 400px;
  }
}
.la-subscription-page__plan-slot {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding-bottom: 2.35rem;
}
@media (max-width: 768px) {
  .la-subscription-page__plan-slot {
    padding-bottom: 0;
  }
}
.la-subscription-page__plan {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  background: white;
  border: 2px solid #F5F5F5;
  border-radius: 0.75rem;
  padding: 2rem;
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
}
.la-subscription-page__plan:hover {
  border-color: #07B4B4;
  box-shadow: 0 8px 30px rgba(6, 147, 147, 0.12);
  transform: translateY(-2px);
}
.la-subscription-page__plan--popular {
  border-color: #069393;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.02) 0%, white 100%);
}
.la-subscription-page__plan--popular:hover {
  box-shadow: 0 12px 40px rgba(6, 147, 147, 0.2);
}
.la-subscription-page__plan--current {
  border-color: #07B4B4;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.02) 0%, white 100%);
}
.la-subscription-page__plan--current:hover {
  border-color: #07B4B4;
  box-shadow: 0 8px 30px rgba(6, 147, 147, 0.12);
}
.la-subscription-page__plan--founder {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border-color: rgba(99, 102, 241, 0.3);
}
.la-subscription-page__plan--founder:hover {
  border-color: rgba(99, 102, 241, 0.5);
  box-shadow: 0 12px 40px rgba(99, 102, 241, 0.2);
}
.la-subscription-page__plan--founder .la-subscription-page__plan-name,
.la-subscription-page__plan--founder .la-subscription-page__plan-amount {
  color: #f8fafc;
}
.la-subscription-page__plan--founder .la-subscription-page__plan-period,
.la-subscription-page__plan--founder .la-subscription-page__plan-billing-note {
  color: #94a3b8;
}
.la-subscription-page__plan--founder .la-subscription-page__plan-features {
  background: transparent;
  border: none;
}
.la-subscription-page__plan--founder .la-subscription-page__plan-features li {
  color: #cbd5e1;
  border: none;
}
.la-subscription-page__plan--founder .la-subscription-page__plan-features li::before {
  background: #6366f1;
}
.la-subscription-page__plan--sold-out {
  opacity: 0.7;
}
.la-subscription-page__plan--sold-out:hover {
  transform: none;
  box-shadow: none;
  border-color: rgba(99, 102, 241, 0.3);
}
.la-subscription-page__plan--sold-out .la-subscription-page__plan-badge--founder {
  background: #757575;
}
.la-subscription-page__plan-badge {
  position: absolute;
  top: -1px;
  right: 1.5rem;
  background: #069393;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0 0 0.5rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.la-subscription-page__plan-badge--current {
  background: #069393;
}
.la-subscription-page__plan-badge--founder {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
}
.la-subscription-page__plan-badge--best-value {
  background: #069393;
}
.la-subscription-page__plan-header {
  margin-bottom: 1rem;
}
.la-subscription-page__plan-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #262626;
  margin: 0 0 0.5rem 0;
}
.la-subscription-page__plan-billing {
  color: #757575;
  font-size: 0.875rem;
  font-weight: 500;
}
.la-subscription-page__plan-billing-note {
  font-size: 0.875rem;
  color: #757575;
  margin: 0 0 2rem 0;
  line-height: 1.5;
}
.la-subscription-page__plan-price {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}
.la-subscription-page__plan-amount {
  font-size: 3rem;
  font-weight: 800;
  color: #262626;
  line-height: 1;
}
.la-subscription-page__plan-amount--hidden {
  color: #757575;
}
.la-subscription-page__plan-period {
  font-size: 1.125rem;
  color: #757575;
  font-weight: 500;
}
.la-subscription-page__plan-savings {
  display: inline-block;
  background: white;
  color: #05686C;
  border: 1px solid #07B4B4;
  padding: 0.375rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.la-subscription-page__plan-features {
  list-style: none;
  padding: 0;
  margin: 0 0 2.5rem 0;
  background: transparent;
  border: none;
}
.la-subscription-page__plan-features--short {
  margin: 0 0 2.5rem 0;
}
.la-subscription-page__plan-features--short li {
  padding: 0.375rem 0;
  font-size: 0.875rem;
}
.la-subscription-page__plan-features li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 0.9375rem;
  color: #4F4F4F;
  line-height: 1.4;
  border: none;
}
.la-subscription-page__plan-features li::before {
  content: "✓";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: #069393;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  margin-right: 0.75rem;
  flex-shrink: 0;
}
.la-subscription-page__features {
  margin-top: 6rem;
  padding-top: 0;
  border-top: none;
}
.la-subscription-page__features-title {
  font-size: 1.75rem;
  font-weight: 800;
  color: #262626;
  text-align: center;
  margin: 0 0 3rem 0;
  letter-spacing: -0.01em;
}
.la-subscription-page__features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin: 0 auto;
  max-width: 1100px;
}
@media (max-width: 900px) {
  .la-subscription-page__features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .la-subscription-page__features-grid {
    grid-template-columns: 1fr;
  }
}
.la-subscription-page__feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background: white;
  border: 1px solid #F5F5F5;
  border-radius: 0.75rem;
  transition: all 0.2s ease;
}
.la-subscription-page__feature:hover {
  border-color: #07B4B4;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.la-subscription-page__feature-icon {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7CC8C8;
  border-radius: 0.5rem;
}
.la-subscription-page__feature-svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #069393;
}
.la-subscription-page__feature-content {
  flex: 1;
}
.la-subscription-page__feature-content h4 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #262626;
  margin: 0 0 0.25rem 0;
}
.la-subscription-page__feature-content p {
  font-size: 0.8125rem;
  color: #757575;
  margin: 0;
  line-height: 1.5;
}
.la-subscription-page__trial-notice {
  text-align: center;
  max-width: 600px;
  margin: 2rem auto;
  padding: 1.5rem 2rem;
  background: white;
  border-radius: 0.75rem;
  border: 1px solid #07B4B4;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.la-subscription-page__trial-notice p {
  margin: 0;
  font-size: 1rem;
  color: #05686C;
  line-height: 1.6;
}
.la-subscription-page__trial-notice p strong {
  color: #069393;
  font-weight: 600;
}
.la-subscription-page__founder-section {
  margin-top: 3rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.la-subscription-page__founder-divider {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.la-subscription-page__founder-divider::before, .la-subscription-page__founder-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, #F5F5F5, transparent);
}
.la-subscription-page__founder-divider span {
  padding: 0 1.5rem;
  color: #757575;
  font-size: 0.8125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.la-subscription-page__founder-card {
  position: relative;
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border: 1px solid rgba(148, 163, 184, 0.15);
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
  transition: all 0.3s ease;
}
.la-subscription-page__founder-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #6366f1, #8b5cf6, #a855f7);
}
.la-subscription-page__founder-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at top right, rgba(99, 102, 241, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
.la-subscription-page__founder-card:hover {
  transform: translateY(-4px);
  border-color: rgba(148, 163, 184, 0.25);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08) inset, 0 0 60px rgba(99, 102, 241, 0.15);
}
.la-subscription-page__founder-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media (max-width: 480px) {
  .la-subscription-page__founder-badges {
    position: relative;
    top: auto;
    right: auto;
    padding: 1rem 1rem 0 1rem;
    justify-content: center;
  }
}
.la-subscription-page__founder-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 2px 12px rgba(99, 102, 241, 0.4);
}
.la-subscription-page__founder-badge--secondary {
  background: rgba(148, 163, 184, 0.1);
  color: #94a3b8;
  box-shadow: none;
  border: 1px solid rgba(148, 163, 184, 0.2);
}
.la-subscription-page__founder-content {
  padding: 2.5rem;
  padding-top: 3.5rem;
}
@media (max-width: 480px) {
  .la-subscription-page__founder-content {
    padding-top: 1.5rem;
  }
}
.la-subscription-page__founder-header {
  margin-bottom: 1.5rem;
}
.la-subscription-page__founder-title {
  font-size: 1.75rem;
  font-weight: 800;
  color: #f8fafc;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.02em;
}
.la-subscription-page__founder-tagline {
  font-size: 1.125rem;
  color: #94a3b8;
  margin: 0;
  font-weight: 500;
}
.la-subscription-page__founder-price {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.la-subscription-page__founder-amount {
  font-size: 3.5rem;
  font-weight: 800;
  color: #f8fafc;
  line-height: 1;
  letter-spacing: -0.02em;
}
.la-subscription-page__founder-period {
  font-size: 1.25rem;
  color: #94a3b8;
  font-weight: 600;
}
.la-subscription-page__founder-benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}
.la-subscription-page__founder-benefits li {
  position: relative;
  padding: 0.625rem 0 0.625rem 1.5rem;
  font-size: 0.9375rem;
  color: #cbd5e1;
  line-height: 1.5;
}
.la-subscription-page__founder-benefits li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.875rem;
  width: 6px;
  height: 6px;
  background: #6366f1;
  border-radius: 50%;
}
.la-subscription-page__founder-action {
  margin-bottom: 1rem;
}
.la-subscription-page__founder-button {
  display: block;
  width: 100%;
  padding: 1.125rem 2rem;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: white;
  border: none;
  border-radius: 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);
}
.la-subscription-page__founder-button:hover {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(99, 102, 241, 0.5);
}
.la-subscription-page__founder-button:active {
  transform: translateY(0);
}
.la-subscription-page__founder-note {
  font-size: 0.8125rem;
  color: #64748b;
  text-align: center;
  margin: 0;
  line-height: 1.5;
}
.la-subscription-page__plan-action {
  margin-top: auto;
}
.la-subscription-page__plan-note {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.35rem;
  margin: 0;
  padding-top: 0.9rem;
  font-size: 0.75rem;
  line-height: 1.35;
  color: #757575;
  text-align: center;
  opacity: 0;
  transform: translateY(-0.125rem);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
@media (hover: hover) {
  .la-subscription-page__plan-slot:hover .la-subscription-page__plan-note, .la-subscription-page__plan-slot:focus-within .la-subscription-page__plan-note {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (hover: none), (max-width: 768px) {
  .la-subscription-page__plan-note {
    position: static;
    min-height: 1.25rem;
    padding-top: 0.5rem;
    opacity: 1;
    transform: none;
  }
}
.la-subscription-page__plan-note-mark {
  font-weight: 700;
  color: #4F4F4F;
  line-height: 1.1;
}
.la-subscription-page__plan-button {
  display: block;
  width: 100%;
  margin-top: 2rem;
  min-height: 3rem;
  padding: 0.875rem 1.5rem;
  background: #069393;
  color: white;
  border: 0.0625rem solid #069393;
  border-radius: 50rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  cursor: pointer;
  box-shadow: 0 0.625rem 1.5rem rgba(6, 147, 147, 0.12);
}
.la-subscription-page__plan-button:visited, .la-subscription-page__plan-button:hover, .la-subscription-page__plan-button:focus-visible {
  color: white;
}
.la-subscription-page__plan-button:hover, .la-subscription-page__plan-button:focus-visible {
  background: #05686C;
  border-color: #05686C;
  transform: translateY(-1px);
  box-shadow: 0 0.75rem 1.75rem rgba(6, 147, 147, 0.16);
}
.la-subscription-page__plan-button--current {
  background: #7CC8C8;
  color: #05686C;
  border-color: rgba(6, 147, 147, 0.22);
  cursor: default;
  box-shadow: none;
}
.la-subscription-page__plan-button--current:visited, .la-subscription-page__plan-button--current:hover, .la-subscription-page__plan-button--current:focus-visible {
  color: #05686C;
}
.la-subscription-page__plan-button--current:hover {
  background: #7CC8C8;
  transform: none;
  box-shadow: none;
}
.la-subscription-page__plan-button--founder {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border-color: transparent;
}
.la-subscription-page__plan-button--founder:hover, .la-subscription-page__plan-button--founder:focus-visible {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);
}
.la-subscription-page__plan-button--sold-out {
  background: #757575;
  cursor: not-allowed;
  opacity: 0.6;
}
.la-subscription-page__plan-button--sold-out:hover {
  background: #757575;
  transform: none;
  box-shadow: none;
}
.la-subscription-page__actions {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .la-subscription-page__actions {
    flex-direction: column;
  }
}
.la-subscription-page__actions[data-controller~=apple-purchase] {
  width: 100%;
  flex: 1 1 auto;
  max-width: 38rem;
  margin: 0 auto;
  flex-direction: column;
  gap: 0.45rem;
}
.la-subscription-page__apple-products {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.52rem;
  width: 100%;
  margin: 0 0 0.52rem;
}
.la-subscription-page__apple-product {
  position: relative;
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) 2.35rem;
  align-items: center;
  gap: 0.62rem;
  width: 100%;
  min-height: 4.32rem;
  padding: 0.48rem 0.72rem;
  border: 1px solid rgba(38, 38, 38, 0.1);
  border-radius: 0.875rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0.625rem 1.625rem rgba(38, 38, 38, 0.045);
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.la-subscription-page__apple-product:hover, .la-subscription-page__apple-product:focus-visible {
  border-color: rgba(6, 147, 147, 0.42);
  box-shadow: 0 0.875rem 2rem rgba(6, 147, 147, 0.1);
  transform: translateY(-1px);
}
.la-subscription-page__apple-product--founder {
  cursor: pointer;
}
.la-subscription-page__apple-product:target {
  border-color: #069393;
  box-shadow: 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}
.la-subscription-page__apple-product.is-selected {
  border-color: #069393;
  background: linear-gradient(135deg, rgba(124, 200, 200, 0.3), rgba(255, 255, 255, 0.98)), #FFF;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.06), 0 1rem 2.25rem rgba(6, 147, 147, 0.12);
}
.la-subscription-page__apple-product--founder.is-selected {
  border-color: #111827;
  background: linear-gradient(135deg, rgba(17, 24, 39, 0.11), rgba(255, 255, 255, 0.96)), #FFF;
  box-shadow: 0 0 0 0.1875rem rgba(17, 24, 39, 0.14), 0 1rem 2.5rem rgba(17, 24, 39, 0.14);
}
.la-subscription-page__apple-product--founder.is-selected::after {
  background: #111827;
}
.la-subscription-page__apple-product-state {
  display: grid;
  width: 1.18rem;
  height: 1.18rem;
  place-items: center;
  justify-self: end;
  border: 2px solid rgba(117, 117, 117, 0.28);
  border-radius: 999px;
  background: #FFF;
}
.la-subscription-page__apple-product.is-selected .la-subscription-page__apple-product-state {
  width: 1.32rem;
  height: 1.32rem;
  border: 0;
  background: #069393;
  color: #FFF;
}
.la-subscription-page__apple-product.is-selected .la-subscription-page__apple-product-state::before {
  content: "✓";
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1;
}
.la-subscription-page__apple-product-icon {
  position: relative;
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: 0.875rem;
  background: rgba(6, 147, 147, 0.08);
  color: #069393;
}
.la-subscription-page__apple-product--founder .la-subscription-page__apple-product-icon {
  background: rgba(17, 24, 39, 0.06);
  color: #111827;
}
.la-subscription-page__apple-product-svg {
  width: 1.38rem;
  height: 1.38rem;
  stroke-width: 2.2;
}
.la-subscription-page__apple-product-svg--badge {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  width: 0.75rem;
  height: 0.75rem;
  fill: #FFF;
  stroke-width: 2.5;
}
.la-subscription-page__apple-product-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.la-subscription-page__apple-product-name {
  margin-bottom: 0.12rem;
  font-size: 0.92rem;
  font-weight: 800;
  color: #262626;
  line-height: 1.12;
}
.la-subscription-page__apple-product-note {
  margin-bottom: 0.1rem;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
  color: #069393;
}
.la-subscription-page__apple-product-detail {
  font-size: 0.72rem;
  line-height: 1.18;
  color: #6b7280;
}
.la-subscription-page__apple-product-pill {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  justify-self: end;
  padding: 0.16rem;
  border-radius: 999px;
  background: rgba(124, 200, 200, 0.42);
  color: #05686C;
  font-size: 0.62rem;
  font-weight: 800;
  line-height: 0.92;
  text-align: center;
  white-space: normal;
}
.la-subscription-page__benefits-card {
  display: grid;
  width: 100%;
  gap: 0.62rem;
  margin: 0.08rem 0 0.52rem;
  padding: 0.82rem 0.86rem 0.9rem;
  border: 1px solid rgba(38, 38, 38, 0.08);
  border-radius: 1rem;
  background: #FFF;
  box-shadow: 0 0.5rem 1.1rem rgba(38, 38, 38, 0.035);
}
.la-subscription-page__benefits-title {
  margin: 0;
  color: #111;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  line-height: 1.18;
  text-transform: uppercase;
}
.la-subscription-page__benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  gap: 0.42rem;
  margin: 0;
}
.la-subscription-page__header-status {
  display: grid;
  grid-template-columns: 2.08rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.54rem;
  margin-top: 0.12rem;
  padding: 0.46rem 0.54rem;
  border: 1px solid rgba(38, 38, 38, 0.08);
  border-radius: 0.92rem;
  background: #FFF;
  box-shadow: 0 0.38rem 0.86rem rgba(38, 38, 38, 0.03);
}
.la-subscription-page__header-status-icon {
  display: grid;
  width: 2.08rem;
  height: 2.08rem;
  place-items: center;
  border-radius: 0.78rem;
  background: rgba(184, 224, 219, 0.54);
  color: #05686C;
}
.la-subscription-page__header-status-svg {
  width: 1.12rem;
  height: 1.12rem;
  stroke-width: 2.15;
}
.la-subscription-page__header-status-copy {
  display: grid;
  gap: 0.08rem;
  min-width: 0;
}
.la-subscription-page__header-status-label {
  color: #4F4F4F;
  font-size: 0.58rem;
  font-weight: 700;
  line-height: 1.08;
}
.la-subscription-page__header-status-copy strong {
  color: #262626;
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.08;
}
.la-subscription-page__header-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  min-height: 1.52rem;
  padding: 0.14rem 0.52rem;
  border-radius: 999px;
  background: rgba(184, 224, 219, 0.52);
  color: #05686C;
  font-size: 0.64rem;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}
.la-subscription-page__header-status-pill-icon {
  width: 0.78rem;
  height: 0.78rem;
  stroke-width: 2.18;
}
.la-subscription-page__benefit {
  display: grid;
  min-width: 0;
  place-items: center;
  gap: 0.26rem;
  min-height: 4.85rem;
  padding: 0.52rem 0.28rem;
  border: 1px solid rgba(38, 38, 38, 0.08);
  border-radius: 0.86rem;
  background: #FFF;
  color: #262626;
  font-size: 0.67rem;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}
.la-subscription-page__benefit + .la-subscription-page__benefit {
  border-left: 1px solid rgba(38, 38, 38, 0.08);
}
.la-subscription-page__benefit--plans {
  color: #069393;
}
.la-subscription-page__benefit--weather {
  color: #4A7AD8;
}
.la-subscription-page__benefit--travel {
  color: #E25C3D;
}
.la-subscription-page__benefit--saved {
  color: #DB9C24;
}
.la-subscription-page__benefit span {
  color: #111;
}
.la-subscription-page__benefit-icon {
  width: 1.52rem;
  height: 1.52rem;
  stroke-width: 2.25;
}
.la-subscription-page__benefit-orb {
  --orb-size: 1.52rem;
  width: var(--orb-size);
  height: var(--orb-size);
}
.la-subscription-page__benefit-icon.la-icon--partlysun, .la-subscription-page__benefit-icon.la-icon--partlysun path {
  fill: currentColor;
  stroke: none;
}
.la-subscription-page__benefit-icon.la-icon--partlysun {
  width: 1.86rem;
  height: 1.62rem;
}
.la-subscription-page__benefit-image {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.la-subscription-page__action-button {
  display: inline-block;
  min-height: 2.875rem;
  padding: 0.75rem 1.5rem;
  border-radius: 50rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  cursor: pointer;
}
.la-subscription-page__action-button:visited {
  color: inherit;
}
.la-subscription-page__action-button--primary {
  background: #069393;
  color: white;
}
.la-subscription-page__action-button--primary:visited, .la-subscription-page__action-button--primary:hover, .la-subscription-page__action-button--primary:focus-visible {
  color: white;
}
.la-subscription-page__action-button--primary:hover, .la-subscription-page__action-button--primary:focus-visible {
  background: #05686C;
}
.la-subscription-page__action-button--secondary {
  background: white;
  color: #05686C;
  border-color: #069393;
}
.la-subscription-page__action-button--secondary:hover, .la-subscription-page__action-button--secondary:focus-visible {
  background: #FFF;
  color: #033F3F;
}
.la-subscription-page__action-button--danger {
  background: #E25C3D;
  color: white;
}
.la-subscription-page__action-button--danger:visited, .la-subscription-page__action-button--danger:hover, .la-subscription-page__action-button--danger:focus-visible {
  color: white;
}
.la-subscription-page__action-button--danger:hover, .la-subscription-page__action-button--danger:focus-visible {
  background: #C0472D;
}
.la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  width: 100%;
  min-height: 2.56rem;
  padding: 0.48rem 0.86rem;
  border-radius: 0.78rem;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: normal;
}
.la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--primary {
  background: #05686C;
  border-color: #05686C;
  min-height: 2.86rem;
  border-radius: 1rem;
  box-shadow: 0 0.72rem 1.45rem rgba(5, 104, 108, 0.16);
}
.la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--primary:hover, .la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--primary:focus-visible {
  background: #033F3F;
  border-color: #033F3F;
}
.la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--secondary {
  justify-content: flex-start;
  background: #FFF;
  color: #262626;
  border-color: rgba(38, 38, 38, 0.08);
  box-shadow: 0 0.42rem 0.95rem rgba(38, 38, 38, 0.03);
}
.la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--secondary:hover, .la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--secondary:focus-visible {
  background: #FFF;
  border-color: rgba(6, 147, 147, 0.28);
  color: #262626;
}
.la-subscription-page__native-membership {
  padding-bottom: 1rem;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__native-membership {
  gap: var(--la-subscription-upgrade-stack-gap);
  padding-bottom: 0;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__benefits-card {
  margin-bottom: 0;
  padding: 0.46rem 0.56rem 0.5rem;
  border-color: rgba(38, 38, 38, 0.08);
  border-radius: 1.12rem;
  background: #FFF;
  box-shadow: 0 0.5rem 1.05rem rgba(38, 38, 38, 0.035);
}
.la-subscription-page--native-upgrade .la-subscription-page__actions[data-controller~=apple-purchase] {
  gap: var(--la-subscription-upgrade-stack-gap);
}
.la-subscription-page--native-upgrade .la-subscription-page__benefits-card {
  margin-bottom: 0;
  padding: 0.46rem 0.56rem 0.5rem;
  border-color: rgba(38, 38, 38, 0.08);
  border-radius: 1.12rem;
  background: #FFF;
  box-shadow: 0 0.5rem 1.05rem rgba(38, 38, 38, 0.035);
}
.la-subscription-page--native-upgrade .la-subscription-page__benefits-title {
  color: #111;
  font-size: 0.64rem;
  font-weight: 850;
}
.la-subscription-page--native-upgrade .la-subscription-page__benefit {
  min-height: 3.48rem;
  gap: 0.14rem;
  padding: 0.32rem 0.2rem;
  font-size: 0.6rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__benefit-icon {
  width: 1.18rem;
  height: 1.18rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__benefit-orb {
  --orb-size: 1.18rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__benefit-icon.la-icon--partlysun {
  width: 1.46rem;
  height: 1.28rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__membership-card {
  padding: 0.78rem 0.82rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__membership-card-title {
  font-size: 1.18rem;
  line-height: 1.08;
}
.la-subscription-page--native-upgrade .la-subscription-page__membership-card-subtitle {
  margin-top: 0.14rem;
  font-size: 0.72rem;
  line-height: 1.26;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-products {
  gap: 0.5rem;
  margin-bottom: 0;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product {
  min-height: 3.9rem;
  padding: 0.46rem 0.66rem;
  border-color: rgba(38, 38, 38, 0.08);
  border-radius: 1.05rem;
  background: #FFF;
  box-shadow: 0 0.48rem 1rem rgba(38, 38, 38, 0.035);
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder {
  grid-template-columns: 4rem minmax(0, 1fr) 3.55rem;
  align-items: center;
  gap: 0.88rem;
  min-height: clamp(8.25rem, 18.8dvh, 9.2rem);
  padding: 0.95rem 1rem;
  border-color: rgba(99, 102, 241, 0.34);
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  box-shadow: 0 0.8rem 1.7rem rgba(15, 23, 42, 0.18), 0 0 0 0.0625rem rgba(255, 255, 255, 0.05) inset;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder:hover, .la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder:focus-visible {
  border-color: rgba(99, 102, 241, 0.52);
  box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.22), 0 0 0 0.0625rem rgba(255, 255, 255, 0.08) inset;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product-icon {
  border-radius: 0.9rem;
  background: rgba(6, 147, 147, 0.1);
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product .la-subscription-page__apple-product-icon {
  width: 2.22rem;
  height: 2.22rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 1.18rem;
  background: rgba(255, 255, 255, 0.94);
  color: #111827;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-copy {
  gap: 0.22rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product-name {
  color: #262626;
  font-size: 0.92rem;
  letter-spacing: 0;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-name {
  color: #f8fafc;
  font-size: 1.36rem;
  line-height: 1;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product-note {
  color: #069393;
  font-size: 0.76rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-note {
  color: #cbd5e1;
  font-size: 0.95rem;
  line-height: 1.12;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product-detail {
  color: #4F4F4F;
  font-size: 0.7rem;
  font-weight: 500;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-detail {
  color: #94a3b8;
  font-size: 0.82rem;
  line-height: 1.26;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product-pill {
  width: 2.24rem;
  height: 2.24rem;
  background: rgba(184, 224, 219, 0.55);
  color: #05686C;
  font-size: 0.62rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-pill {
  width: 3.55rem;
  height: 3.55rem;
  font-size: 0.76rem;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #FFF;
  box-shadow: 0 0.4rem 0.9rem rgba(99, 102, 241, 0.3);
}
.la-subscription-page--native-upgrade .la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--secondary {
  min-height: clamp(2.52rem, 5.55dvh, 2.78rem);
  gap: 0.56rem;
  padding: 0.34rem 0.62rem;
  border-color: rgba(38, 38, 38, 0.1);
  border-radius: 0.86rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--secondary .la-subscription-page__action-icon {
  width: 0.98rem;
  height: 0.98rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--secondary .la-subscription-page__action-copy {
  gap: 0.02rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--secondary .la-subscription-page__action-copy strong {
  font-size: 0.73rem;
  line-height: 1.08;
}
.la-subscription-page--native-upgrade .la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--secondary .la-subscription-page__action-copy small {
  font-size: 0.58rem;
  line-height: 1.18;
}
.la-subscription-page__membership-card {
  display: grid;
  gap: 0.68rem;
  width: 100%;
  padding: 0.86rem 0.92rem;
  border: 1px solid rgba(5, 104, 108, 0.22);
  border-radius: 1rem;
  background: #FFF;
  box-shadow: 0 0.85rem 1.8rem rgba(38, 38, 38, 0.045);
}
.la-subscription-page__membership-card--free {
  border-color: rgba(6, 147, 147, 0.14);
  background: radial-gradient(circle at 0% 0%, rgba(6, 147, 147, 0.07), rgba(6, 147, 147, 0) 42%), #FFF;
}
.la-subscription-page__membership-card--founder {
  gap: 0.78rem;
  min-height: clamp(8.25rem, 18.8dvh, 9.2rem);
  padding: 0.95rem 1rem;
  border-color: rgba(99, 102, 241, 0.34);
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  box-shadow: 0 0.8rem 1.7rem rgba(15, 23, 42, 0.18), 0 0 0 0.0625rem rgba(255, 255, 255, 0.05) inset;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-card-main {
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: 0.88rem;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-card-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 1.18rem;
  background: rgba(255, 255, 255, 0.96);
  color: #111827;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-card-svg {
  width: 2rem;
  height: 2rem;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-card-image {
  width: 2.9rem;
  height: 2.9rem;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-card-label {
  color: #94a3b8;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-badge {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #FFF;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-card-title {
  color: #f8fafc;
  font-size: 1.36rem;
  line-height: 1;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-card-subtitle {
  color: #cbd5e1;
  font-size: 0.95rem;
  line-height: 1.12;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-chips {
  margin-top: 0.56rem;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-chips span {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #e0f2fe;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-card-detail {
  border-top-color: rgba(255, 255, 255, 0.12);
  color: #e0f2fe;
}
.la-subscription-page__membership-card--founder .la-subscription-page__membership-card-detail p {
  color: #e5e7eb;
  font-weight: 700;
}
.la-subscription-page__membership-card-main {
  display: grid;
  grid-template-columns: 2.72rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.74rem;
}
.la-subscription-page__membership-card-icon, .la-subscription-page__membership-info-icon {
  display: grid;
  place-items: center;
  border-radius: 1rem;
  background: rgba(6, 147, 147, 0.12);
  color: #05686C;
}
.la-subscription-page__membership-card-icon {
  width: 2.72rem;
  height: 2.72rem;
}
.la-subscription-page__membership-card-svg {
  width: 1.56rem;
  height: 1.56rem;
  stroke-width: 2.1;
}
.la-subscription-page__membership-card-image {
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.la-subscription-page__membership-card-copy {
  min-width: 0;
}
.la-subscription-page__membership-card-label {
  display: block;
  margin: 0 0 0.18rem;
  color: #4F4F4F;
  font-size: 0.7rem;
  font-weight: 650;
  line-height: 1.1;
}
.la-subscription-page__membership-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-height: 1.76rem;
  padding: 0.18rem 0.62rem;
  border-radius: 999px;
  background: rgba(184, 224, 219, 0.52);
  color: #05686C;
  font-size: 0.69rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.la-subscription-page__membership-status-icon {
  width: 0.9rem;
  height: 0.9rem;
  stroke-width: 2.15;
}
.la-subscription-page__membership-badge, .la-subscription-page__membership-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 1.18rem;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1;
}
.la-subscription-page__membership-badge {
  margin-bottom: 0.28rem;
  background: #05686C;
  color: #FFF;
}
.la-subscription-page__membership-card-title {
  margin: 0;
  color: #111;
  font-size: 1.32rem;
  font-weight: 800;
  line-height: 1.08;
}
.la-subscription-page__membership-card-subtitle {
  margin: 0.18rem 0 0;
  color: #333;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.3;
}
.la-subscription-page__membership-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
  margin-top: 0.5rem;
}
.la-subscription-page__membership-chips span {
  border: 1px solid rgba(6, 147, 147, 0.28);
  background: rgba(255, 255, 255, 0.94);
  color: #05686C;
}
.la-subscription-page__membership-card-detail, .la-subscription-page__membership-card-warning, .la-subscription-page__membership-card-notice {
  display: grid;
  grid-template-columns: 1.4rem 1fr;
  align-items: start;
  gap: 0.55rem;
  padding-top: 0.62rem;
  border-top: 1px solid rgba(117, 117, 117, 0.18);
}
.la-subscription-page__membership-card-detail p, .la-subscription-page__membership-card-warning p, .la-subscription-page__membership-card-notice p {
  margin: 0;
  color: #333;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.35;
}
.la-subscription-page__membership-card-warning {
  color: #b45309;
}
.la-subscription-page__membership-card-warning p {
  color: #92400e;
  font-weight: 700;
}
.la-subscription-page__membership-card-notice {
  color: #05686C;
}
.la-subscription-page__membership-card-notice p {
  color: #033F3F;
  font-weight: 700;
}
.la-subscription-page__membership-card-detail-icon {
  width: 1.1rem;
  height: 1.1rem;
  color: currentColor;
  stroke-width: 2.2;
}
.la-subscription-page__action-copy {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
  text-align: left;
}
.la-subscription-page__action-copy strong {
  color: #111;
  font-size: 0.8rem;
  line-height: 1.14;
}
.la-subscription-page__action-copy small {
  color: #333;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1.28;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__actions[data-controller~=apple-purchase] .la-subscription-page__action-button--secondary {
  min-height: 3rem;
  height: 3rem;
  gap: 0.56rem;
  padding: 0.38rem 0.62rem;
  border-color: rgba(38, 38, 38, 0.1);
  border-radius: 0.86rem;
}
.la-subscription-page__membership-info {
  grid-template-columns: 3.1rem 1fr;
  align-items: center;
  gap: 0.9rem;
  text-align: left;
}
.la-subscription-page__membership-info-icon {
  width: 3.1rem;
  height: 3.1rem;
}
.la-subscription-page__membership-info-svg {
  width: 1.65rem;
  height: 1.65rem;
  stroke-width: 2.1;
}
.la-subscription-page__membership-info-image {
  display: block;
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.la-subscription-page__membership-info-copy {
  display: grid;
  gap: 0.2rem;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__premium-reassurance {
  min-height: clamp(5.5rem, 11.5dvh, 7.2rem);
  padding: 0.82rem 0.9rem;
  border-color: rgba(6, 147, 147, 0.12);
  background: linear-gradient(135deg, rgba(124, 200, 200, 0.2), rgba(255, 255, 255, 0.92)), #FFF;
  text-align: left;
}
.la-subscription-page--native-upgrade .la-subscription-page__premium-reassurance {
  gap: 0.62rem;
  min-height: 3.65rem;
  margin-top: 0;
  padding: 0.52rem 0.68rem;
  border-color: rgba(38, 38, 38, 0.08);
  border-radius: 1.1rem;
  background: #FFF;
  box-shadow: 0 0.48rem 1rem rgba(38, 38, 38, 0.035);
  text-align: left;
}
.la-subscription-page--native-upgrade .la-subscription-page__membership-info {
  grid-template-columns: 2.34rem 1fr;
  align-items: center;
}
.la-subscription-page--native-upgrade .la-subscription-page__membership-info-icon {
  width: 2.34rem;
  height: 2.34rem;
  border-radius: 0.82rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__membership-info-image {
  width: 1.58rem;
  height: 1.58rem;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__premium-reassurance-title {
  font-size: 0.92rem;
}
.la-subscription-page--native-upgrade .la-subscription-page__premium-reassurance-title {
  color: #262626;
  font-size: 0.84rem;
  font-weight: 800;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__premium-reassurance p {
  font-size: 0.72rem;
  line-height: 1.36;
}
.la-subscription-page--native-upgrade .la-subscription-page__premium-reassurance p {
  color: #333;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1.22;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-info--closing-note {
  grid-template-columns: 1fr;
  justify-items: center;
  min-height: 5.35rem;
  gap: 0.38rem;
  padding: 0.52rem 1.1rem 0.65rem;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-info--closing-note .la-subscription-page__membership-info-icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-info--closing-note .la-subscription-page__membership-info-image {
  width: 2.55rem;
  height: 2.55rem;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-info--closing-note .la-subscription-page__membership-info-copy {
  justify-items: center;
  gap: 0.18rem;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-info--closing-note .la-subscription-page__premium-reassurance-title {
  color: #05686C;
  font-size: 0.95rem;
  font-weight: 800;
}
.la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-info--closing-note p {
  max-width: 22rem;
  color: #667085;
  font-size: 0.72rem;
  text-align: center;
}
.la-subscription-page__apple-support {
  display: grid;
  gap: 0.42rem;
  width: 100%;
  margin-top: 0.36rem;
  margin-bottom: 0.36rem;
}
.la-subscription-page__apple-support-title {
  margin: 0;
  color: #069393;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
}
.la-subscription-page__apple-support-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.44rem;
  width: 100%;
}
.la-subscription-page__apple-support .la-subscription-page__action-button {
  min-height: 2.42rem;
  justify-content: flex-start;
  gap: 0.7rem;
  padding-inline: 0.75rem;
}
.la-subscription-page__premium-reassurance {
  display: grid;
  gap: 0.18rem;
  margin-top: auto;
  padding: 0.66rem 0.78rem;
  border: 1px solid rgba(6, 147, 147, 0.06);
  border-radius: 0.95rem;
  background: linear-gradient(135deg, rgba(124, 200, 200, 0.12), rgba(255, 255, 255, 0.88)), #FFF;
  box-shadow: 0 0.4rem 0.95rem rgba(38, 38, 38, 0.018);
  text-align: center;
}
.la-subscription-page__premium-reassurance p {
  margin: 0;
  color: #6b7280;
  font-size: 0.66rem;
  font-weight: 500;
  line-height: 1.32;
}
.la-subscription-page__premium-reassurance-title {
  margin: 0;
  color: #262626;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.12;
}
.la-subscription-page__action-icon, .la-subscription-page__action-image, .la-subscription-page__action-chevron {
  flex: 0 0 auto;
  width: 1.06rem;
  height: 1.06rem;
}
.la-subscription-page__action-icon, .la-subscription-page__action-chevron {
  color: #069393;
  stroke-width: 2.15;
}
.la-subscription-page__action-image {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.la-subscription-page__action-button--primary .la-subscription-page__action-image {
  filter: brightness(0) invert(1);
}
.la-subscription-page--native-upgrade .la-subscription-page__action-button--primary .la-subscription-page__action-image {
  width: 1.08rem;
  height: 1.08rem;
}
.la-subscription-page__action-chevron {
  margin-left: auto;
  color: #6b7280;
}
@media (max-width: 420px) {
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__container {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__title {
    font-size: clamp(1.42rem, 4.2dvh, 1.65rem);
  }
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__subtitle {
    font-size: clamp(0.76rem, 2.1dvh, 0.84rem);
  }
  .la-subscription-page--native-upgrade .la-subscription-page__container {
    padding-top: var(--la-subscription-native-container-padding-top);
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .la-subscription-page--native-upgrade .la-subscription-page__title {
    font-size: clamp(1.38rem, 4.2dvh, 1.65rem);
  }
  .la-subscription-page--native-upgrade .la-subscription-page__subtitle {
    font-size: clamp(0.76rem, 2.1dvh, 0.85rem);
  }
  .la-subscription-page__apple-product {
    grid-template-columns: 2.35rem minmax(0, 1fr) 2.25rem;
    min-height: clamp(3.72rem, 8.2dvh, 4.25rem);
    padding-block: 0.38rem;
  }
  .la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder {
    grid-template-columns: 3.7rem minmax(0, 1fr) 3.34rem;
    gap: 0.74rem;
    min-height: clamp(7.75rem, 18dvh, 8.75rem);
    padding: 0.84rem 0.8rem;
  }
  .la-subscription-page__apple-product-icon {
    width: 2.35rem;
    height: 2.35rem;
  }
  .la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-icon {
    width: 3.7rem;
    height: 3.7rem;
  }
  .la-subscription-page__apple-product-name {
    font-size: 0.95rem;
  }
  .la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-name {
    font-size: 1.22rem;
  }
  .la-subscription-page__apple-product-note {
    font-size: 0.8125rem;
  }
  .la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-note {
    font-size: 0.86rem;
  }
  .la-subscription-page__apple-product-detail {
    font-size: 0.75rem;
  }
  .la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-detail {
    font-size: 0.76rem;
  }
  .la-subscription-page--native-upgrade .la-subscription-page__apple-product--founder .la-subscription-page__apple-product-pill {
    width: 3.34rem;
    height: 3.34rem;
    font-size: 0.72rem;
  }
  .la-subscription-page__benefit {
    min-height: 4.45rem;
    padding: 0.46rem 0.2rem;
    font-size: 0.65625rem;
  }
}
@media (max-height: 760px) {
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) {
    --la-subscription-native-container-padding-top: 5.35rem;
  }
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__header {
    margin-bottom: 0.38rem;
  }
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__subtitle {
    font-size: 0.78rem;
  }
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-card {
    gap: 0.62rem;
    padding: 0.86rem;
  }
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-card-detail,
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-card-warning,
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__membership-card-notice {
    padding-top: 0.56rem;
  }
  .la-subscription-page--native-membership:not(.la-subscription-page--native-upgrade) .la-subscription-page__premium-reassurance {
    display: none;
  }
  .la-subscription-page--native-upgrade {
    --la-subscription-native-container-padding-top: var(--la-native-pushed-page-padding-top, 5.95rem);
    --la-subscription-native-container-padding-bottom: 2.4rem;
  }
  .la-subscription-page--native-upgrade .la-subscription-page__header {
    margin-bottom: var(--la-subscription-upgrade-stack-gap);
  }
  .la-subscription-page--native-upgrade .la-subscription-page__subtitle {
    display: none;
  }
  .la-subscription-page__apple-product-detail {
    display: none;
  }
  .la-subscription-page__apple-product {
    min-height: 3.45rem;
  }
  .la-subscription-page__benefits-card {
    padding-block: 0.32rem;
  }
}

.la-subscription-banner {
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  border: 1px solid #F5F5F5;
  background-color: white;
}
.la-subscription-banner--trial {
  border-color: #07B4B4;
  color: #4F4F4F;
}
.la-subscription-banner--trial strong {
  color: #069393;
  font-weight: 600;
}
.la-subscription-banner--error {
  background-color: rgba(239, 68, 68, 0.1);
  color: #C0472D;
  border-left: 4px solid #E25C3D;
}
.la-subscription-banner--canceled {
  background-color: rgba(156, 163, 175, 0.1);
  color: #4F4F4F;
  border-left: 4px solid #757575;
}

.la-subscription-section {
  margin: 2rem 0;
}

.la-current-plan {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border-radius: 1rem;
  padding: 1.5rem 2rem;
  margin: 1.5rem 0 2rem;
}
.la-current-plan__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 640px) {
  .la-current-plan__main {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}
.la-current-plan__info {
  flex: 1;
}
.la-current-plan__status {
  margin-bottom: 0.5rem;
}
.la-current-plan__badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 2rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: rgba(148, 163, 184, 0.2);
  color: #94a3b8;
}
.la-current-plan__badge--active {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}
.la-current-plan__badge--trial {
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
}
.la-current-plan__badge--lifetime {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));
  color: #a5b4fc;
}
.la-current-plan__badge--canceled {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}
.la-current-plan__badge--error {
  background: rgba(245, 158, 11, 0.15);
  color: #fbbf24;
}
.la-current-plan__name {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f8fafc;
  margin: 0 0 0.25rem;
  line-height: 1.2;
}
@media (max-width: 640px) {
  .la-current-plan__name {
    font-size: 1.25rem;
  }
}
.la-current-plan__price {
  font-size: 1rem;
  color: #94a3b8;
  margin: 0;
}
.la-current-plan__price--lifetime {
  color: #a5b4fc;
}
.la-current-plan__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
}
@media (max-width: 640px) {
  .la-current-plan__meta {
    align-items: flex-start;
    width: 100%;
  }
}
.la-current-plan__next-billing {
  text-align: right;
}
@media (max-width: 640px) {
  .la-current-plan__next-billing {
    text-align: left;
  }
}
.la-current-plan__meta-label {
  display: block;
  font-size: 0.75rem;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.la-current-plan__meta-value {
  display: block;
  font-size: 0.9375rem;
  color: #e2e8f0;
  font-weight: 500;
}
.la-current-plan__action {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}
.la-current-plan__action:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
@media (max-width: 640px) {
  .la-current-plan__action {
    width: 100%;
    text-align: center;
  }
}

.la-subscription-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.la-subscription-toolbar__right {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.la-subscription-toolbar__link {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
  color: #05686C;
  text-decoration: none;
  border: 0.0625rem solid rgba(6, 147, 147, 0.18);
  border-radius: 50rem;
  background: #FFF;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
  box-shadow: none;
}
.la-subscription-toolbar__link:hover {
  color: #033F3F;
  background: #FFF;
  border-color: rgba(6, 147, 147, 0.28);
}

.la-segment-control {
  display: inline-flex;
  gap: 0.5rem;
  padding: 0.25rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.12);
  border-radius: 50rem;
  background: rgba(124, 200, 200, 0.18);
}
.la-segment-control__item {
  display: inline-block;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #05686C;
  text-decoration: none;
  background: white;
  border: 0.0625rem solid transparent;
  border-radius: 50rem;
  box-shadow: none;
}
.la-segment-control__item.is-active {
  background: #069393;
  color: white;
  border-color: #069393;
  box-shadow: 0 0.625rem 1.5rem rgba(6, 147, 147, 0.12);
}
.la-segment-control__item:hover:not(.is-active) {
  background: #FFF;
  color: #033F3F;
  border-color: rgba(6, 147, 147, 0.18);
}

.la-search-form {
  display: flex;
  align-items: center;
}
.la-search-form__input {
  min-height: 2.5rem;
  padding: 0.5rem 0.875rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.12);
  border-radius: 50rem;
  font-size: 0.875rem;
  min-width: 14rem;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.la-search-form__input:focus {
  outline: none;
  border-color: #069393;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.35), 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}

.la-summary-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
}

.la-summary-card {
  background: white;
  border: 1px solid #F5F5F5;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
}
.la-summary-card__label {
  font-size: 0.75rem;
  color: #757575;
  margin-bottom: 0.25rem;
}
.la-summary-card__value {
  font-size: 1.125rem;
  font-weight: 700;
  color: #262626;
}

.la-subscription-table {
  overflow-x: auto;
}
.la-subscription-table table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border: 1px solid #F5F5F5;
  border-radius: 0.5rem;
}
.la-subscription-table th,
.la-subscription-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #F5F5F5;
  text-align: left;
  font-size: 0.875rem;
}
.la-subscription-table thead th {
  background: #F9F9F9;
  color: #4F4F4F;
  font-weight: 600;
}
.la-subscription-table tbody tr:hover {
  background: #F9F9F9;
}
.la-subscription-table .la-link {
  color: #069393;
  text-decoration: none;
}
.la-subscription-table .la-link:hover {
  text-decoration: underline;
}

.la-status {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  background: #F9F9F9;
  color: #4F4F4F;
}
.la-status--paid, .la-status--success {
  background: rgba(34, 197, 94, 0.12);
  color: #05686C;
}
.la-status--processing {
  background: rgba(245, 158, 11, 0.12);
  color: #92400e;
}
.la-status--open, .la-status--draft {
  background: rgba(59, 130, 246, 0.12);
  color: #05686C;
}
.la-status--void, .la-status--uncollectible, .la-status--failed {
  background: rgba(239, 68, 68, 0.12);
  color: #C0472D;
}

.la-subscription-page__comparison {
  margin: 6rem 0;
  padding: 0;
  border: none;
}

.la-subscription-page__comparison-title {
  font-size: 1.75rem;
  font-weight: 800;
  color: #262626;
  text-align: center;
  margin: 0 0 3rem 0;
  letter-spacing: -0.01em;
}

.la-subscription-page__comparison-table {
  max-width: 900px;
  margin: 0 auto;
  background: #FFF;
  border-radius: 0.75rem;
  box-shadow: 0 0.125rem 1.25rem rgba(38, 38, 38, 0.1);
  overflow: hidden;
  position: relative;
}
@media (max-width: 400px) {
  .la-subscription-page__comparison-table {
    overflow-x: auto;
  }
}

.la-subscription-page__comparison-header {
  display: grid;
  grid-template-columns: 1fr 6rem 6rem;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-bottom: 1px solid #F5F5F5;
  padding: 0;
  align-items: stretch;
  position: sticky;
  top: 0;
  z-index: 10;
  min-width: 100%;
}
@media (max-width: 480px) {
  .la-subscription-page__comparison-header {
    grid-template-columns: 1fr 4rem 4rem;
  }
}

.la-subscription-page__comparison-feature-label {
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: flex-end;
}

.la-subscription-page__comparison-tier {
  padding: 1.25rem 0.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #757575;
}
.la-subscription-page__comparison-tier--pro {
  color: #069393;
  font-size: 1rem;
  background: rgba(6, 147, 147, 0.04);
  border-bottom: 2px solid #069393;
}

.la-subscription-page__comparison-row {
  display: grid;
  grid-template-columns: 1fr 6rem 6rem;
  padding: 0;
  border-bottom: 1px solid #F9F9F9;
  transition: background 0.15s ease;
  align-items: stretch;
}
.la-subscription-page__comparison-row:last-child {
  border-bottom: none;
}
.la-subscription-page__comparison-row:hover {
  background: #F9F9F9;
}
@media (max-width: 480px) {
  .la-subscription-page__comparison-row {
    grid-template-columns: 1fr 4rem 4rem;
  }
}

.la-subscription-page__comparison-feature {
  padding: 1rem 1.5rem;
  font-size: 0.9375rem;
  color: #4F4F4F;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .la-subscription-page__comparison-feature {
    font-size: 0.8125rem;
    padding: 0.75rem 0.5rem;
  }
}

.la-subscription-page__comparison-check {
  padding: 1rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-subscription-page__comparison-check--pro {
  background: rgba(6, 147, 147, 0.04);
}
@media (max-width: 480px) {
  .la-subscription-page__comparison-check {
    padding: 0.75rem 0.5rem;
  }
}

.la-subscription-page__check-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.la-subscription-page__check-icon--yes {
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(130deg) brightness(95%) contrast(97%);
}
.la-subscription-page__check-icon--no {
  color: #F5F5F5;
  font-size: 1.25rem;
  font-weight: 400;
}

.la-subscription-page__faq {
  margin: 6rem 0 0 0;
  padding-top: 0;
  border-top: none;
}

.la-subscription-page__faq-title {
  font-size: 1.75rem;
  font-weight: 800;
  color: #262626;
  text-align: center;
  margin: 0 0 3rem 0;
  letter-spacing: -0.01em;
}

.la-subscription-page__faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 700px) {
  .la-subscription-page__faq-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.la-subscription-page__faq-item {
  background: white;
  border: 1px solid #F5F5F5;
  border-radius: 0.75rem;
  padding: 1.5rem;
  transition: all 0.2s ease;
}
.la-subscription-page__faq-item:hover {
  border-color: #07B4B4;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.la-subscription-page__faq-question {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #262626;
  margin: 0 0 0.5rem 0;
}

.la-subscription-page__faq-answer {
  font-size: 0.875rem;
  color: #757575;
  margin: 0;
  line-height: 1.5;
}

.la-horizontal-carousel, .la-weekly-picks, .la-editors-picks {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.la-horizontal-carousel__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.125rem;
  padding: 0;
}
.la-horizontal-carousel__title {
  font-size: 1.125rem;
  font-weight: 500;
  color: #595959;
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
  padding: 0;
}
.la-horizontal-carousel__header-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.la-horizontal-carousel__nav-buttons {
  display: flex;
  gap: 0.5rem;
}
.la-horizontal-carousel__carousel {
  position: relative;
  container-type: inline-size;
}
.la-horizontal-carousel__bar {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0;
}
.la-horizontal-carousel__container {
  --gap: 1rem;
  --visible: 1;
  display: flex;
  gap: var(--gap);
  overflow: hidden auto;
  padding: 0.5rem 0;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-padding: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.la-horizontal-carousel__container::-webkit-scrollbar {
  display: none;
}
@container (min-width: 35.5rem) {
  .la-horizontal-carousel__container {
    --visible: 2;
  }
}
@container (min-width: 48rem) {
  .la-horizontal-carousel__container {
    --gap: 1.5rem;
  }
}
@container (min-width: 56rem) {
  .la-horizontal-carousel__container {
    --visible: 3;
  }
}
@container (min-width: 72.5rem) {
  .la-horizontal-carousel__container {
    --visible: 4;
  }
}
@container (min-width: 91rem) {
  .la-horizontal-carousel__container {
    --visible: 5;
  }
}
@container (min-width: 109.5rem) {
  .la-horizontal-carousel__container {
    --visible: 6;
  }
}
@container (min-width: 128rem) {
  .la-horizontal-carousel__container {
    --visible: 7;
  }
}
@container (min-width: 146.5rem) {
  .la-horizontal-carousel__container {
    --visible: 8;
  }
}
.la-horizontal-carousel__card-item {
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
  box-sizing: border-box;
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  transition: transform 0.2s ease;
}
.la-horizontal-carousel__card-item:hover {
  transform: translateY(-0.125rem);
}
.la-horizontal-carousel__card-item .la-card {
  height: 100%;
  width: 100%;
  margin: 0;
  min-width: 0;
  max-width: 100%;
  background-color: #FFF;
  border: 1px solid #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.1);
  transition: all 0.3s ease;
}
.la-horizontal-carousel__card-item .la-card:hover {
  box-shadow: 0 0.25rem 0.75rem rgba(38, 38, 38, 0.15);
}
.la-horizontal-carousel__scroll-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #FFF;
  border: 1px solid #BDBDBD;
  cursor: pointer;
  flex-shrink: 0;
  z-index: 2;
  transition: all 0.2s ease;
}
.la-horizontal-carousel__scroll-button:hover {
  background-color: #F5F5F5;
  border-color: #069393;
  box-shadow: 0 0.125rem 0.25rem rgba(6, 147, 147, 0.15);
}
.la-horizontal-carousel__scroll-button:active {
  transform: scale(0.95);
}
.la-horizontal-carousel__scroll-button--header {
  width: 2rem;
  height: 2rem;
  background-color: #FFF;
  border: 1px solid #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.1);
}
.la-horizontal-carousel__scroll-button--header:hover {
  background-color: #F9F9F9;
  border-color: #757575;
  box-shadow: 0 0.25rem 0.5rem rgba(38, 38, 38, 0.15);
}
.la-horizontal-carousel__scroll-button--header:disabled, .la-horizontal-carousel__scroll-button--header--disabled {
  background-color: #F9F9F9;
  border-color: #F5F5F5;
  cursor: not-allowed;
  opacity: 0.6;
}
.la-horizontal-carousel__scroll-button--header:disabled .la-horizontal-carousel__scroll-icon, .la-horizontal-carousel__scroll-button--header--disabled .la-horizontal-carousel__scroll-icon {
  color: #BDBDBD;
}
.la-horizontal-carousel__scroll-button--header:disabled:hover, .la-horizontal-carousel__scroll-button--header--disabled:hover {
  background-color: #F9F9F9;
  border-color: #F5F5F5;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.1);
}
.la-horizontal-carousel__scroll-icon {
  width: 1rem;
  height: 1rem;
  color: #4F4F4F;
  transition: color 0.2s ease;
}
.la-horizontal-carousel__scroll-button:hover .la-horizontal-carousel__scroll-icon {
  color: #069393;
}
.la-horizontal-carousel__scroll-button--header .la-horizontal-carousel__scroll-icon {
  color: #262626;
}
.la-horizontal-carousel__scroll-button--header:hover .la-horizontal-carousel__scroll-button--header .la-horizontal-carousel__scroll-icon {
  color: #262626;
}
.la-horizontal-carousel__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 4rem 2rem;
  background: #F9F9F9;
  border-radius: 0.25rem;
  margin-top: 1rem;
}
.la-horizontal-carousel__empty-icon {
  margin-bottom: 1rem;
}
.la-horizontal-carousel__empty-text {
  font-size: 1rem;
  color: #757575;
  margin: 0;
  line-height: 1.5;
}
.la-horizontal-carousel__compass-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: #BDBDBD;
}
.la-horizontal-carousel__empty-title {
  margin: 0 0 0.5rem 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: #262626;
}
.la-horizontal-carousel__empty-subtitle {
  margin: 0 0 1.5rem 0;
  font-size: 1rem;
  color: #757575;
  max-width: 28rem;
  line-height: 1.5;
}
.la-horizontal-carousel__empty-actions {
  display: flex;
  justify-content: center;
}

.la-editors-picks {
  margin-bottom: 0.5rem;
}

.la-guest-conversion-banner {
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.03) 0%, white 100%);
  border: 0.125rem solid #07B4B4;
  border-radius: 1.25rem;
  padding: 1.5rem 1.25rem;
  margin: 2rem 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0.75rem 2rem rgba(6, 147, 147, 0.08);
  transition: all 0.3s ease;
  min-height: 24rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.la-guest-conversion-banner::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(6, 147, 147, 0.02) 0%, transparent 70%);
  animation: pulse 6s ease-in-out infinite;
  pointer-events: none;
}
.la-guest-conversion-banner__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin: 0.5rem 0 0.75rem;
  padding: 0;
  list-style: none;
}
@media (max-width: 640px) {
  .la-guest-conversion-banner__chips {
    gap: 0.375rem;
  }
}
.la-guest-conversion-banner__chip {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 999rem;
  background: #7CC8C8;
  border: 0.0625rem solid #07B4B4;
  color: #05686C;
  font-size: 0.75rem;
  line-height: 1;
  white-space: nowrap;
}
.la-guest-conversion-banner:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(59, 130, 246, 0.12);
  border-color: #069393;
}
.la-guest-conversion-banner__content {
  position: relative;
  z-index: 1;
  max-width: 600px;
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
}
.la-guest-conversion-banner__headline {
  font-size: 1.75rem;
  font-weight: 800;
  color: #262626;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .la-guest-conversion-banner__headline {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .la-guest-conversion-banner__headline {
    font-size: 1.25rem;
  }
}
.la-guest-conversion-banner__subheadline {
  font-size: 0.9rem;
  color: #757575;
  margin: 0 0 1rem 0;
  line-height: 1.4;
  font-weight: 500;
}
@media (max-width: 768px) {
  .la-guest-conversion-banner__subheadline {
    font-size: 0.85rem;
  }
}
.la-guest-conversion-banner__stats {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0;
}
@media (max-width: 640px) {
  .la-guest-conversion-banner__stats {
    flex-direction: row;
    gap: 1rem;
  }
}
.la-guest-conversion-banner__stat {
  text-align: center;
}
.la-guest-conversion-banner__stat-number {
  display: block;
  font-size: 1.5rem;
  font-weight: 800;
  color: #069393;
  line-height: 1;
  margin-bottom: 0.125rem;
}
@media (max-width: 768px) {
  .la-guest-conversion-banner__stat-number {
    font-size: 1.25rem;
  }
}
.la-guest-conversion-banner__stat-label {
  font-size: 0.75rem;
  color: #757575;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.la-guest-conversion-banner__benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin: 1rem 0;
  text-align: left;
  flex: initial;
}
@media (max-width: 640px) {
  .la-guest-conversion-banner__benefits {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 0.5rem;
  }
}
.la-guest-conversion-banner__benefit {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: white;
  border-radius: 0.5rem;
  border: 1px solid #F5F5F5;
  transition: all 0.2s ease;
}
.la-guest-conversion-banner__benefit:hover {
  border-color: #07B4B4;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}
@media (max-width: 640px) {
  .la-guest-conversion-banner__benefit {
    justify-content: center;
    padding: 0.5rem;
  }
}
.la-guest-conversion-banner__benefit-icon {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  background: #7CC8C8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #05686C;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0;
}
.la-guest-conversion-banner__benefit-icon > .la-icon {
  width: 1rem;
  height: 1rem;
}
.la-guest-conversion-banner__benefit-icon svg {
  display: block;
}
.la-guest-conversion-banner__benefit-text {
  font-size: 0.75rem;
  color: #4F4F4F;
  font-weight: 500;
  margin: 0;
  line-height: 1.3;
}
.la-guest-conversion-banner__cta {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}
.la-guest-conversion-banner__cta .la-guest-conversion-banner__trust {
  flex-basis: 100%;
  order: 3;
  text-align: center;
  margin-top: 0.25rem;
}
.la-guest-conversion-banner__cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.75rem 1.5rem;
  background: #069393;
  color: white;
  border: 0.0625rem solid #069393;
  border-radius: 50rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  cursor: pointer;
  box-shadow: 0 0.625rem 1.5rem rgba(6, 147, 147, 0.12);
  margin-bottom: 0.75rem;
}
.la-guest-conversion-banner__cta-button:hover {
  background: #05686C;
  color: #FFF;
  border-color: #05686C;
  transform: translateY(-1px);
  box-shadow: 0 0.75rem 1.75rem rgba(6, 147, 147, 0.16);
  text-decoration: none;
}
.la-guest-conversion-banner__cta-button:active {
  transform: translateY(0);
}
.la-guest-conversion-banner__cta-button:focus, .la-guest-conversion-banner__cta-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.4), 0 0 0 0.1875rem rgba(6, 147, 147, 0.14);
  text-decoration: none;
  color: white;
}
.la-guest-conversion-banner__cta-button--secondary {
  background: #FFF;
  color: #05686C;
  border: 0.0625rem solid #069393;
  box-shadow: 0 0.375rem 1rem rgba(6, 147, 147, 0.08);
  margin-bottom: 0.75rem;
}
.la-guest-conversion-banner__cta-button--secondary:hover {
  background: #FFF;
  color: #033F3F;
  border-color: #05686C;
  box-shadow: 0 0.625rem 1.25rem rgba(6, 147, 147, 0.1);
  text-decoration: none;
}
.la-guest-conversion-banner__cta-button--secondary:focus, .la-guest-conversion-banner__cta-button--secondary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem rgba(6, 147, 147, 0.4), 0 0 0 0.1875rem rgba(6, 147, 147, 0.14);
}
.la-guest-conversion-banner__trust {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #757575;
}
.la-guest-conversion-banner__trust-highlight {
  color: #05686C;
  font-weight: 600;
}
.la-guest-conversion-banner__urgency {
  margin-top: 1rem;
  padding: 0.75rem 1.25rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8125rem;
  color: #92400e;
  font-weight: 500;
  display: inline-block;
}

.la-guest-conversion-banner--preview {
  padding: 2rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.02) 0%, white 100%);
}
.la-guest-conversion-banner--preview .la-guest-conversion-banner__content {
  max-width: 800px;
}
.la-guest-conversion-banner--preview::after {
  content: "";
  position: absolute;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 200px;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%);
  background-size: 40px 40px;
  filter: blur(3px);
  border-radius: 0.75rem;
  opacity: 0.3;
  pointer-events: none;
}

@keyframes pulse {
  0%, 100% {
    opacity: 0.1;
    transform: scale(1);
  }
  50% {
    opacity: 0.2;
    transform: scale(1.05);
  }
}
@media (max-width: 768px) {
  .la-guest-conversion-banner {
    padding: 2rem 1.5rem;
    margin: 1.5rem 0;
    min-height: auto;
  }
  .la-guest-conversion-banner__stats {
    gap: 1.5rem;
  }
  .la-guest-conversion-banner__benefits {
    gap: 0.75rem;
  }
  .la-guest-conversion-banner__cta-button {
    font-size: 1rem;
    padding: 0.875rem 1.75rem;
  }
}
@media (max-width: 480px) {
  .la-guest-conversion-banner {
    padding: 1.5rem 1rem;
    border-radius: 1rem;
  }
  .la-guest-conversion-banner__benefits {
    margin: 1.5rem 0;
  }
}
.la-native-guest-feed {
  --la-native-guest-outer-gutter: 0.9375rem;
  --la-native-guest-rail-stack-gap: 0.6875rem;
  --la-native-guest-card-gap: 0.875rem;
  display: grid;
  gap: 1.375rem;
  margin: 1.375rem 0 0;
  min-width: 0;
  padding-bottom: 1rem;
}

.la-native-guest-rail {
  min-width: 0;
}

.la-native-guest-rail > [data-controller=horizontal-scroll] {
  display: grid;
  gap: var(--la-native-guest-rail-stack-gap);
  min-width: 0;
  width: 100%;
}

.la-native-guest-rail__header {
  align-items: flex-end;
  display: flex;
  gap: 0.875rem;
  justify-content: space-between;
  padding: 0;
}

.la-native-guest-rail__header-actions {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.la-native-guest-rail__title {
  color: #262626;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.la-native-guest-rail .la-horizontal-carousel__nav-buttons {
  display: flex;
  gap: 0.375rem;
}

.la-native-guest-rail .la-horizontal-carousel__scroll-button {
  align-items: center;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(189, 189, 189, 0.86);
  border-radius: 999px;
  box-shadow: 0 0.25rem 0.75rem rgba(38, 38, 38, 0.08);
  color: #262626;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: 1.875rem;
  justify-content: center;
  padding: 0;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
  width: 1.875rem;
}

.la-native-guest-rail .la-horizontal-carousel__scroll-button:active {
  transform: scale(0.96);
}

.la-native-guest-rail .la-horizontal-carousel__scroll-button:disabled,
.la-native-guest-rail .la-horizontal-carousel__scroll-button--disabled {
  opacity: 0.45;
}

.la-native-guest-rail .la-horizontal-carousel__scroll-icon {
  color: currentColor;
  display: block;
  height: 0.875rem;
  width: 0.875rem;
}

.la-native-guest-rail__scroller {
  box-sizing: border-box;
  display: grid;
  grid-auto-columns: 10rem;
  grid-auto-flow: column;
  gap: var(--la-native-guest-card-gap);
  margin-inline: calc(var(--la-native-guest-outer-gutter) * -1);
  max-width: none;
  min-width: 0;
  overflow-x: auto;
  padding: 0 var(--la-native-guest-outer-gutter) 0.25rem;
  scroll-padding-inline: var(--la-native-guest-outer-gutter);
  scroll-snap-type: x proximity;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.la-native-guest-rail__scroller::-webkit-scrollbar {
  display: none;
}

.la-native-guest-card {
  color: inherit;
  display: grid;
  gap: 0.5rem;
  scroll-snap-align: start;
  text-decoration: none;
  width: 10rem;
}

.la-native-guest-card:focus-visible {
  border-radius: 0.875rem;
  outline: 2px solid rgba(6, 147, 147, 0.55);
  outline-offset: 3px;
}

.la-native-guest-card__image-wrap {
  aspect-ratio: 4/3;
  background: linear-gradient(135deg, rgba(248, 242, 220, 0.72), rgba(184, 224, 219, 0.42));
  border-radius: 0.75rem;
  display: block;
  overflow: hidden;
  width: 100%;
}

.la-native-guest-card__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.la-native-guest-card__image--placeholder {
  -o-object-fit: contain;
     object-fit: contain;
  padding: 1rem;
}

.la-native-guest-card__body {
  display: grid;
  gap: 0.125rem;
  min-width: 0;
}

.la-native-guest-card__title,
.la-native-guest-card__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.la-native-guest-card__title {
  color: #262626;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
}

.la-native-guest-card__meta {
  color: #757575;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25;
}

.la-native-guest-feed__empty {
  color: #757575;
  font-size: 0.9375rem;
  line-height: 1.45;
  padding: 1rem;
}

.la-native-guest-feed__empty p {
  margin: 0;
}

.la-native-curated-feed-summary {
  margin: 0.625rem 0 0.125rem;
  min-width: 0;
}

.la-native-curated-feed-summary__details {
  min-width: 0;
}

.la-native-curated-feed-summary__summary {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0.5rem;
  box-shadow: none;
  color: rgba(79, 79, 79, 0.72);
  cursor: pointer;
  display: flex;
  gap: 0.375rem;
  justify-content: flex-end;
  list-style: none;
  padding: 0.125rem 0.125rem 0.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.la-native-curated-feed-summary__summary::-webkit-details-marker {
  display: none;
}

.la-native-curated-feed-summary__label {
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.2;
}

.la-native-curated-feed-summary__toggle {
  align-items: center;
  color: #069393;
  display: inline-flex;
  flex-shrink: 0;
  gap: 0.125rem;
  font-size: 0.71875rem;
  font-weight: 800;
  line-height: 1;
}

.la-native-curated-feed-summary__toggle-icon {
  height: 0.75rem;
  transition: transform 180ms ease;
  width: 0.75rem;
}

.la-native-curated-feed-summary__toggle-text--hide {
  display: none;
}

.la-native-curated-feed-summary__details[open] .la-native-curated-feed-summary__toggle-icon {
  transform: rotate(90deg);
}

.la-native-curated-feed-summary__details[open] .la-native-curated-feed-summary__toggle-text--show {
  display: none;
}

.la-native-curated-feed-summary__details[open] .la-native-curated-feed-summary__toggle-text--hide {
  display: inline;
}

.la-native-curated-feed-summary__details[open] .la-native-guest-feed {
  animation: la-native-curated-feed-reveal 180ms ease-out;
}

@media (prefers-reduced-motion: no-preference) {
  .la-native-guest-card__image {
    transition: transform 180ms ease;
  }
  .la-native-guest-card:active .la-native-guest-card__image {
    transform: scale(1.025);
  }
}
@keyframes la-native-curated-feed-reveal {
  from {
    opacity: 0;
    transform: translateY(-0.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.la-locked {
  position: relative;
}
.la-locked::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(245, 245, 245, 0.4);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.la-locked__arrow {
  width: 0.875rem;
  height: 0.875rem;
  color: #FFF;
}
.la-locked .la-locked__blurred {
  filter: blur(1.5px);
  opacity: 0.8;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.la-locked__overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.65);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border: 0.0625rem dashed #BDBDBD;
  z-index: 10;
  cursor: pointer;
  transition: all 0.3s ease;
}
.la-locked__overlay:hover {
  background: rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.la-locked__panel {
  position: absolute;
  left: 50%;
  bottom: 0.75rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #FFF;
  color: #262626;
  border: 0.0625rem solid #BDBDBD;
  border-radius: 1rem;
  padding: 0.5rem 0.75rem;
  box-shadow: 0 0.25rem 0.75rem rgba(38, 38, 38, 0.08);
  z-index: 11;
}
.la-locked__icon {
  width: 1rem;
  height: 1rem;
  color: #757575;
}
.la-locked__text {
  font-size: 0.875rem;
  color: #4F4F4F;
  margin-right: 0.25rem;
}
.la-locked:has(.la-locked__overlay)::after {
  opacity: 1;
}

.la-locked--ghost-grid::after {
  opacity: 0 !important;
}
.la-locked--ghost-grid .la-locked__ghost-background {
  filter: blur(0.25rem);
  opacity: 0.6;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.la-locked--ghost-grid .la-card-listing-grid {
  margin-bottom: 0;
}
.la-locked--ghost-grid .la-card-listing-grid > * {
  display: none;
}
.la-locked--ghost-grid .la-card-listing-grid > :nth-child(-n+1) {
  display: block;
}
@media (min-width: 768px) {
  .la-locked--ghost-grid .la-card-listing-grid > :nth-child(-n+2) {
    display: block;
  }
}
@media (min-width: 992px) {
  .la-locked--ghost-grid .la-card-listing-grid > :nth-child(-n+3) {
    display: block;
  }
}
@media (min-width: 1200px) {
  .la-locked--ghost-grid .la-card-listing-grid > :nth-child(-n+4) {
    display: block;
  }
}
@media (min-width: 1440px) {
  .la-locked--ghost-grid .la-card-listing-grid > :nth-child(-n+5) {
    display: block;
  }
}
@media (min-width: 1680px) {
  .la-locked--ghost-grid .la-card-listing-grid > :nth-child(-n+6) {
    display: block;
  }
}
.la-locked--ghost-grid .la-locked__overlay {
  background: transparent;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  border: none;
}
.la-locked--ghost-grid .la-locked__panel {
  top: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
}

.la-content-preview {
  position: relative;
  overflow: hidden;
}
.la-content-preview--blurred .la-content-preview__content {
  filter: blur(4px);
  opacity: 0.7;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.la-content-preview__content {
  transition: filter 0.3s ease, opacity 0.3s ease;
}
.la-content-preview__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.95) 100%);
  z-index: 5;
  cursor: pointer;
  transition: all 0.3s ease;
}
.la-content-preview__overlay:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.98) 100%);
}
.la-content-preview__overlay:hover .la-content-preview__lock-icon {
  transform: scale(1.1);
}
.la-content-preview__lock-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: #069393;
  margin-bottom: 0.75rem;
  transition: transform 0.3s ease;
}
.la-content-preview__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #4F4F4F;
  margin-bottom: 0.5rem;
}
.la-content-preview__subtitle {
  font-size: 0.875rem;
  color: #757575;
  margin-bottom: 1rem;
}

.la-locked-messaging .la-locked__panel {
  bottom: 1rem;
  background: linear-gradient(135deg, #FFF, rgba(6, 147, 147, 0.05));
}

.la-locked-weather .la-locked__overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.8) 100%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.la-locked-duration .la-locked__overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.8) 100%);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.la-locked-distance .la-locked__overlay {
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.7) 100%);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.la-locked--inline {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  max-width: 100%;
  gap: 0.25rem;
  white-space: nowrap;
}
.la-locked--inline::after {
  opacity: 0 !important;
}
.la-locked--inline .la-locked__overlay {
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 0%, rgba(6, 147, 147, 0.15) 100%);
  border: 0.0625rem solid rgba(6, 147, 147, 0.2);
  -webkit-backdrop-filter: blur(0.5px);
          backdrop-filter: blur(0.5px);
  transition: all 0.2s ease;
}
.la-locked--inline .la-locked__overlay:hover {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(6, 147, 147, 0.25) 100%);
  border-color: rgba(6, 147, 147, 0.3);
}
.la-locked--inline .la-locked__panel {
  position: relative;
  transform: none;
  left: auto;
  bottom: auto;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  pointer-events: none;
}
.la-locked--inline .la-locked__text {
  display: none;
}
.la-locked--inline .la-locked__cta {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
  pointer-events: auto;
}
.la-locked--inline .la-locked__icon {
  width: 0.75rem;
  height: 0.75rem;
  color: #069393;
  flex-shrink: 0;
  margin-left: 0.125rem;
}

.la-journey-locked {
  display: block;
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
}
.la-journey-locked:hover {
  transform: translateY(-1px);
}
.la-journey-locked:hover .la-journey-locked__content {
  box-shadow: 0 0.5rem 1.5rem rgba(6, 147, 147, 0.2);
}
@media (hover: none) and (pointer: coarse) {
  .la-journey-locked:hover {
    transform: none;
  }
  .la-journey-locked:hover .la-journey-locked__content {
    box-shadow: none;
  }
}
.la-journey-locked:focus-visible {
  outline: 2px solid #069393;
  outline-offset: 2px;
}
@media (hover: none) and (pointer: coarse) {
  .la-journey-locked:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
  }
}
.la-journey-locked__content {
  display: flex;
  flex-direction: column;
  border-radius: 0.75rem;
  overflow: hidden;
  background: linear-gradient(to right, #FFF 0%, rgba(6, 147, 147, 0.1) 100%);
  border: 0.0625rem solid rgba(6, 147, 147, 0.15);
  transition: box-shadow 0.2s ease;
}
.la-journey-locked__details {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  gap: 0.5rem;
}
@media (min-width: 576px) {
  .la-journey-locked__details {
    padding: 0.5rem 0.875rem;
    gap: 0.75rem;
  }
}
.la-journey-locked__details-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
@media (min-width: 576px) {
  .la-journey-locked__details-group {
    gap: 0.75rem;
  }
}
.la-journey-locked__detail {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.la-journey-locked__icon {
  width: 0.75rem;
  height: 0.75rem;
  color: #757575;
  flex-shrink: 0;
}
@media (min-width: 576px) {
  .la-journey-locked__icon {
    width: 0.875rem;
    height: 0.875rem;
  }
}
.la-journey-locked__text {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #262626;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .la-journey-locked__text {
    font-size: 0.75rem;
  }
}
.la-journey-locked__text.la-locked__blurred {
  filter: blur(1.5px);
  opacity: 0.8;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.la-journey-locked__lock-icon {
  width: 0.75rem;
  height: 0.75rem;
  color: #069393;
  flex-shrink: 0;
}
.la-journey-locked__banner {
  background-color: #069393;
  color: #FFF;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.65rem;
  font-weight: 500;
  gap: 0.25rem;
  flex: 0 0 35%;
  height: 35%;
  min-height: 1.5rem;
  width: 100%;
}
@media (max-width: 480px) {
  .la-journey-locked__banner {
    padding: 0 1rem;
    font-size: 0.6rem;
    gap: 0.375rem;
  }
}
.la-journey-locked__cta {
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1 1 auto;
}
.la-journey-locked__arrow {
  width: 0.875rem;
  height: 0.875rem;
  stroke: currentColor;
  stroke-width: 2;
  flex-shrink: 0;
}

.la-search-locked-preview {
  display: block;
  width: 100%;
  min-width: 18.75rem;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
  margin: 0.5rem 0;
}
@media (min-width: 576px) {
  .la-search-locked-preview {
    flex: 1;
    max-width: 37.5rem;
  }
}
.la-search-locked-preview:hover {
  transform: translateY(-1px);
}
.la-search-locked-preview:hover .la-search-locked-preview__content {
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.78);
  border-color: #069393;
}
@media (hover: none) and (pointer: coarse) {
  .la-search-locked-preview:hover {
    transform: none;
  }
  .la-search-locked-preview:hover .la-search-locked-preview__content {
    box-shadow: none;
  }
}
.la-search-locked-preview:focus-visible {
  outline: 2px solid #069393;
  outline-offset: 2px;
}
@media (hover: none) and (pointer: coarse) {
  .la-search-locked-preview:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
  }
}
.la-search-locked-preview__content {
  display: flex;
  flex-direction: column;
  height: 4rem;
  border-radius: 2rem;
  overflow: hidden;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(6, 147, 147, 0.1) 100%);
  border: 0.0625rem solid rgba(6, 147, 147, 0.15);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  box-sizing: border-box;
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.78);
}
.la-search-locked-preview__input-area {
  display: flex;
  align-items: center;
  padding: 0 2rem;
  flex: 0 0 65%;
  box-sizing: border-box;
  position: relative;
}
.la-search-locked-preview__placeholder {
  font-size: 1rem;
  color: #757575;
  filter: blur(1px);
  opacity: 0.7;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  flex: 1;
}
.la-search-locked-preview__search-icon {
  width: 1rem;
  height: 1rem;
  color: #757575;
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.la-search-locked-preview__lock-icon {
  width: 1rem;
  height: 1rem;
  color: #4F4F4F;
  flex-shrink: 0;
  margin-left: 0.5rem;
}
.la-search-locked-preview__banner {
  background-color: #069393;
  color: #FFF;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.65rem;
  font-weight: 500;
  gap: 0.25rem;
  flex: 0 0 35%;
  min-height: 1.5rem;
}
@media (max-width: 480px) {
  .la-search-locked-preview__banner {
    padding: 0 1rem;
    font-size: 0.6rem;
    gap: 0.375rem;
  }
}
.la-search-locked-preview__banner .la-search-locked-preview__arrow {
  width: 0.875rem;
  height: 0.875rem;
  stroke-width: 2;
}
.la-search-locked-preview__cta {
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 0.2;
}
.la-search-locked-preview__arrow {
  width: 0.875rem;
  height: 0.875rem;
  stroke: currentColor;
  stroke-width: 2;
  flex-shrink: 0;
}
.la-search-locked-preview__arrow.la-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.la-search-locked-preview__arrow.la-icon svg {
  width: 100%;
  height: 100%;
  stroke-width: 2;
}

.la-metered-preview-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1rem;
  padding: 1rem 1.25rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.18);
  border-radius: 1.25rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(6, 147, 147, 0.08) 100%);
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.24);
  color: inherit;
  text-decoration: none;
}
@media (max-width: 640px) {
  .la-metered-preview-prompt {
    flex-direction: column;
    align-items: flex-start;
  }
}
.la-metered-preview-prompt__copy {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.la-metered-preview-prompt__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #4F4F4F;
}
.la-metered-preview-prompt__body {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.45;
  color: rgba(79, 79, 79, 0.82);
}
.la-metered-preview-prompt__cta {
  flex-shrink: 0;
}
.la-metered-preview-prompt--spotlit {
  animation: la-metered-preview-pulse 2.4s ease-out 1;
}

.la-native .la-metered-preview-prompt {
  align-items: flex-start;
  flex-direction: row;
  gap: 0.5rem;
  justify-content: flex-start;
  margin: 0.5rem 0 0.75rem;
  padding: 0.625rem 0.75rem;
  border-color: rgba(6, 147, 147, 0.16);
  border-radius: 0.75rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(6, 147, 147, 0.055) 100%);
  box-shadow: 0 0.25rem 0.75rem rgba(38, 38, 38, 0.055);
}

.la-native .la-metered-preview-prompt__marker {
  flex: 0 0 auto;
  width: 0.4375rem;
  height: 0.4375rem;
  margin-top: 0.3125rem;
  border-radius: 999px;
  background: #069393;
  box-shadow: 0 0 0 0.1875rem rgba(6, 147, 147, 0.12);
}

.la-native .la-metered-preview-prompt__copy {
  gap: 0.1875rem;
  min-width: 0;
}

.la-native .la-metered-preview-prompt__title {
  color: #262626;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.2;
}

.la-native .la-metered-preview-prompt__body {
  color: rgba(79, 79, 79, 0.72);
  font-size: 0.6875rem;
  line-height: 1.28;
}

@keyframes la-metered-preview-pulse {
  0% {
    border-color: rgba(6, 147, 147, 0.22);
    box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.24);
  }
  18% {
    border-color: rgba(6, 147, 147, 0.8);
    box-shadow: 0 0 0 0.25rem rgba(6, 147, 147, 0.14), 0 0.375rem 0.875rem rgba(117, 117, 117, 0.22);
  }
  42% {
    border-color: rgba(6, 147, 147, 0.45);
    box-shadow: 0 0 0 0.125rem rgba(6, 147, 147, 0.08), 0 0.25rem 0.625rem rgba(117, 117, 117, 0.18);
  }
  100% {
    border-color: rgba(6, 147, 147, 0.18);
    box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.24);
  }
}
@media (prefers-reduced-motion: reduce) {
  .la-metered-preview-prompt--spotlit {
    animation: none;
  }
}
.la-locked-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  z-index: 10;
  width: 1rem;
  height: 1rem;
  color: #4F4F4F;
  flex-shrink: 0;
}

.la-locked-preview {
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  border-radius: 2rem;
  overflow: hidden;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(6, 147, 147, 0.1) 100%);
  border: 0.0625rem solid rgba(6, 147, 147, 0.15);
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.78);
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}
.la-locked-preview:hover, .la-locked-preview:focus, .la-locked-preview:active {
  text-decoration: none !important;
}
.la-locked-preview:hover {
  transform: translateY(-1px);
  border-color: #069393;
  box-shadow: 0 0.125rem 0.3125rem 0.0625rem rgba(117, 117, 117, 0.78);
}
@media (hover: none) and (pointer: coarse) {
  .la-locked-preview:hover {
    transform: none;
  }
}
.la-locked-preview:focus-visible {
  outline: 2px solid #069393;
  outline-offset: 2px;
}
@media (hover: none) and (pointer: coarse) {
  .la-locked-preview:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
  }
}
.la-locked-preview__content {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
}
.la-locked-preview__footer {
  background-color: #069393;
  color: #FFF;
  padding: 0.125rem 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.6rem;
  font-weight: 500;
  gap: 0.25rem;
}
.la-locked-preview__cta {
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
}
.la-locked-preview__arrow {
  width: 0.875rem;
  height: 0.875rem;
  stroke: currentColor;
  stroke-width: 2;
  flex-shrink: 0;
}
.la-locked-preview__arrow.la-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.la-locked-preview__arrow.la-icon svg {
  width: 100%;
  height: 100%;
  stroke-width: 2;
}
.la-locked-preview--filters {
  width: 100%;
  max-width: 100%;
}
.la-locked-preview--filters .la-locked-preview__content {
  overflow: hidden;
}
.la-locked-preview--filters .la-quick-filter-bar__container--blurred {
  filter: blur(3px);
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  flex-wrap: nowrap;
  mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
}
.la-locked-preview--sort {
  display: inline-flex;
}
.la-locked-preview--sort .la-sort-component__button--blurred {
  filter: blur(2px);
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.la-locked-preview--weather {
  width: 100%;
  max-width: 100%;
}
.la-locked-preview--weather .la-locked-preview__content {
  padding-right: 2.75rem;
}

.la-weather-locked-preview {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.5rem;
  width: 100%;
  filter: blur(1.6px);
  opacity: 0.58;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.la-weather-locked-preview__icon {
  width: 1.125rem;
  height: 1.125rem;
  color: #4F4F4F;
  flex-shrink: 0;
}
.la-weather-locked-preview__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.1;
}
.la-weather-locked-preview__temp {
  font-size: 1rem;
  font-weight: 700;
  color: #262626;
}
.la-weather-locked-preview__meta {
  font-size: 0.9rem;
  color: #4F4F4F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.la-card__detail-text--locked {
  color: #757575;
  font-style: italic;
}

.custom-search-bar {
  min-height: 5rem;
  margin: 0.5rem 0;
}

.la-body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.la-body > .modal-overlay,
.la-body > turbo-frame {
  flex: 0 0 auto;
}

.la-body > .content-wrapper {
  flex: 1 0 auto;
  min-height: calc(100vh + var(--la-navbar-height, 4rem));
}

.la-body--standalone-auth > .content-wrapper {
  min-height: 100dvh;
}

.la-footer {
  flex-shrink: 0;
  border-top: 0.0625rem solid #F5F5F5;
  background-color: transparent;
}

.la-footer__container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.75rem 0.9375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 576px) {
  .la-footer__container {
    flex-direction: row;
    justify-content: space-between;
  }
}

.la-footer__left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: #757575;
}
@media (min-width: 576px) {
  .la-footer__left {
    justify-content: flex-start;
  }
}

.la-footer__copyright {
  white-space: nowrap;
}

.la-footer__separator {
  opacity: 0.5;
}

.la-footer__tagline {
  white-space: nowrap;
}

.la-footer__links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem 1rem;
}
@media (min-width: 576px) {
  .la-footer__links {
    justify-content: flex-end;
  }
}

.la-footer__link {
  font-size: 0.75rem;
  color: #757575;
  text-decoration: none;
  padding: 0.3125rem 0.625rem;
  border-radius: 6.25rem;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.la-footer__link:hover {
  color: #069393;
  background-color: rgba(6, 147, 147, 0.06);
}
.la-footer__link:focus-visible {
  outline: none;
  color: #069393;
  background-color: rgba(6, 147, 147, 0.06);
}

@keyframes la-error-page--fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes la-error-page--gentle-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.25rem);
  }
}
.la-error-page {
  min-height: calc(100vh - var(--la-navbar-height, 4rem));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background-color: #F9F9F9;
}

.la-error-page__card {
  text-align: center;
  max-width: 28rem;
  width: 100%;
  padding: 2.5rem 2rem;
  background-color: #FFF;
  border-radius: 0.3rem;
  box-shadow: 0 1rem 3rem rgba(38, 38, 38, 0.175);
  animation: la-error-page--fade-in-up 0.5s ease-out;
}
@media (min-width: 768px) {
  .la-error-page__card {
    padding: 3rem 2.5rem;
  }
}

.la-error-page__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #7CC8C8 0%, #B8E0DB 100%);
  border-radius: 50%;
  animation: la-error-page--gentle-bounce 2.5s ease-in-out infinite;
}
@media (min-width: 768px) {
  .la-error-page__icon {
    width: 6rem;
    height: 6rem;
  }
}

.la-error-page__map-pin {
  width: 2.5rem;
  height: 2.5rem;
  color: #069393;
}
@media (min-width: 768px) {
  .la-error-page__map-pin {
    width: 3rem;
    height: 3rem;
  }
}

.la-error-page__icon-question {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #F4835E;
  color: #FFF;
  font-family: nunito, "Helvetica", "sans-serif";
  font-weight: 700;
  font-size: 1rem;
  border-radius: 50%;
  border: 0.1875rem solid #FFF;
}

.la-error-page__code {
  font-family: nunito, "Helvetica", "sans-serif";
  font-size: clamp(3.5rem, 10vw, 5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0 0 0.5rem;
  color: #069393;
}

.la-error-page__title {
  font-family: nunito, "Helvetica", "sans-serif";
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  color: #262626;
  margin: 0 0 0.75rem;
}

.la-error-page__message {
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 1rem;
  color: #757575;
  line-height: 1.6;
  margin: 0 0 1.75rem;
}

.la-error-page__actions {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.la-error-page__actions .la-btn {
  min-width: 10rem;
}

.la-default-location-banner {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  z-index: 1050;
  background: #FFF;
  color: #262626;
  border: 0.0625rem solid #F5F5F5;
  border-radius: 0.3rem;
  box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(38, 38, 38, 0.1), 0 0.125rem 0.25rem -0.0625rem rgba(38, 38, 38, 0.06);
  padding: 0.75rem 0.75rem 0.75rem 0.875rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.la-default-location-banner--hidden {
  display: none;
}
@media (min-width: 576px) {
  .la-default-location-banner {
    left: auto;
    right: 1.25rem;
    width: 22rem;
  }
}
.la-default-location-banner__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.la-default-location-banner__title {
  margin: 0;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: inherit;
}
.la-default-location-banner__message {
  margin: 0;
  font-size: 0.875rem;
  color: #4F4F4F;
  line-height: 1.25rem;
}
.la-default-location-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.la-default-location-banner__actions .la-btn.la-btn--sm {
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
}
.la-default-location-banner__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: transparent;
  border: none;
  padding: 0.25rem;
  color: inherit;
  opacity: 0.55;
  cursor: pointer;
  transition: opacity 0.15s linear;
}
.la-default-location-banner__close:hover {
  opacity: 0.8;
}
.la-default-location-banner__close svg {
  width: 0.875rem;
  height: 0.875rem;
}
.la-default-location-banner--fade-out {
  animation: la-default-location-banner-fade-out 0.2s ease-in forwards;
}

@keyframes la-default-location-banner-fade-out {
  to {
    transform: translateY(0.625rem) scale(0.98);
    opacity: 0;
  }
}
.la-default-location-banner-inline {
  position: relative;
  width: 100%;
  margin: 1rem 0;
  padding: 1.125rem 2.75rem 1.125rem 1.25rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid #07B4B4;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.03) 0%, #FFF 100%);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3.25rem;
  overflow: visible;
}
.la-default-location-banner-inline::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0625rem;
  background: linear-gradient(90deg, #069393 0%, #F4835E 16%, #F8F2DC 32%, #B8E0DB 50%, #07B4B4 68%, #05686C 84%, #069393 100%);
  background-size: 300% 100%;
  pointer-events: none;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: la-default-location-banner-inline-border 6s ease-in-out infinite;
}
.la-default-location-banner-inline--compact {
  margin: 0.5rem 0;
}
.la-default-location-banner-inline--hidden {
  display: none;
}
.la-default-location-banner-inline--fade-out {
  animation: la-default-location-banner-inline-fade-out 0.2s ease-in forwards;
}
.la-default-location-banner-inline__helper-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  color: #4F4F4F;
  opacity: 0.85;
  cursor: help;
  transition: opacity 0.15s linear;
}
.la-default-location-banner-inline__helper-info:hover, .la-default-location-banner-inline__helper-info:focus {
  opacity: 1;
  color: #05686C;
  outline: none;
}
.la-default-location-banner-inline__helper-info-icon {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
}
.la-default-location-banner-inline__helper-info.la-default-location-banner-inline__helper--hidden {
  display: none;
}
.la-default-location-banner-inline__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}
.la-default-location-banner-inline__lead {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
.la-default-location-banner-inline__icon {
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #7CC8C8;
  border: 0.0625rem solid #07B4B4;
  color: #05686C;
}
.la-default-location-banner-inline__icon svg {
  width: 1rem;
  height: 1rem;
  display: block;
}
.la-default-location-banner-inline__text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  white-space: nowrap;
  overflow: visible;
  text-overflow: initial;
}
.la-default-location-banner-inline__title {
  margin: 0;
  font-weight: 600;
  font-size: 0.875rem;
  color: #262626;
  white-space: nowrap;
}
.la-default-location-banner-inline__message {
  margin: 0;
  font-size: 0.875rem;
  color: #4F4F4F;
  line-height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.la-default-location-banner-inline__helper-inline {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 0.25rem;
  flex-shrink: 0;
}
.la-default-location-banner-inline__actions {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  gap: 0.5rem;
}
.la-default-location-banner-inline__actions .la-btn {
  flex: 0 0 auto;
}
.la-default-location-banner-inline__actions .la-btn.la-btn--sm {
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
}
.la-default-location-banner-inline__helper-popover {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  min-width: 18rem;
  max-width: 32rem;
  width: auto;
  padding: 0.75rem 0.875rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #F5F5F5;
  background: #FFF;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08);
  color: #4F4F4F;
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.la-default-location-banner-inline__helper-popover::before {
  content: "";
  position: absolute;
  top: -0.375rem;
  left: 0.75rem;
  width: 0;
  height: 0;
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  border-bottom: 0.375rem solid #FFF;
  filter: drop-shadow(0 -1px 0 #F5F5F5);
}
.la-default-location-banner-inline__helper-popover--hidden {
  display: none;
}
.la-default-location-banner-inline__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #262626;
  background-color: #FFF;
  border: 0.0625rem solid #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.08);
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
}
.la-default-location-banner-inline__close svg {
  width: 1rem;
  height: 1rem;
  stroke: currentcolor;
  stroke-width: 0.1875rem;
  transform: translate(0.5px, -0.5px);
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.la-default-location-banner-inline__close:hover {
  transform: scale(1.02);
  color: #262626;
  background-color: #F5F5F5;
  border-color: #069393;
  box-shadow: 0 0.125rem 0.25rem rgba(6, 147, 147, 0.15);
}
.la-default-location-banner-inline__close:active {
  transform: scale(0.98);
  background-color: #F5F5F5;
}
.la-default-location-banner-inline__close:focus, .la-default-location-banner-inline__close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-default-location-banner-inline__close:hover, .la-default-location-banner-inline__close:focus, .la-default-location-banner-inline__close:focus-visible {
  background-color: #FFF;
  border-color: #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.08);
}
.la-default-location-banner-inline:hover .la-default-location-banner-inline__close, .la-default-location-banner-inline:focus-within .la-default-location-banner-inline__close {
  opacity: 0.85;
  pointer-events: auto;
}
@media (hover: none) {
  .la-default-location-banner-inline__close {
    opacity: 0.85;
    pointer-events: auto;
  }
}
@media (max-width: 992px) {
  .la-default-location-banner-inline__body {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  .la-default-location-banner-inline__lead {
    align-items: flex-start;
  }
  .la-default-location-banner-inline__actions {
    justify-content: flex-start;
    width: auto;
    gap: 0.625rem;
  }
}
@media (max-width: 576px) {
  .la-default-location-banner-inline__actions {
    width: 100%;
    flex-wrap: wrap;
  }
}

@keyframes la-default-location-banner-inline-fade-out {
  to {
    transform: translateY(0.5rem) scale(0.98);
    opacity: 0;
  }
}
@keyframes la-default-location-banner-inline-border {
  0% {
    background-position: 0% 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .la-default-location-banner-inline::before {
    animation: none;
    background-position: 50% 0;
  }
}
.la-delete-account-modal .la-modal__dialog {
  max-width: 28rem;
}
.la-delete-account-modal .la-modal__header {
  align-items: flex-start;
}
.la-delete-account-modal .la-modal__title {
  margin-right: 0.75rem;
}
.la-delete-account-modal .la-delete-account-modal__subtitle,
.la-delete-account-modal .la-delete-account-modal__warning {
  margin: 0;
  text-align: left;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #4F4F4F;
}
.la-delete-account-modal .la-delete-account-modal__warning {
  margin-top: 0.85rem;
  padding: 0.85rem 0.9rem;
  border-radius: 0.85rem;
  background: rgba(226, 92, 61, 0.08);
  color: #C0472D;
}
.la-delete-account-modal .la-delete-account-modal__form {
  margin-top: 1rem;
}
.la-delete-account-modal .la-delete-account-modal__label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.88rem;
  font-weight: 700;
  color: #262626;
}
.la-delete-account-modal .la-delete-account-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.la-venue-submission-banner {
  position: relative;
  width: 100%;
  margin: 1rem 0;
  padding: 1.125rem 2.75rem 1.125rem 1.25rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid rgba(6, 147, 147, 0.2);
  background: linear-gradient(135deg, rgba(7, 180, 180, 0.05) 0%, #FFF 100%);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3.25rem;
  overflow: visible;
}
.la-venue-submission-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0625rem;
  background: linear-gradient(90deg, #069393 0%, #07B4B4 25%, #05686C 50%, #07B4B4 75%, #069393 100%);
  background-size: 300% 100%;
  pointer-events: none;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: la-venue-submission-banner-border 6s ease-in-out infinite;
}
.la-venue-submission-banner--hidden {
  display: none;
}
.la-venue-submission-banner--fade-out {
  animation: la-venue-submission-banner-fade-out 0.2s ease-in forwards;
}

.la-venue-submission-banner__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.la-venue-submission-banner__lead {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.la-venue-submission-banner__icon {
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 180, 180, 0.15);
  border: 0.0625rem solid rgba(6, 147, 147, 0.3);
  color: #05686C;
}
.la-venue-submission-banner__icon svg {
  width: 1rem;
  height: 1rem;
  display: block;
}

.la-venue-submission-banner__text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  white-space: nowrap;
  overflow: visible;
  text-overflow: initial;
}

.la-venue-submission-banner__title {
  margin: 0;
  font-weight: 600;
  font-size: 0.875rem;
  color: #262626;
  white-space: nowrap;
}

.la-venue-submission-banner__message {
  margin: 0;
  font-size: 0.875rem;
  color: #4F4F4F;
  line-height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.la-venue-submission-banner__actions {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.la-venue-submission-banner__actions .la-btn.la-btn--sm {
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
}

.la-venue-submission-banner__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #262626;
  background-color: #FFF;
  border: 0.0625rem solid #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.08);
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
}
.la-venue-submission-banner__close svg {
  width: 1rem;
  height: 1rem;
  stroke: currentcolor;
  stroke-width: 0.1875rem;
  transform: translate(0.5px, -0.5px);
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.la-venue-submission-banner__close:hover {
  transform: scale(1.02);
  color: #262626;
  background-color: #F5F5F5;
  border-color: #069393;
  box-shadow: 0 0.125rem 0.25rem rgba(6, 147, 147, 0.15);
}
.la-venue-submission-banner__close:active {
  transform: scale(0.98);
  background-color: #F5F5F5;
}
.la-venue-submission-banner__close:focus, .la-venue-submission-banner__close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.0625rem #069393, 0 0 0 0.1875rem rgba(6, 147, 147, 0.18);
}
.la-venue-submission-banner__close:hover, .la-venue-submission-banner__close:focus, .la-venue-submission-banner__close:focus-visible {
  background-color: #FFF;
  border-color: #BDBDBD;
  box-shadow: 0 0.125rem 0.25rem rgba(38, 38, 38, 0.08);
}

.la-venue-submission-banner:hover .la-venue-submission-banner__close,
.la-venue-submission-banner:focus-within .la-venue-submission-banner__close {
  opacity: 0.85;
  pointer-events: auto;
}

@media (hover: none) {
  .la-venue-submission-banner__close {
    opacity: 0.85;
    pointer-events: auto;
  }
}
@media (max-width: 768px) {
  .la-venue-submission-banner__body {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  .la-venue-submission-banner__lead {
    align-items: flex-start;
  }
  .la-venue-submission-banner__actions {
    justify-content: flex-start;
  }
  .la-venue-submission-banner__text {
    white-space: normal;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  .la-venue-submission-banner__title,
  .la-venue-submission-banner__message {
    white-space: normal;
  }
}
@keyframes la-venue-submission-banner-fade-out {
  to {
    transform: translateY(0.5rem) scale(0.98);
    opacity: 0;
  }
}
@keyframes la-venue-submission-banner-border {
  0% {
    background-position: 0% 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .la-venue-submission-banner::before {
    animation: none;
    background-position: 50% 0;
  }
}
.la-cookie-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1060;
  background: #FFF;
  border-top: 0.0625rem solid #F5F5F5;
  box-shadow: 0 -0.25rem 0.5rem -0.125rem rgba(38, 38, 38, 0.1);
  padding: 1rem;
}
.la-cookie-consent-banner--hidden {
  display: none;
}
.la-cookie-consent-banner--fade-out {
  animation: la-cookie-consent-fade-out 0.3s ease-out forwards;
}
.la-cookie-consent-banner__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 75rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .la-cookie-consent-banner__content {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.la-cookie-consent-banner__text {
  flex: 1;
  min-width: 0;
}
.la-cookie-consent-banner__title {
  margin: 0 0 0.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #262626;
  line-height: 1.4;
}
.la-cookie-consent-banner__description {
  margin: 0;
  font-size: 0.875rem;
  color: #4F4F4F;
  line-height: 1.5;
}
.la-cookie-consent-banner__link {
  color: #069393;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.la-cookie-consent-banner__link:hover {
  color: #05686C;
}
.la-cookie-consent-banner__actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .la-cookie-consent-banner__actions {
    flex-direction: column;
  }
  .la-cookie-consent-banner__actions .la-btn {
    width: 100%;
    justify-content: center;
  }
}

@keyframes la-cookie-consent-fade-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(1rem);
  }
}
.la-orb-loader {
  --orb-size: 1.5rem;
  --orb-teal: #069393;
  --orb-teal-dark: #05686C;
  --orb-coral: #E25C3D;
  --orb-cream: #f9f2db;
  --orb-pink: #f2a2b5;
  --orb-face: #FFF;
  --orb-border: rgba(5, 47, 49, 0.18);
  --orb-shadow: rgba(0, 87, 90, 0.26);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--orb-size);
  height: var(--orb-size);
  flex-shrink: 0;
  pointer-events: none;
  animation: la-orb-float 7.6s cubic-bezier(0.34, 0.02, 0.18, 1) infinite;
}
.la-orb-loader--sm {
  --orb-size: 1rem;
}
.la-orb-loader--lg {
  --orb-size: 2rem;
}
.la-orb-loader--xl {
  --orb-size: 3rem;
}

.la-orb-loader__orb {
  position: absolute;
  inset: 0;
  border: max(1px, var(--orb-size) * 0.015) solid var(--orb-border);
  border-radius: 50%;
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
  background: rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 calc(var(--orb-size) * 0.09) calc(var(--orb-size) * 0.15) rgba(255, 255, 255, 0.55), inset 0 calc(var(--orb-size) * -0.11) calc(var(--orb-size) * 0.26) rgba(3, 63, 63, 0.24), 0 calc(var(--orb-size) * 0.13) calc(var(--orb-size) * 0.3) var(--orb-shadow), 0 calc(var(--orb-size) * 0.04) calc(var(--orb-size) * 0.12) rgba(5, 47, 49, 0.16);
  overflow: hidden;
  contain: paint;
  isolation: isolate;
}

.la-orb-loader__lava {
  position: absolute;
  inset: -42%;
  border-radius: inherit;
  background: radial-gradient(circle at 18% 22%, var(--orb-teal) 0%, transparent 42%), radial-gradient(circle at 82% 78%, var(--orb-coral) 0%, transparent 42%), radial-gradient(circle at 66% 22%, var(--orb-cream) 0%, transparent 34%), radial-gradient(circle at 42% 56%, var(--orb-pink) 0%, transparent 54%);
  filter: blur(calc(var(--orb-size) * 0.17));
  opacity: 0.98;
  animation: la-orb-lava-rotate 16s linear infinite;
}

.la-orb-loader__face {
  position: absolute;
  top: 44%;
  left: 50%;
  z-index: 2;
  width: calc(var(--orb-size) * 0.74);
  height: calc(var(--orb-size) * 0.56);
  transform: translate(-50%, -50%);
  animation: la-orb-face-tilt 14.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  will-change: transform;
}

.la-orb-loader__features {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: la-orb-shared-gaze 14.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  will-change: transform;
}

.la-orb-loader__eyes-row {
  display: flex;
  gap: calc(var(--orb-size) * 0.19);
  margin-bottom: calc(var(--orb-size) * 0.038);
  transform-origin: center;
  animation: la-orb-eye-expression 14.4s cubic-bezier(0.34, 0.04, 0.2, 1) infinite;
  will-change: transform;
}

.la-orb-loader__eye {
  width: calc(var(--orb-size) * 0.106);
  height: calc(var(--orb-size) * 0.159);
  border-radius: 50%;
  background: var(--orb-face);
  transform-origin: center;
  animation: la-orb-blink 6.4s infinite;
}

.la-orb-loader__eye:nth-child(2) {
  animation-delay: 0.04s;
}

.la-orb-loader__mouth-svg {
  width: calc(var(--orb-size) * 0.44);
  height: calc(var(--orb-size) * 0.26);
  overflow: visible;
  filter: drop-shadow(0 calc(var(--orb-size) * 0.015) calc(var(--orb-size) * 0.025) rgba(0, 0, 0, 0.1));
  transform-origin: center top;
  animation: la-orb-mouth-anchor 14.4s cubic-bezier(0.34, 0.04, 0.2, 1) infinite;
  will-change: transform;
}

.la-orb-loader__mouth-path {
  fill: none;
  stroke: var(--orb-face);
  stroke-width: 6.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  will-change: transform;
}

.la-orb-loader--static,
.la-orb-loader--static * {
  animation: none !important;
}

.la-orb-loader--static {
  transform: translateY(calc(var(--orb-size) * -0.015)) scale(1.01);
}
.la-orb-loader--static .la-orb-loader__lava {
  inset: 0;
  filter: none;
  transform: rotate(212deg) scale(1.04);
}
.la-orb-loader--static .la-orb-loader__face {
  transform: translate(-50%, -50%) rotate(2deg) scale(1.02);
}
.la-orb-loader--static .la-orb-loader__features {
  transform: translate(0, calc(var(--orb-size) * 0.018));
}
.la-orb-loader--static .la-orb-loader__mouth-svg {
  transform: scaleX(1.03);
}

@keyframes la-orb-float {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  18% {
    transform: translateY(calc(var(--orb-size) * -0.06)) scale(1.012);
  }
  34% {
    transform: translateY(calc(var(--orb-size) * -0.02)) scale(0.998);
  }
  58% {
    transform: translateY(calc(var(--orb-size) * -0.08)) scale(1.009);
  }
  76% {
    transform: translateY(calc(var(--orb-size) * -0.04)) scale(1.002);
  }
}
@keyframes la-orb-lava-rotate {
  from {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.04);
  }
  to {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes la-orb-blink {
  0%, 64%, 68%, 74%, 78%, 100% {
    transform: scaleY(1);
  }
  66%, 76% {
    transform: scaleY(0.08);
  }
}
@keyframes la-orb-face-tilt {
  0%, 9%, 100% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  14%, 20% {
    transform: translate(-50%, -50%) rotate(-8deg) scale(1.015);
  }
  24%, 36% {
    transform: translate(-50%, -50%) rotate(-2deg) scale(1);
  }
  42%, 48% {
    transform: translate(-50%, -50%) rotate(6deg) scale(1.012);
  }
  58%, 64% {
    transform: translate(-50%, -50%) rotate(1deg) scale(1);
  }
  69%, 74% {
    transform: translate(-50%, -50%) rotate(10deg) scale(1.018);
  }
  80%, 91% {
    transform: translate(-50%, -50%) rotate(2deg) scale(1);
  }
}
@keyframes la-orb-shared-gaze {
  0%, 9%, 100% {
    transform: translate(0, 0);
  }
  14%, 20% {
    transform: translate(calc(var(--orb-size) * -0.14), calc(var(--orb-size) * 0.02));
  }
  24%, 36% {
    transform: translate(calc(var(--orb-size) * -0.05), calc(var(--orb-size) * 0.008));
  }
  42%, 48% {
    transform: translate(calc(var(--orb-size) * 0.13), calc(var(--orb-size) * -0.02));
  }
  58%, 64% {
    transform: translate(calc(var(--orb-size) * 0.03), calc(var(--orb-size) * 0.015));
  }
  69%, 74% {
    transform: translate(calc(var(--orb-size) * 0.045), calc(var(--orb-size) * 0.07));
  }
  80%, 91% {
    transform: translate(0, calc(var(--orb-size) * 0.02));
  }
}
@keyframes la-orb-eye-expression {
  0%, 11%, 25%, 38%, 56%, 82%, 100% {
    transform: translateY(0) scale(1);
  }
  15%, 21% {
    transform: translateY(calc(var(--orb-size) * -0.015)) scale(1.08);
  }
  43%, 49% {
    transform: translateY(calc(var(--orb-size) * -0.008)) scaleX(0.96) scaleY(1.04);
  }
  69%, 75% {
    transform: translateY(calc(var(--orb-size) * -0.023)) scale(1.12);
  }
  88%, 92% {
    transform: translateY(0) scale(1.035);
  }
}
@keyframes la-orb-mouth-anchor {
  0%, 11%, 25%, 38%, 56%, 82%, 100% {
    transform: translateY(0) scale(1);
  }
  15%, 21% {
    transform: translateY(calc(var(--orb-size) * 0.008)) scaleX(1.02);
  }
  43%, 49% {
    transform: translateY(0) scaleX(0.98);
  }
  69%, 75% {
    transform: translateY(calc(var(--orb-size) * 0.008)) scaleX(0.92) scaleY(1.06);
  }
  88%, 92% {
    transform: translateY(0) scaleX(1.01);
  }
}
@media (prefers-reduced-motion: reduce) {
  .la-orb-loader,
  .la-orb-loader * {
    animation: none !important;
  }
}
.la-skeleton-card__image, .la-skeleton-card__category, .la-skeleton-card__title, .la-skeleton-card__location, .la-skeleton-card__detail, .la-skeleton-card__tag {
  background: linear-gradient(90deg, #FFF 0%, rgba(249, 249, 249, 0.5) 20%, rgba(245, 245, 245, 0.8) 60%, #FFF 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: shine-skeleton 1.5s linear infinite;
}
.la-skeleton-card__image {
  position: relative;
  border-radius: 0.5rem;
}
.la-skeleton-card__category {
  width: 5rem;
  height: 1.5rem;
  border: none;
}
.la-skeleton-card__title {
  width: 80%;
  height: 1.5rem;
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
}
.la-skeleton-card__location {
  width: 60%;
  height: 1rem;
  margin-bottom: 1.25rem;
  border-radius: 0.5rem;
}
.la-skeleton-card__detail {
  width: 100%;
  height: 1rem;
  border-radius: 0.5rem;
}
.la-skeleton-card__tag {
  width: 4rem;
  height: 1.5rem;
  margin: 0 0.5rem 0.5rem 0;
  border: none;
  color: transparent !important;
  background-color: transparent !important;
}

.la-spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4rem;
  padding: 0.5rem;
}

.la-spinner {
  width: 2.5rem;
  padding: 0.3rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #069393;
  --_m:
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: la-spinner-rotate 1s infinite linear;
}

@keyframes la-spinner-rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes shine-skeleton {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.la-sort-component--skeleton {
  width: 100%;
}
.la-sort-component__native-select-wrapper--skeleton {
  display: flex;
  align-items: center;
  position: relative;
  height: 2.5rem;
  padding: 0 1rem;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 12rem;
  margin-left: auto;
}
@media (min-width: 768px) {
  .la-sort-component__native-select-wrapper--skeleton {
    display: none;
  }
}
.la-sort-component__native-select--skeleton {
  background: linear-gradient(90deg, #FFF 0%, rgba(249, 249, 249, 0.5) 20%, rgba(245, 245, 245, 0.8) 60%, #FFF 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: shine-skeleton 1.5s linear infinite;
  width: 100%;
  height: 1.5rem;
  border-radius: 0.5rem;
}
.la-sort-component__desktop-wrapper--skeleton {
  display: none;
}
@media (min-width: 768px) {
  .la-sort-component__desktop-wrapper--skeleton {
    display: block;
  }
}
.la-sort-component__button--skeleton {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 1rem;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 12rem;
  margin-left: auto;
}
.la-sort-component__button-label--skeleton, .la-sort-component__button-value--skeleton {
  background: linear-gradient(90deg, #FFF 0%, rgba(249, 249, 249, 0.5) 20%, rgba(245, 245, 245, 0.8) 60%, #FFF 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: shine-skeleton 1.5s linear infinite;
  height: 1rem;
  border-radius: 0.5rem;
}
.la-sort-component__button-label--skeleton {
  width: 3.5rem;
  margin-right: 0.5rem;
}
.la-sort-component__button-value--skeleton {
  width: 5rem;
}

/**
 * Skip Links for Accessibility
 * ============================
 *
 * Hidden by default, visible on focus for keyboard navigation
 */
.la-skip-links {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  --la-skip-links-z-index: 1103;
  z-index: var(--la-skip-links-z-index);
}

.la-skip-link {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  background-color: #262626;
  color: #FFF;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  font-weight: 600;
  border-radius: 0 0 0.25rem 0.25rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.la-skip-link:focus {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  overflow: visible;
  display: inline-block;
  margin: 0.5rem;
  outline: 2px solid #069393;
  outline-offset: 2px;
  z-index: var(--la-skip-links-z-index);
}
.la-skip-link:hover {
  background-color: #069393;
  color: #FFF;
}

/**
 * Listing Show Page Grid Layout System
 * ====================================
 *
 * This component implements a responsive CSS Grid layout for listing show pages.
 * The layout transforms from a single-column mobile layout to a 3-column, 5-row
 * desktop layout with explicit grid placement.
 *
 * Layout Structure:
 * ----------------
 * Mobile (< 768px):     Single column stack
 * Desktop (>= 768px):   3-column, 5-row grid
 *
 * Grid Areas (Desktop):
 * --------------------
 * ┌─────────────────────────────────────────────────────────────────────────────┐
 * │                                         │                                     │
 * │  Main Content (About)                   │  Amenities                          │
 * │  Columns 1-2, Rows 1-2                 │  Column 3, Row 1                    │
 * │                                         │                                     │
 * ├─────────────────────────────────────────┼─────────────────────────────────────┤
 * │                                         │                                     │
 * │  (Main Content continues)               │  Food Options                       │
 * │                                         │  Column 3, Row 2                    │
 * │                                         │                                     │
 * ├─────────────────────────────────────────┼─────────────────────────────────────┤
 * │                                         │                                     │
 * │  Opening Hours                          │  Accessibility                      │
 * │  Columns 1-2, Row 3                    │  Column 3, Row 3                    │
 * │                                         │                                     │
 * ├─────────────────────────────────────────┼─────────────────────────────────────┤
 * │                                         │                                     │
 * │  Weather                                │  Location                           │
 * │  Columns 1-2, Rows 4-5                 │  Column 3, Rows 4-5                │
 * │                                         │                                     │
 * └─────────────────────────────────────────┴─────────────────────────────────────┘
 *
 * RTL Layout Support:
 * ------------------
 * For right-to-left languages, the grid layout is mirrored:
 * - Sidebar moves to the left (column 1)
 * - Main content moves to the right (columns 2-3)
 * - Text alignment and icon positioning are adjusted
 * - Carousel controls are flipped
 *
 * Browser Support:
 * ---------------
 * - Modern browsers: Full CSS Grid support with gap property
 * - IE11/Edge Legacy: CSS Grid support with grid-gap fallback
 * - Older browsers: Flexbox fallback with margin-based spacing
 * - RTL Support: All major browsers with dir="rtl" attribute
 *
 * Responsive Breakpoints:
 * ----------------------
 * - xs: 0px      (mobile)
 * - sm: 576px    (small tablets)
 * - md: 768px    (tablets - grid layout activates)
 * - lg: 992px    (desktop)
 * - xl: 1200px   (large desktop)
 * - xxl: 1440px  (extra large desktop)
 *
 * Implementation Notes:
 * --------------------
 * 1. Mobile-first approach with progressive enhancement
 * 2. Explicit grid placement using grid-column and grid-row
 * 3. Standardized gap system for consistent spacing
 * 4. Comprehensive fallbacks for older browsers
 * 5. Proper handling of overflow and text wrapping
 * 6. RTL language support with mirrored layouts
 */
.la-listing-show-page {
  padding: 1.5rem 1rem;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  /**
  * Main Content Grid Container
  * ===========================
  *
  * This is the primary grid container that houses all content cards.
  * It uses a mobile-first approach with progressive enhancement:
  *
  * 1. Mobile: Single column flexbox layout (fallback)
  * 2. Desktop: 3-column, 5-row CSS Grid layout
  *
  * The implementation prioritizes accessibility and browser compatibility
  * with comprehensive fallbacks for older browsers.
  */
  /**
  * Content Cards
  * =============
  *
  * Individual content cards that are placed within the grid.
  * Each card has a specific modifier class that determines its
  * grid placement in the desktop layout:
  *
  * - main-content: Spans 2x2 (columns 1-2, rows 1-2)
  * - opening-hours: Spans 2x1 (columns 1-2, row 3)
  * - weather: Spans 2x2 (columns 1-2, rows 4-5)
  * - amenities: Spans 1x1 (column 3, row 1)
  * - food-options: Spans 1x1 (column 3, row 2)
  * - accessibility: Spans 1x1 (column 3, row 3)
  * - location: Spans 1x2 (column 3, rows 4-5)
  */
  /**
   * List Components
   * ===============
   *
   * These components render lists of features (amenities, dietary options,
   * accessibility features) within the sidebar cards. They use a consistent
   * grid pattern:
   *
   * - Mobile: Single column
   * - Small screens+: Two columns
   * - Standardized gap system for consistent spacing
   * - Comprehensive fallbacks for older browsers
   */
}
@media (min-width: 576px) {
  .la-listing-show-page {
    padding: 1.5rem 2rem;
  }
}
@media (min-width: 992px) {
  .la-listing-show-page {
    padding: 1.5rem 3rem;
  }
}
.la-listing-show-page__back-nav {
  margin-bottom: 1rem;
}
.la-listing-show-page__back-link {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  text-align: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.la-listing-show-page__back-link .la-listing-show-page__back-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.375rem;
  color: #069393;
}
[dir=rtl] .la-listing-show-page__back-link .la-listing-show-page__back-icon {
  margin-right: 0;
  margin-left: 0.375rem;
  transform: scaleX(-1);
}
.la-listing-show-page__gallery {
  position: relative;
  background-color: #F5F5F5;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .la-listing-show-page__gallery {
    min-height: 350px;
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .la-listing-show-page__gallery {
    min-height: 400px;
  }
}
.la-listing-show-page__gallery-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: inherit;
}
.la-listing-show-page__hero-actions {
  position: absolute;
  top: calc(env(safe-area-inset-top, 0px) + 1rem);
  right: 1rem;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  pointer-events: auto;
}
.la-native .la-listing-show-page__hero-actions {
  display: none;
}
.la-listing-show-page__hero-favourite {
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
  z-index: 51;
}
.la-listing-show-page__hero-favourite.la-glass-container {
  border-radius: 50%;
  overflow: visible;
  align-items: stretch;
}
.la-listing-show-page__hero-favourite.la-glass-container:has(.is-favourited) .la-glass-overlay {
  background: rgba(255, 255, 255, 0.4);
}
.la-listing-show-page__hero-favourite .la-glass-content {
  width: 100%;
  height: 100%;
}
.la-listing-show-page__hero-favourite turbo-frame {
  display: block;
  width: 100%;
  height: 100%;
}
.la-listing-show-page__hero-favourite .la-favourite-container,
.la-listing-show-page__hero-favourite .la-favourite-toggle__form {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-listing-show-page__hero-favourite-button {
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #262626;
  touch-action: manipulation;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.la-listing-show-page__hero-favourite-button:active {
  transform: scale(0.95);
}
.la-listing-show-page__hero-favourite-icon {
  width: 1.35rem;
  height: 1.35rem;
  stroke: #262626;
  fill: rgba(255, 255, 255, 0.42);
  pointer-events: none;
}
.la-listing-show-page__hero-favourite-button.is-favourited .la-listing-show-page__hero-favourite-icon {
  stroke: #E25C3D;
  fill: #E25C3D;
}
@media (max-width: calc(768px - 1px)) {
  .la-listing-show-page {
    padding: 0 0 calc(5rem + env(safe-area-inset-bottom, 0px));
    max-width: 100%;
  }
  .la-native .la-listing-show-page {
    padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px));
  }
  .la-listing-show-page__gallery {
    min-height: 10rem;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .la-listing-show-page__content-grid {
    padding: 0 1rem;
    margin-top: -1.25rem;
    position: relative;
    z-index: 2;
  }
  .la-listing-show-page__card {
    border-radius: 1.15rem;
    padding: 0.72rem;
    box-shadow: 0 0.75rem 2rem rgba(38, 38, 38, 0.08);
  }
  .la-native .la-listing-show-page__content-grid {
    padding: 0;
    margin-top: -1.15rem;
    background-color: #FFF;
    border-radius: 1.18rem 1.18rem 0 0;
    overflow: hidden;
    box-shadow: none;
  }
  .la-native .la-listing-show-page__card--main-content {
    padding: 1rem 1rem 0;
    background-color: transparent;
    border: 0;
    border-radius: 1.18rem 1.18rem 0 0;
    box-shadow: none;
  }
  .la-native .la-listing-show-page__content-grid > .la-listing-show-page__card:not(.la-listing-show-page__card--main-content) {
    width: calc(100% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
.la-listing-show-page__content-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.la-listing-show-page__content-grid > * {
  margin-bottom: 1.5rem;
}
.la-listing-show-page__content-grid > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .la-listing-show-page__content-grid {
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: calc(-1 * 1.5rem / 2);
    margin-left: calc(-1 * 1.5rem / 2);
  }
  .la-listing-show-page__content-grid > * {
    padding-right: calc(1.5rem / 2);
    padding-left: calc(1.5rem / 2);
    margin-bottom: 1.5rem;
  }
}
@supports (display: grid) {
  .la-listing-show-page__content-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;
    margin-right: 0;
    margin-left: 0;
  }
  .la-listing-show-page__content-grid > * {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }
  @media (min-width: 768px) {
    .la-listing-show-page__content-grid {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(5, min-content);
      gap: 1.5rem;
    }
  }
}
@supports (display: grid) and (not (gap: 1rem)) {
  .la-listing-show-page__content-grid {
    grid-gap: 1.5rem;
  }
  @media (min-width: 768px) {
    .la-listing-show-page__content-grid {
      grid-gap: 1.5rem;
    }
  }
}
.la-listing-show-page__card {
  background-color: #FFF;
  border-radius: 0.5rem;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.la-listing-show-page__card:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
  .la-listing-show-page__card--main-content, .la-listing-show-page__card--opening-hours, .la-listing-show-page__card--weather {
    width: calc(66.666% - 1.5rem / 2);
  }
  .la-listing-show-page__card--amenities, .la-listing-show-page__card--food-options, .la-listing-show-page__card--accessibility, .la-listing-show-page__card--location {
    width: calc(33.333% - 1.5rem / 2);
  }
}
@supports (display: grid) {
  @media (min-width: 768px) {
    .la-listing-show-page__card {
      width: auto;
    }
  }
}
@media (min-width: 768px) {
  .la-listing-show-page__card--main-content {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  [dir=rtl] .la-listing-show-page__card--main-content {
    grid-column: 2/4;
  }
}
@media (min-width: 768px) {
  .la-listing-show-page__card--opening-hours {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  [dir=rtl] .la-listing-show-page__card--opening-hours {
    grid-column: 2/4;
  }
}
@media (min-width: 768px) {
  .la-listing-show-page__card--weather {
    grid-column: 1/3;
    grid-row: 4/6;
    display: flex;
    flex-direction: column;
  }
  [dir=rtl] .la-listing-show-page__card--weather {
    grid-column: 2/4;
  }
}
@media (min-width: 768px) {
  .la-listing-show-page__card--amenities {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  [dir=rtl] .la-listing-show-page__card--amenities {
    grid-column: 1/2;
  }
}
@media (min-width: 768px) {
  .la-listing-show-page__card--food-options {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  [dir=rtl] .la-listing-show-page__card--food-options {
    grid-column: 1/2;
  }
}
@media (min-width: 768px) {
  .la-listing-show-page__card--accessibility {
    grid-column: 3/4;
    grid-row: 3/4;
  }
  [dir=rtl] .la-listing-show-page__card--accessibility {
    grid-column: 1/2;
  }
}
@media (min-width: 768px) {
  .la-listing-show-page__card--location {
    grid-column: 3/4;
    grid-row: 4/6;
    display: flex;
    flex-direction: column;
  }
  [dir=rtl] .la-listing-show-page__card--location {
    grid-column: 1/2;
  }
}
.la-listing-show-page__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #262626;
  margin-bottom: 1rem;
  line-height: 1.2;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #F5F5F5;
}
.la-listing-show-page__title--compact {
  font-size: 1.125rem;
  font-weight: 600;
  color: #262626;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #F5F5F5;
}
.la-native .la-listing-show-page__title {
  color: #262626;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.18;
  margin-bottom: 0.5rem;
}
.la-listing-show-page .la-listing-carousel {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 0.5rem;
  overflow: hidden;
  min-width: 0;
}
.la-listing-show-page .la-listing-carousel__main {
  position: relative;
  width: 100%;
  height: 18rem;
  overflow: hidden;
}
@media (min-width: 576px) {
  .la-listing-show-page .la-listing-carousel__main {
    height: 22rem;
  }
}
@media (min-width: 768px) {
  .la-listing-show-page .la-listing-carousel__main {
    height: 26rem;
  }
}
@media (min-width: 992px) {
  .la-listing-show-page .la-listing-carousel__main {
    height: 30rem;
  }
}
.la-listing-show-page .la-listing-carousel__counter {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  background-color: rgba(38, 38, 38, 0.7);
  color: #FFF;
  padding: 0.375rem 1rem;
  border-radius: 9999px;
  font-size: 0.8125rem;
  font-weight: 500;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.la-listing-show-page .la-listing-carousel__control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease-in-out;
  margin: 0;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.la-listing-show-page .la-listing-carousel__control-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #262626;
  margin: 0;
}
.la-listing-show-page .la-listing-carousel__control:hover {
  background-color: #F5F5F5;
}
.la-listing-show-page .la-listing-carousel__control--prev {
  left: 1rem;
}
[dir=rtl] .la-listing-show-page .la-listing-carousel__control--prev {
  left: auto;
  right: 1rem;
}
.la-listing-show-page .la-listing-carousel__control--next {
  right: 1rem;
}
[dir=rtl] .la-listing-show-page .la-listing-carousel__control--next {
  right: auto;
  left: 1rem;
}
.no-js .la-listing-show-page .la-listing-carousel__control {
  display: none;
}
.la-native .la-listing-show-page .la-listing-carousel__control {
  display: none;
}
@media (max-width: calc(768px - 1px)) {
  .la-listing-show-page .la-listing-carousel__control {
    width: 2.75rem;
    height: 2.75rem;
    top: calc(env(safe-area-inset-top, 0px) + 1.75rem);
    transform: none;
    background-color: rgba(255, 255, 255, 0.82);
  }
  .la-listing-show-page .la-listing-carousel__control--prev {
    left: 1rem;
  }
  .la-listing-show-page .la-listing-carousel__control--next {
    right: 1rem;
  }
}
.la-listing-show-page .la-listing-carousel__fallback-nav {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  gap: 0.5rem;
  z-index: 10;
}
.la-listing-show-page .la-listing-carousel__fallback-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background-color: rgba(38, 38, 38, 0.7);
  color: #FFF;
  text-decoration: none;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: 500;
  transition: background-color 0.2s;
}
.la-listing-show-page .la-listing-carousel__fallback-link:hover {
  background-color: rgba(38, 38, 38, 0.9);
}
.la-listing-show-page .la-listing-carousel__fallback-link:focus {
  outline: 2px solid #069393;
  outline-offset: 2px;
}
.la-listing-show-page .la-listing-carousel__fallback-grid {
  display: none;
  padding: 1rem;
  background-color: #FFF;
}
.no-js .la-listing-show-page .la-listing-carousel__fallback-grid {
  display: block;
}
.la-listing-show-page .la-listing-carousel__fallback-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #262626;
  margin-bottom: 1rem;
  text-align: center;
}
.la-listing-show-page .la-listing-carousel__fallback-images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  max-height: 400px;
  overflow-y: auto;
}
.la-listing-show-page .la-listing-carousel__fallback-image {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.la-listing-show-page .la-listing-carousel__fallback-image img {
  width: 100%;
  height: auto;
  display: block;
}
.la-listing-show-page .la-listing-carousel__thumbnails {
  display: flex;
  padding: 0.5rem;
  background-color: #FFF;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.la-listing-show-page .la-listing-carousel__thumbnails::-webkit-scrollbar {
  display: none;
}
.no-js .la-listing-show-page .la-listing-carousel__thumbnails {
  display: none;
}
@media (max-width: calc(768px - 1px)) {
  .la-listing-show-page .la-listing-carousel__thumbnails {
    display: none;
  }
}
.la-listing-show-page .la-listing-carousel__thumbnail {
  flex: 0 0 auto;
  width: 6rem;
  height: 4rem;
  margin: 0 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s, transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
.la-listing-show-page .la-listing-carousel__thumbnail:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.la-listing-show-page .la-listing-carousel__thumbnail--active {
  opacity: 1;
  box-shadow: 0 0 0 2px #069393, 0 2px 4px rgba(0, 0, 0, 0.1);
}
.la-listing-show-page .la-listing-carousel__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.la-listing-show-page .la-listing-carousel__thumbnail-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.no-js .la-listing-show-page .la-listing-carousel__thumbnail-link {
  display: block;
}
.la-listing-show-page .la-listing-carousel__thumbnail-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.la-listing-show-page .la-listing-carousel .la-carousel__container {
  height: 100%;
}
.no-js .la-listing-show-page .la-listing-carousel .la-carousel__container {
  scroll-behavior: smooth;
}
.la-listing-show-page .la-listing-carousel .la-carousel__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .la-listing-show-page .la-listing-carousel .la-carousel__item img:hover {
    transform: scale(1.02);
  }
}
.la-native .la-listing-show-page .la-listing-carousel .la-carousel__item img {
  pointer-events: none;
  touch-action: manipulation;
  transition: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  transform: none;
}
.la-native .la-listing-show-page .la-listing-carousel .la-carousel__item img:hover, .la-native .la-listing-show-page .la-listing-carousel .la-carousel__item img:active {
  transform: none;
}
.no-js .la-listing-show-page .la-listing-carousel .la-carousel__item {
  display: block !important;
  position: static !important;
  margin-bottom: 1rem;
}
.no-js .la-listing-show-page .la-listing-carousel .la-carousel__item:last-child {
  margin-bottom: 0;
}
.la-listing-show-page__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  flex-direction: column;
}
.la-listing-show-page__header .la-listing-show-page__actions {
  margin-top: 0.75rem;
  align-self: flex-end;
}
[dir=rtl] .la-listing-show-page__header .la-listing-show-page__actions {
  align-self: flex-start;
}
@media (min-width: 576px) {
  .la-listing-show-page__header {
    flex-direction: row;
  }
  .la-listing-show-page__header .la-listing-show-page__actions {
    margin-top: 0;
    align-self: auto;
  }
}
.la-listing-show-page__heading-group {
  flex: 1;
  min-width: 0;
}
.la-listing-show-page__name {
  font-size: 2.5rem;
  font-weight: 700;
  color: #262626;
  margin-bottom: 0;
  line-height: 1.2;
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: calc(768px - 1px)) {
  .la-listing-show-page__name {
    font-size: 0.98rem;
    line-height: 1.15;
    letter-spacing: 0;
  }
}
.la-native .la-listing-show-page__name {
  color: #262626;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-weight: 800;
  line-height: 1.12;
}
.la-listing-show-page__subtitle {
  margin: 0.35rem 0 0;
  color: #757575;
  font-size: 0.9375rem;
  line-height: 1.35;
}
@media (max-width: calc(768px - 1px)) {
  .la-listing-show-page__subtitle {
    font-size: 0.7rem;
    line-height: 1.28;
  }
}
.la-listing-show-page__actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
.la-listing-show-page__actions .la-btn--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  transition: background-color 0.2s, transform 0.2s;
}
.la-listing-show-page__actions .la-btn--icon:hover {
  transform: translateY(-2px);
}
.la-listing-show-page__actions .la-btn--icon .la-listing-show-page__action-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #4F4F4F;
}
.la-listing-show-page__actions .la-btn--icon .la-listing-show-page__action-icon--favorite {
  stroke: currentColor;
  fill: transparent;
}
.la-listing-show-page__actions .la-btn--icon .la-listing-show-page__action-icon--favorite[data-active=true], .la-listing-show-page__actions .la-btn--icon .la-listing-show-page__action-icon--favorite.is-active {
  color: #E25C3D;
  fill: #E25C3D;
  stroke: #E25C3D;
}
.la-listing-show-page__actions .la-btn--icon .la-listing-show-page__action-icon--favorite:hover {
  color: #E25C3D;
}
.la-listing-show-page__actions .la-btn--icon .la-listing-show-page__action-icon--share:hover {
  color: #069393;
}
.la-listing-show-page__actions .la-btn--icon.la-favorite-toggle[data-active=true] .la-icon, .la-listing-show-page__actions .la-btn--icon.la-favorite-toggle.is-active .la-icon {
  color: #E25C3D;
  fill: #E25C3D;
}
.la-listing-show-page__actions .la-btn--icon.la-favorite-toggle:hover .la-icon {
  color: #E25C3D;
}
.la-listing-show-page__actions .la-favorite-toggle.active {
  background-color: rgb(245.8968609865, 203.8340807175, 194.1031390135);
  color: #E25C3D;
}
.la-listing-show-page__actions .la-favorite-toggle.active .la-icon {
  fill: currentColor;
}
.la-listing-show-page__share-fallback {
  display: none;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background-color: #F5F5F5;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
.no-js .la-listing-show-page__share-fallback {
  display: flex;
}
.la-listing-show-page__share-text {
  font-size: 0.875rem;
  font-weight: 500;
  color: #262626;
}
.la-listing-show-page__share-links {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.la-listing-show-page__share-links .la-btn {
  font-size: 0.75rem;
  padding: 0.375rem 0.75rem;
}
.la-listing-show-page__rating-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem calc(1.5rem / 1.5);
  margin-bottom: 1rem;
  font-size: 0.875rem;
  min-width: 0;
}
@media (max-width: calc(768px - 1px)) {
  .la-listing-show-page__rating-location {
    gap: 0.35rem 1rem;
    margin-bottom: 0.65rem;
  }
}
.la-native .la-listing-show-page__rating-location {
  display: none;
}
.la-listing-show-page__rating {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: #262626;
}
.la-listing-show-page__rating-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  color: #F4B63E;
}
[dir=rtl] .la-listing-show-page__rating-icon {
  margin-right: 0;
  margin-left: 0.25rem;
}
.la-listing-show-page__rating-icon svg {
  fill: currentColor;
  stroke: none;
}
.la-listing-show-page__rating-score {
  font-weight: 600;
  color: #262626;
  margin-right: 0.25rem;
}
.la-listing-show-page__rating-count {
  color: #757575;
}
.la-listing-show-page__primary-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.95fr);
  gap: 0.45rem;
  margin-bottom: 0.62rem;
}
@media (min-width: 576px) {
  .la-listing-show-page__primary-actions {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.9fr);
  }
}
.la-listing-show-page__primary-actions--single {
  grid-template-columns: minmax(0, 1fr);
}
.la-listing-show-page__plan-action {
  min-height: 2.05rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
  padding: 0.34rem 0.56rem;
  border-radius: 0.62rem;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.98), rgba(5, 104, 108, 0.94)), #069393;
  color: #FFF;
  text-decoration: none;
  box-shadow: 0 0.6rem 1.2rem rgba(6, 147, 147, 0.18);
}
.la-listing-show-page__plan-action-avatar {
  width: 1.34rem;
  height: 1.34rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  overflow: hidden;
}
.la-listing-show-page__plan-action-orb {
  --orb-size: 1.18rem;
}
.la-listing-show-page__plan-action-copy {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
  text-align: left;
}
.la-listing-show-page__plan-action-label {
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.1;
}
.la-listing-show-page__plan-action-note {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: calc(768px - 1px)) {
  .la-listing-show-page__plan-action-note {
    display: none;
  }
}
.la-listing-show-page__plan-action-arrow {
  width: 1rem;
  height: 1rem;
  color: rgba(255, 255, 255, 0.86);
}
.la-listing-show-page__primary-action, .la-listing-show-page__secondary-action {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.625rem;
  font-weight: 700;
  text-decoration: none;
}
.la-listing-show-page__secondary-action {
  background-color: rgba(6, 147, 147, 0.14);
  color: #05686C;
  border-color: transparent;
}
@media (max-width: calc(768px - 1px)) {
  .la-listing-show-page__secondary-action {
    min-height: 2.05rem;
    border-radius: 0.62rem;
    font-size: 0.72rem;
  }
}
.la-listing-show-page__primary-action-icon, .la-listing-show-page__secondary-action-icon {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}
.la-native .la-listing-show-page__primary-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.72rem;
}
.la-native .la-listing-show-page__primary-actions--single {
  grid-template-columns: minmax(0, 1fr);
}
.la-native .la-listing-show-page__plan-action, .la-native .la-listing-show-page__secondary-action {
  min-height: 3rem;
  border-radius: 0.72rem;
  font-size: 0.82rem;
}
.la-native .la-listing-show-page__plan-action {
  display: inline-flex;
  justify-content: center;
  gap: 0.52rem;
  padding: 0.46rem 0.72rem;
  background: linear-gradient(135deg, rgba(6, 147, 147, 0.98), rgba(5, 104, 108, 0.9)), #069393;
}
.la-native .la-listing-show-page__plan-action-avatar {
  width: 1.9rem;
  height: 1.9rem;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.la-native .la-listing-show-page__plan-action-orb {
  --orb-size: 1.72rem;
}
.la-native .la-listing-show-page__plan-action-orb .la-orb-loader__orb {
  border-color: transparent;
}
.la-native .la-listing-show-page__plan-action-copy {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
}
.la-native .la-listing-show-page__plan-action-label {
  font-size: 0.84rem;
  line-height: 1;
  white-space: nowrap;
}
.la-native .la-listing-show-page__plan-action-note, .la-native .la-listing-show-page__plan-action-arrow {
  display: none;
}
.la-native .la-listing-show-page__secondary-action {
  min-height: 3rem;
  font-size: 0.82rem;
}
.la-listing-show-page__mini-title {
  color: #262626;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 0.75rem;
}
@media (max-width: calc(768px - 1px)) {
  .la-listing-show-page__mini-title {
    font-size: 0.82rem;
    margin-bottom: 0.35rem;
  }
}
.la-native .la-listing-show-page__mini-title {
  color: #262626;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.18;
  margin-bottom: 0.5rem;
}
.la-listing-show-page__family-fit, .la-listing-show-page__practical, .la-native .la-listing-show-page__about, .la-native .la-listing-show-page__native-detail-card, .la-native .la-listing-show-page__location-card {
  background-color: #FFF;
  border: 1px solid rgba(38, 38, 38, 0.06);
  border-radius: 0.875rem;
  padding: 0.6rem;
  margin-bottom: 0.62rem;
  box-shadow: 0 0.45rem 1.15rem rgba(38, 38, 38, 0.05);
}
.la-native .la-listing-show-page__quick-info {
  padding: 0.6rem;
  margin-bottom: 0.62rem;
  border: 1px solid rgba(38, 38, 38, 0.06);
  border-radius: 0.875rem;
  background-color: #FFF;
  box-shadow: 0 0.45rem 1.15rem rgba(38, 38, 38, 0.05);
}
.la-native .la-listing-show-page__quick-info__badges {
  gap: 0.38rem;
}
.la-listing-show-page__confidence-header {
  margin-bottom: 0.45rem;
}
.la-listing-show-page__confidence-subtitle {
  margin: -0.45rem 0 0;
  color: #757575;
  font-size: 0.68rem;
  line-height: 1.3;
}
.la-native .la-listing-show-page__confidence-subtitle {
  margin-top: -0.32rem;
  font-size: 0.8rem;
  line-height: 1.28;
}
.la-listing-show-page__confidence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.24rem;
  padding-bottom: 0.45rem;
  border-bottom: 1px solid rgba(38, 38, 38, 0.06);
}
.la-native .la-listing-show-page__confidence-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  padding-bottom: 0;
  border-bottom: 0;
}
.la-listing-show-page__confidence-item {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0.08rem 0.1rem 0.45rem;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: transparent;
  color: inherit;
  min-width: 0;
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 0.12rem;
  text-align: center;
}
.la-native .la-listing-show-page__confidence-item {
  min-height: 5.15rem;
  align-content: start;
  justify-items: start;
  gap: 0.32rem;
  padding: 0.68rem 0.72rem 0.72rem;
  border: 1px solid rgba(38, 38, 38, 0.07);
  border-radius: 0.95rem;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.5) 100%);
  box-shadow: 0 0.38rem 1rem rgba(38, 38, 38, 0.045);
  text-align: left;
}
.la-listing-show-page__confidence-item--button {
  min-height: 3.4rem;
  border-radius: 0.75rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 160ms ease, transform 160ms ease;
}
.la-listing-show-page__confidence-item--button:active {
  background-color: rgba(6, 147, 147, 0.08);
  transform: scale(0.98);
}
.la-listing-show-page__confidence-icon-wrap {
  width: 1.45rem;
  height: 1.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(6, 147, 147, 0.08);
  color: #069393;
}
.la-native .la-listing-show-page__confidence-icon-wrap {
  width: 1.62rem;
  height: 1.62rem;
}
.la-native .la-listing-show-page__confidence-item--opening-hours .la-listing-show-page__confidence-icon-wrap, .la-native .la-listing-show-page__confidence-item--clock .la-listing-show-page__confidence-icon-wrap {
  background-color: rgba(41, 178, 126, 0.13);
  color: #12956a;
}
.la-native .la-listing-show-page__confidence-item--weather .la-listing-show-page__confidence-icon-wrap, .la-native .la-listing-show-page__confidence-item--sun .la-listing-show-page__confidence-icon-wrap {
  background-color: rgba(69, 148, 255, 0.14);
  color: #2275d7;
}
.la-native .la-listing-show-page__confidence-item--users .la-listing-show-page__confidence-icon-wrap {
  background-color: rgba(139, 112, 246, 0.14);
  color: #6550c8;
}
.la-native .la-listing-show-page__confidence-item--map-pin .la-listing-show-page__confidence-icon-wrap, .la-native .la-listing-show-page__confidence-item--parking .la-listing-show-page__confidence-icon-wrap {
  background-color: rgba(6, 147, 147, 0.11);
  color: #05686C;
}
.la-listing-show-page__confidence-icon {
  width: 0.86rem;
  height: 0.86rem;
}
.la-native .la-listing-show-page__confidence-icon {
  width: 0.92rem;
  height: 0.92rem;
}
.la-listing-show-page__confidence-label {
  color: #262626;
  font-size: 0.61rem;
  font-weight: 800;
  line-height: 1.1;
}
.la-native .la-listing-show-page__confidence-label {
  font-size: 0.76rem;
  line-height: 1.12;
}
.la-listing-show-page__confidence-disclosure {
  position: absolute;
  top: 0.42rem;
  right: 0.42rem;
  z-index: 1;
  width: 0.34rem;
  height: 0.34rem;
  border-right: 0.095rem solid currentColor;
  border-bottom: 0.095rem solid currentColor;
  border-radius: 0.015rem;
  color: rgba(38, 38, 38, 0.58);
  pointer-events: none;
  transform: rotate(45deg);
}
.la-native .la-listing-show-page__confidence-disclosure {
  top: 0.82rem;
  right: 0.82rem;
  width: 0.32rem;
  height: 0.32rem;
  border-width: 0.085rem;
  color: rgba(38, 38, 38, 0.48);
}
.la-listing-show-page__confidence-value {
  max-width: 100%;
  color: #757575;
  font-size: 0.58rem;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
}
.la-native .la-listing-show-page__confidence-value {
  font-size: 0.68rem;
  line-height: 1.18;
  white-space: normal;
}
.la-listing-show-page__support-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0.45rem -0.6rem -0.6rem;
  border-top: 1px solid rgba(38, 38, 38, 0.06);
}
.la-listing-show-page__support-tile {
  min-width: 0;
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.42rem 0.58rem;
}
.la-listing-show-page__support-tile:not(:last-child) {
  border-right: 1px solid rgba(38, 38, 38, 0.06);
}
.la-listing-show-page__support-icon-wrap {
  width: 1.55rem;
  height: 1.55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: rgba(6, 147, 147, 0.08);
  color: #069393;
}
.la-listing-show-page__support-icon {
  width: 0.88rem;
  height: 0.88rem;
}
.la-listing-show-page__support-copy {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}
.la-listing-show-page__support-label {
  color: #262626;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.15;
}
.la-listing-show-page__support-value {
  color: #757575;
  font-size: 0.62rem;
  line-height: 1.25;
}
.la-listing-show-page__map-preview {
  margin-bottom: 0.62rem;
}
.la-listing-show-page__map-preview .la-static-map {
  height: 6.35rem;
  min-height: 6.35rem;
  margin-bottom: 0;
  border-radius: 0.8rem;
  box-shadow: 0 0.45rem 1.15rem rgba(38, 38, 38, 0.06);
}
.la-listing-show-page__map-preview .la-static-map__frame {
  border-radius: 0.8rem;
}
.la-listing-show-page__map-preview .la-static-map__attribution {
  display: none;
}
.la-listing-show-page__map-preview .la-static-map__directions {
  position: absolute;
  right: 0.55rem;
  bottom: 0.55rem;
  width: auto;
  margin: 0;
  z-index: 12;
}
.la-listing-show-page__map-preview .la-static-map__directions-button {
  min-height: 2rem;
  width: auto;
  padding: 0.36rem 0.7rem;
  border: 0;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.94);
  color: #05686C;
  font-size: 0.75rem;
  font-weight: 800;
  box-shadow: 0 0.25rem 0.75rem rgba(38, 38, 38, 0.1);
}
.la-listing-show-page__map-preview .la-static-map__directions-icon {
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.3rem;
  color: #069393;
}
.la-listing-show-page__location-card .la-static-map {
  height: 8.5rem;
  min-height: 8.5rem;
  margin-bottom: 0.65rem;
  overflow: hidden;
  border-radius: 0.8rem;
  box-shadow: none;
}
.la-listing-show-page__location-card .la-static-map__frame {
  border-radius: 0.8rem;
}
.la-listing-show-page__location-card .la-static-map__attribution,
.la-listing-show-page__location-card .la-static-map__directions {
  display: none;
}
.la-listing-show-page__location-address {
  margin: 0 0 0.55rem;
  color: #4F4F4F;
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.3;
}
.la-listing-show-page__location-action {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  width: 100%;
  border-radius: 9999px;
  background: rgba(6, 147, 147, 0.1);
  color: #05686C;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
}
.la-listing-show-page__location-action-icon {
  width: 0.95rem;
  height: 0.95rem;
  color: #069393;
}
.la-listing-show-page__contact-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
}
.la-native .la-listing-show-page__contact-strip {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
.la-listing-show-page__contact-item {
  min-width: 0;
  min-height: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.16rem;
  padding: 0.25rem 0.2rem;
  color: #262626;
  text-align: center;
  text-decoration: none;
}
.la-listing-show-page__contact-item:hover, .la-listing-show-page__contact-item:focus {
  color: #05686C;
}
.la-native .la-listing-show-page__contact-item {
  min-height: 3.35rem;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  grid-template-areas: "icon label arrow" "icon value arrow";
  align-items: center;
  justify-items: start;
  gap: 0.08rem 0.62rem;
  padding: 0.58rem 0.15rem;
  text-align: left;
  text-decoration: none;
}
.la-native .la-listing-show-page__contact-item:hover, .la-native .la-listing-show-page__contact-item:focus {
  text-decoration: none;
}
.la-native .la-listing-show-page__contact-item * {
  text-decoration: none;
}
.la-native .la-listing-show-page__contact-item:not(:last-child) {
  border-bottom: 1px solid rgba(38, 38, 38, 0.06);
}
.la-native .la-listing-show-page__contact-item[href]::after {
  content: "";
  grid-area: arrow;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid rgba(38, 38, 38, 0.22);
  border-right: 2px solid rgba(38, 38, 38, 0.22);
  transform: rotate(45deg);
}
.la-listing-show-page__contact-icon {
  width: 1.08rem;
  height: 1.08rem;
  flex-shrink: 0;
  color: #069393;
}
.la-native .la-listing-show-page__contact-icon {
  grid-area: icon;
  width: 1.2rem;
  height: 1.2rem;
  justify-self: center;
}
.la-listing-show-page__contact-label {
  color: #757575;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.2;
}
.la-native .la-listing-show-page__contact-label {
  grid-area: label;
  font-size: 0.72rem;
  font-weight: 720;
  line-height: 1.15;
}
.la-listing-show-page__contact-value {
  max-width: 100%;
  color: #262626;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.18;
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.la-native .la-listing-show-page__contact-value {
  grid-area: value;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.2;
  -webkit-line-clamp: unset;
}
.la-listing-show-page__location {
  display: flex;
  align-items: center;
  color: #757575;
  min-width: 0;
}
.la-listing-show-page__location-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  color: #069393;
  flex-shrink: 0;
}
[dir=rtl] .la-listing-show-page__location-icon {
  margin-right: 0;
  margin-left: 0.25rem;
}
.la-listing-show-page__location span {
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.la-listing-show-page__website, .la-listing-show-page__phone {
  display: flex;
  align-items: center;
  font-size: inherit;
  min-width: 0;
  flex-wrap: wrap;
}
.la-listing-show-page__website-icon, .la-listing-show-page__phone-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.375rem;
  flex-shrink: 0;
}
.la-listing-show-page__website-icon {
  color: #069393;
}
.la-listing-show-page__phone-icon {
  color: #069393;
}
[dir=rtl] .la-listing-show-page__website-icon, [dir=rtl] .la-listing-show-page__phone-icon {
  margin-right: 0;
  margin-left: 0.375rem;
}
.la-listing-show-page__contact-link {
  color: #262626;
  text-decoration: none;
  transition: color 0.2s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.la-listing-show-page__contact-link:hover {
  color: #05686C;
  text-decoration: underline;
}
.la-listing-show-page__quick-info {
  margin-bottom: 1.5rem;
  min-width: 0;
}
.la-listing-show-page__quick-info__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 0;
}
@media (min-width: 576px) {
  .la-listing-show-page__quick-info__badges {
    gap: 0.75rem;
  }
}
.la-listing-show-page__info-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s, box-shadow 0.2s;
  flex-shrink: 0;
  max-width: 100%;
}
.la-listing-show-page__info-badge:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.la-listing-show-page__info-badge--age-group {
  background-color: rgba(226, 92, 61, 0.1);
  color: #C0472D;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.la-listing-show-page__info-badge--price-range {
  background-color: rgba(6, 147, 147, 0.1);
  color: #05686C;
}
.la-listing-show-page__info-badge--duration {
  background-color: rgba(226, 92, 61, 0.1);
  color: rgb(205.3094170404, 63.4977578475, 30.6905829596);
}
.la-listing-show-page__info-badge--activity-type {
  background-color: rgba(74, 122, 216, 0.1);
  color: #2B5CAA;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.la-listing-show-page__info-badge--accommodation-type {
  background-color: rgba(6, 147, 147, 0.1);
  color: #05686C;
}
.la-listing-show-page__info-badge--dietary-option {
  background-color: rgba(244, 182, 62, 0.1);
  color: #DB9C24;
}
.la-listing-show-page__info-badge--event-type {
  background-color: rgba(74, 122, 216, 0.1);
  color: #2B5CAA;
}
.la-listing-show-page__info-badge--recurring {
  background-color: rgba(6, 147, 147, 0.1);
  color: #05686C;
}
.la-listing-show-page__info-badge--tone-amenity {
  background-color: rgba(124, 200, 200, 0.34);
  border-color: rgba(6, 147, 147, 0.22);
  color: #05686C;
}
.la-listing-show-page__info-badge--tone-food {
  background-color: rgba(219, 156, 36, 0.16);
  border-color: rgba(219, 156, 36, 0.3);
  color: #9B6B12;
}
.la-listing-show-page__info-badge--tone-age {
  background-color: rgba(74, 122, 216, 0.13);
  border-color: rgba(74, 122, 216, 0.25);
  color: #2B5CAA;
}
.la-listing-show-page__info-badge--tone-type {
  background-color: rgba(244, 182, 62, 0.14);
  border-color: rgba(244, 182, 62, 0.28);
  color: #9B6B12;
}
.la-listing-show-page__info-badge--tone-access {
  background-color: rgba(226, 92, 61, 0.11);
  border-color: rgba(226, 92, 61, 0.24);
  color: #C0472D;
}
.la-listing-show-page__info-badge--tone-price {
  background-color: rgba(6, 147, 147, 0.12);
  border-color: rgba(6, 147, 147, 0.24);
  color: #05686C;
}
.la-listing-show-page__info-badge--tone-time {
  background-color: rgba(38, 38, 38, 0.045);
  border-color: rgba(38, 38, 38, 0.1);
  color: #4F4F4F;
}
.la-listing-show-page__info-badge--tone-neutral {
  background-color: rgba(255, 255, 255, 0.88);
  border-color: rgba(38, 38, 38, 0.08);
  color: #262626;
}
.la-listing-show-page__info-badge .la-icon {
  margin-right: 0.375rem;
  width: 1rem;
  height: 1rem;
}
[dir=rtl] .la-listing-show-page__info-badge .la-icon {
  margin-right: 0;
  margin-left: 0.375rem;
}
.la-native .la-listing-show-page__info-badge {
  gap: 0.28rem;
  padding: 0.34rem 0.52rem;
  border: 1px solid rgba(38, 38, 38, 0.07);
  background-color: rgba(255, 255, 255, 0.92);
  color: #262626;
  font-size: 0.68rem;
  font-weight: 720;
  line-height: 1.12;
  box-shadow: none;
}
.la-native .la-listing-show-page__info-badge-icon, .la-native .la-listing-show-page__info-badge .la-icon {
  width: 0.82rem;
  height: 0.82rem;
  flex: 0 0 auto;
  color: #069393;
}
.la-native .la-listing-show-page__info-badge--tone-amenity {
  background-color: rgba(124, 200, 200, 0.34);
  border-color: rgba(6, 147, 147, 0.22);
  color: #05686C;
}
.la-native .la-listing-show-page__info-badge--tone-food {
  background-color: rgba(219, 156, 36, 0.16);
  border-color: rgba(219, 156, 36, 0.3);
  color: #9B6B12;
}
.la-native .la-listing-show-page__info-badge--tone-age {
  background-color: rgba(74, 122, 216, 0.13);
  border-color: rgba(74, 122, 216, 0.25);
  color: #2B5CAA;
}
.la-native .la-listing-show-page__info-badge--tone-type {
  background-color: rgba(244, 182, 62, 0.14);
  border-color: rgba(244, 182, 62, 0.28);
  color: #9B6B12;
}
.la-native .la-listing-show-page__info-badge--tone-access {
  background-color: rgba(226, 92, 61, 0.11);
  border-color: rgba(226, 92, 61, 0.24);
  color: #C0472D;
}
.la-native .la-listing-show-page__info-badge--tone-price {
  background-color: rgba(6, 147, 147, 0.12);
  border-color: rgba(6, 147, 147, 0.24);
  color: #05686C;
}
.la-native .la-listing-show-page__info-badge--tone-time {
  background-color: rgba(38, 38, 38, 0.045);
  border-color: rgba(38, 38, 38, 0.1);
  color: #4F4F4F;
}
.la-native .la-listing-show-page__info-badge--tone-neutral {
  background-color: rgba(255, 255, 255, 0.88);
  border-color: rgba(38, 38, 38, 0.08);
  color: #262626;
}
.la-native .la-listing-show-page__info-badge--tone-food .la-icon, .la-native .la-listing-show-page__info-badge--tone-type .la-icon {
  color: #DB9C24;
}
.la-native .la-listing-show-page__info-badge--tone-age .la-icon {
  color: #2B5CAA;
}
.la-native .la-listing-show-page__info-badge--tone-access .la-icon {
  color: #C0472D;
}
.la-native .la-listing-show-page__info-badge--tone-price .la-icon, .la-native .la-listing-show-page__info-badge--tone-amenity .la-icon {
  color: #05686C;
}
.la-listing-show-page__about {
  margin-bottom: 0;
}
.la-listing-show-page__about .la-listing-show-page__description {
  color: #4F4F4F;
  line-height: 1.6;
  font-size: 1rem;
}
.la-listing-show-page__about .la-listing-show-page__description p {
  margin-bottom: 1rem;
}
.la-listing-show-page__about .la-listing-show-page__description p:last-child {
  margin-bottom: 0;
}
.la-native .la-listing-show-page__about {
  margin-bottom: 0.62rem;
}
.la-listing-show-page__about-preview {
  display: grid;
  gap: 0.45rem;
}
.la-listing-show-page__about-preview-text {
  display: -webkit-box;
  margin: 0;
  color: #4F4F4F;
  font-size: 0.82rem;
  line-height: 1.45;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.la-listing-show-page__text-action {
  justify-self: flex-start;
  min-height: 2.75rem;
  border: 0;
  padding: 0;
  background: transparent;
  color: #069393;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.la-listing-show-page__native-detail-card {
  display: grid;
  gap: 0.48rem;
}
.la-listing-show-page__detail-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
}
.la-listing-show-page__detail-chip {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  padding: 0.36rem 0.62rem;
  border: 1px solid rgba(38, 38, 38, 0.07);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.72);
  color: #262626;
  font-size: 0.7rem;
  font-weight: 760;
  line-height: 1.1;
}
.la-listing-show-page__detail-chip--tone-amenity {
  background-color: rgba(124, 200, 200, 0.34);
  border-color: rgba(6, 147, 147, 0.22);
  color: #05686C;
}
.la-listing-show-page__detail-chip--tone-food {
  background-color: rgba(219, 156, 36, 0.16);
  border-color: rgba(219, 156, 36, 0.3);
  color: #9B6B12;
}
.la-listing-show-page__detail-chip--tone-age {
  background-color: rgba(74, 122, 216, 0.13);
  border-color: rgba(74, 122, 216, 0.25);
  color: #2B5CAA;
}
.la-listing-show-page__detail-chip--tone-type {
  background-color: rgba(244, 182, 62, 0.14);
  border-color: rgba(244, 182, 62, 0.28);
  color: #9B6B12;
}
.la-listing-show-page__detail-chip--tone-access {
  background-color: rgba(226, 92, 61, 0.11);
  border-color: rgba(226, 92, 61, 0.24);
  color: #C0472D;
}
.la-listing-show-page__detail-chip--tone-price {
  background-color: rgba(6, 147, 147, 0.12);
  border-color: rgba(6, 147, 147, 0.24);
  color: #05686C;
}
.la-listing-show-page__detail-chip--tone-time {
  background-color: rgba(38, 38, 38, 0.045);
  border-color: rgba(38, 38, 38, 0.1);
  color: #4F4F4F;
}
.la-listing-show-page__detail-chip--tone-neutral {
  background-color: rgba(255, 255, 255, 0.88);
  border-color: rgba(38, 38, 38, 0.08);
  color: #262626;
}
.la-listing-show-page__compact-notes {
  display: grid;
  gap: 0.28rem;
}
.la-listing-show-page__compact-notes p {
  margin: 0;
  color: #4F4F4F;
  font-size: 0.8rem;
  line-height: 1.38;
}
.la-listing-show-page__compact-list {
  display: grid;
  gap: 0.4rem;
}
.la-listing-show-page__compact-row {
  min-height: 2.2rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: #262626;
  font-size: 0.82rem;
  font-weight: 800;
}
.la-listing-show-page__compact-row-icon {
  width: 1.55rem;
  height: 1.55rem;
  flex: 0 0 auto;
  padding: 0.38rem;
  border-radius: 50%;
  background: rgba(6, 147, 147, 0.08);
  color: #069393;
}
.la-listing-show-page__detail-sheet {
  display: grid;
  gap: 0.9rem;
}
.la-listing-show-page__detail-sheet-paragraph {
  margin: 0;
  color: #4F4F4F;
  font-size: 0.9rem;
  line-height: 1.55;
}
.la-listing-show-page__detail-sheet-section {
  display: grid;
  gap: 0.5rem;
  padding-top: 0.2rem;
}
.la-listing-show-page__detail-sheet-title {
  margin: 0;
  color: #262626;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.2;
}
.la-listing-show-page .la-modal--listing-detail {
  align-items: flex-end;
}
.la-listing-show-page .la-modal--listing-detail .la-modal__overlay {
  background-color: rgba(38, 38, 38, 0.34);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.la-listing-show-page .la-modal--listing-detail .la-modal__dialog {
  width: 100%;
  max-width: 100%;
  margin: 0;
  transform: translateY(100%);
}
.la-listing-show-page .la-modal--listing-detail.active .la-modal__dialog {
  transform: translateY(0);
}
.la-listing-show-page .la-modal--listing-detail .la-modal__content {
  max-height: min(78vh, 42rem);
  overflow: hidden;
  border: 0;
  border-radius: 1.35rem 1.35rem 0 0;
  box-shadow: 0 -1.2rem 3rem rgba(38, 38, 38, 0.16);
}
.la-listing-show-page .la-modal--listing-detail .la-modal__header {
  position: relative;
  padding: 1.25rem 1rem 0.55rem;
}
.la-listing-show-page .la-modal--listing-detail .la-modal__header::before {
  content: "";
  position: absolute;
  top: 0.48rem;
  left: 50%;
  width: 2.25rem;
  height: 0.25rem;
  border-radius: 9999px;
  background: rgba(38, 38, 38, 0.16);
  transform: translateX(-50%);
}
.la-listing-show-page .la-modal--listing-detail .la-modal__title {
  color: #262626;
  font-family: "Work Sans", "Helvetica", "sans-serif";
  font-size: 1.05rem;
  font-weight: 800;
}
.la-listing-show-page .la-modal--listing-detail .la-modal__body {
  max-height: calc(min(78vh, 42rem) - 4.25rem);
  overflow-y: auto;
  padding: 0.3rem 1rem calc(1.15rem + env(safe-area-inset-bottom, 0px));
}
.la-listing-show-page__description {
  font-size: 1rem;
  line-height: 1.5;
  color: #4F4F4F;
  line-height: 1.6;
}
.la-listing-show-page__description-content {
  display: flex;
  flex-direction: column;
}
.la-listing-show-page__description-paragraph {
  margin-bottom: 1rem;
}
.la-listing-show-page__description-paragraph:last-child {
  margin-bottom: 0;
}
.la-listing-show-page__section-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.la-listing-show-page__section-content .la-weather-widget {
  width: 100%;
  padding: 0.5rem;
  height: auto;
  border: none;
  box-shadow: none;
  border-radius: 0.5rem;
}
.la-listing-show-page__section-content .la-weather-widget__content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: auto;
}
.la-listing-show-page__section-content .la-weather-widget__header-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 1rem;
}
.la-listing-show-page__section-content .la-weather-widget__forecast {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  gap: 0.5rem;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .la-listing-show-page__section-content .la-weather-widget__content-wrapper {
    flex-direction: row;
    min-height: 8rem;
  }
  .la-listing-show-page__section-content .la-weather-widget__header-section {
    min-height: 8rem;
    padding-bottom: 0;
    flex: 0 0 auto;
  }
  .la-listing-show-page__section-content .la-weather-widget__forecast {
    flex: 1;
    min-height: 8rem;
    overflow-x: visible;
  }
}
.la-listing-show-page .la-amenities-list {
  display: grid;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 576px) {
  .la-listing-show-page .la-amenities-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}
@supports not (display: grid) {
  .la-listing-show-page .la-amenities-list {
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 576px) {
    .la-listing-show-page .la-amenities-list {
      flex-direction: row;
      flex-wrap: wrap;
    }
  }
}
.la-listing-show-page .la-amenities-list__item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  transition: transform 0.2s, color 0.2s;
  color: #4F4F4F;
  min-width: 0;
}
.la-listing-show-page .la-amenities-list__item:hover {
  transform: translateX(2px);
  color: #333;
}
@supports not (display: grid) {
  .la-listing-show-page .la-amenities-list__item {
    margin-bottom: 0.75rem;
  }
  @media (min-width: 576px) {
    .la-listing-show-page .la-amenities-list__item {
      width: calc(50% - 0.75rem / 2);
      margin-right: 0.75rem;
    }
    .la-listing-show-page .la-amenities-list__item:nth-child(2n) {
      margin-right: 0;
    }
  }
}
.la-listing-show-page .la-amenities-list__item-dot {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #069393;
  margin-right: 0.5rem;
  flex-shrink: 0;
  transition: transform 0.2s, background-color 0.2s;
  position: relative;
  border-radius: 9999px;
}
[dir=rtl] .la-listing-show-page .la-amenities-list__item-dot {
  margin-right: 0;
  margin-left: 0.5rem;
}
.la-listing-show-page .la-amenities-list__item-dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: inherit;
}
.la-listing-show-page .la-amenities-list__item-dot:hover {
  transform: scale(1.2);
  background-color: #046262;
}
.la-listing-show-page .la-dietary-list {
  display: grid;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 576px) {
  .la-listing-show-page .la-dietary-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}
@supports not (display: grid) {
  .la-listing-show-page .la-dietary-list {
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 576px) {
    .la-listing-show-page .la-dietary-list {
      flex-direction: row;
      flex-wrap: wrap;
    }
  }
}
.la-listing-show-page .la-dietary-list__item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  transition: transform 0.2s, color 0.2s;
  color: #4F4F4F;
  min-width: 0;
}
.la-listing-show-page .la-dietary-list__item:hover {
  transform: translateX(2px);
  color: #333;
}
@supports not (display: grid) {
  .la-listing-show-page .la-dietary-list__item {
    margin-bottom: 0.75rem;
  }
  @media (min-width: 576px) {
    .la-listing-show-page .la-dietary-list__item {
      width: calc(50% - 0.75rem / 2);
      margin-right: 0.75rem;
    }
    .la-listing-show-page .la-dietary-list__item:nth-child(2n) {
      margin-right: 0;
    }
  }
}
.la-listing-show-page .la-dietary-list__item-dot {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #069393;
  margin-right: 0.5rem;
  flex-shrink: 0;
  transition: transform 0.2s, background-color 0.2s;
  position: relative;
  border-radius: 0.125rem;
}
[dir=rtl] .la-listing-show-page .la-dietary-list__item-dot {
  margin-right: 0;
  margin-left: 0.5rem;
}
.la-listing-show-page .la-dietary-list__item-dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: inherit;
}
.la-listing-show-page .la-dietary-list__item-dot:hover {
  transform: scale(1.2);
  background-color: #046262;
}
.la-listing-show-page .la-accessibility-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.la-listing-show-page .la-accessibility-list__item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  transition: transform 0.2s, color 0.2s;
  color: #4F4F4F;
  min-width: 0;
}
.la-listing-show-page .la-accessibility-list__item:hover {
  transform: translateX(2px);
  color: #333;
}
.la-listing-show-page .la-accessibility-list__item-dot {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #2B5CAA;
  margin-right: 0.5rem;
  flex-shrink: 0;
  transition: transform 0.2s, background-color 0.2s;
  position: relative;
  border-radius: 0;
  transform: rotate(45deg);
  margin-right: 0.625rem;
}
[dir=rtl] .la-listing-show-page .la-accessibility-list__item-dot {
  margin-right: 0;
  margin-left: 0.5rem;
}
[dir=rtl] .la-listing-show-page .la-accessibility-list__item-dot {
  margin-right: 0;
  margin-left: 0.625rem;
}
.la-listing-show-page .la-accessibility-list__item-dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: inherit;
}
.la-listing-show-page .la-accessibility-list__item-dot:hover {
  transform: scale(1.2) rotate(45deg);
  background-color: rgb(32.7042253521, 69.9718309859, 129.2957746479);
}

.la-static-map {
  position: relative;
  width: 100%;
  flex: 1;
  min-height: 12rem;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.la-static-map__frame {
  border: none;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s;
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.la-static-map__frame:hover {
  opacity: 0.95;
}
.la-static-map__attribution {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  z-index: 10;
  transition: background-color 0.2s;
}
.la-static-map__attribution:hover {
  background-color: #FFF;
}
.la-static-map__link {
  color: #069393;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.la-static-map__link-icon {
  height: 0.875rem;
  width: 0.875rem;
  color: #069393;
  transition: transform 0.2s ease, color 0.2s ease;
}
.la-static-map__link-icon svg {
  stroke: currentColor;
  stroke-width: 2px;
  fill: none;
}
.la-static-map__link:hover .la-static-map__link-icon {
  transform: scale(1.1);
}
.la-static-map__link:hover {
  color: #05686C;
  text-decoration: underline;
}
.la-static-map--placeholder {
  background-color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-static-map__no-location {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #757575;
}
.la-static-map__no-location .la-icon {
  margin-bottom: 0.5rem;
}
.la-static-map__no-location p {
  margin: 0;
  font-size: 0.875rem;
}
.la-static-map__directions {
  margin-bottom: 1rem;
  width: 100%;
}
.la-static-map__directions-icon {
  height: 1rem;
  width: 1rem;
  margin-right: 0.5rem;
  color: #069393;
  transition: transform 0.2s ease, color 0.2s ease;
}
.la-static-map__directions-icon svg {
  stroke: currentColor;
  stroke-width: 2px;
  fill: none;
}
.la-static-map__directions-button:hover .la-static-map__directions-icon {
  transform: scale(1.1);
}
.la-static-map__directions-button {
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  height: auto;
  text-align: center;
  justify-content: center;
}
.la-static-map__directions-text {
  display: inline-block;
}

.content-wrapper {
  padding-top: var(--la-navbar-height);
  width: 100%;
  height: auto;
  transition: padding-top 0.3s ease;
  overflow: visible;
  background: transparent;
}
@media (min-width: 768px) {
  .content-wrapper {
    overflow-x: clip;
    overflow-y: visible;
    position: relative;
  }
}

.la-navbar--scrolled + .content-wrapper {
  padding-top: var(--la-navbar-height-scrolled);
}

.la-container {
  padding: 0 0.9375rem;
}

.la-carousel__item img {
  height: 13rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.la-type-list-container {
  padding: 0.625rem;
}

.la-premium-modal {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  z-index: 1050;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.25s, opacity 0.25s ease-in-out;
}
.la-premium-modal.is-visible {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.la-premium-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(38, 38, 38, 0.6);
  cursor: pointer;
}
.la-premium-modal__content {
  position: relative;
  background-color: #FFF;
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(38, 38, 38, 0.15);
  width: min(100%, 30rem);
  max-width: 480px;
  max-height: calc(100dvh - 2rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.la-premium-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #BDBDBD;
}
.la-premium-modal__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #262626;
  margin: 0;
}
.la-premium-modal__close-button {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding: 0;
  border: 1px solid rgba(6, 147, 147, 0.35);
  border-radius: 999px;
  background: rgba(6, 147, 147, 0.08);
  color: #757575;
}
.la-premium-modal__close-button:hover {
  color: #262626;
  background: rgba(6, 147, 147, 0.14);
}
.la-premium-modal__close-icon {
  width: 1.2rem;
  height: 1.2rem;
}
.la-premium-modal__body {
  padding: 1.5rem;
  overflow-y: auto;
  min-height: 0;
  overscroll-behavior: contain;
}
.la-premium-modal__banner {
  text-align: center;
  margin-bottom: 1.5rem;
}
.la-premium-modal__banner h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #262626;
  margin: 0.5rem 0;
}
.la-premium-modal__banner p {
  font-size: 1rem;
  color: #757575;
  margin: 0;
}
.la-premium-modal__banner-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.75rem;
  color: #069393;
}
.la-premium-modal__features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.la-premium-modal__feature-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.la-premium-modal__feature-icon {
  width: 2rem;
  height: 2rem;
  color: #069393;
  flex-shrink: 0;
  margin-top: 0.25rem;
}
.la-premium-modal__feature-text {
  min-width: 0;
}
.la-premium-modal__feature-text h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #262626;
  margin: 0 0 0.25rem;
  overflow-wrap: anywhere;
}
.la-premium-modal__feature-text p {
  font-size: 0.875rem;
  color: #757575;
  margin: 0;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.la-premium-modal__footer {
  padding: 1.5rem;
  border-top: 1px solid #BDBDBD;
  background-color: #F9F9F9;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (max-width: 480px) {
  .la-premium-modal {
    padding: 0.75rem;
  }
  .la-premium-modal__content {
    width: 100%;
    max-height: calc(100dvh - 1.5rem);
    border-radius: 0.25rem;
  }
  .la-premium-modal__header, .la-premium-modal__body, .la-premium-modal__footer {
    padding: 1rem;
  }
  .la-premium-modal__banner h4 {
    font-size: 1.25rem;
    line-height: 1.35;
  }
  .la-premium-modal__features-list {
    gap: 1rem;
  }
  .la-premium-modal__feature-item {
    gap: 0.75rem;
  }
}
.la-weather-card {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
  min-height: 2.75rem;
  overflow: hidden;
}
.la-weather-card:hover {
  transform: translateY(-1px);
}
@media (hover: none) and (pointer: coarse) {
  .la-weather-card:hover {
    transform: none;
  }
}
.la-weather-card:focus-visible {
  outline: 2px solid #069393;
  outline-offset: 2px;
}
@media (hover: none) and (pointer: coarse) {
  .la-weather-card:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
  }
}
.la-weather-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  background: linear-gradient(to right, #FFF 0%, rgba(6, 147, 147, 0.1) 100%);
  box-sizing: border-box;
}
.la-weather-card__preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  flex: 1;
  min-height: 0;
}
@media (max-width: 480px) {
  .la-weather-card__preview {
    margin: 0 1rem;
    gap: 0.75rem;
  }
}
.la-weather-card__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.la-weather-card__temp-location {
  font-size: 0.875rem;
  font-weight: 700;
  color: #262626;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .la-weather-card__temp-location {
    font-size: 0.8125rem;
  }
}
.la-weather-card__condition {
  font-size: 0.75rem;
  color: #757575;
  line-height: 0.8;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .la-weather-card__condition {
    font-size: 0.6875rem;
    margin-top: 0.125rem;
  }
}
.la-weather-card__lock-icon {
  width: 1rem;
  height: 1rem;
  color: #4F4F4F;
  flex-shrink: 0;
}
.la-weather-card__footer {
  background-color: #069393;
  color: #FFF;
  padding: 0rem 1.1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.65rem;
  font-weight: 500;
  width: 100%;
  height: 35%;
  gap: 0.5rem;
}
@media (max-width: 480px) {
  .la-weather-card__footer {
    padding: 0rem 1rem;
    font-size: 0.6rem;
    gap: 0.375rem;
    min-height: 1.5rem;
  }
}
.la-weather-card__cta {
  line-height: 0.2;
}
.la-weather-card__arrow {
  width: 0.875rem;
  height: 0.875rem;
  stroke: currentColor;
  stroke-width: 2;
}
.la-weather-card__temp-location--blurred, .la-weather-card__condition--blurred {
  filter: blur(1.5px);
  opacity: 0.8;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}

.la-weekly-picks {
  margin-bottom: 0;
  margin-top: 0.5rem;
}
.la-weekly-picks--hidden {
  display: none;
}
.la-weekly-picks--fade-out {
  animation: la-weekly-picks-fade-out 0.2s ease-in forwards;
}
@media (hover: hover) and (pointer: fine) {
  .la-weekly-picks .la-horizontal-carousel__scroll-button--dismiss {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .la-weekly-picks:hover .la-horizontal-carousel__scroll-button--dismiss, .la-weekly-picks:focus-within .la-horizontal-carousel__scroll-button--dismiss,
  .la-weekly-picks .la-horizontal-carousel__scroll-button--dismiss:focus-visible {
    opacity: 1;
    pointer-events: auto;
  }
}

.la-card__weekly-badge {
  position: relative;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease-out;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.la-card__weekly-badge .la-glass-filter {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.la-card__weekly-badge .la-glass-overlay {
  background: rgba(255, 255, 255, 0.2);
}
.la-card__weekly-badge .la-glass-content {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.la-card:hover .la-card__weekly-badge {
  transform: scale(1.1);
}

.la-card:hover .la-card__weekly-icon {
  filter: drop-shadow(0 2px 4px rgba(234, 88, 12, 0.5));
}

.la-card__weekly-icon {
  width: 1rem;
  height: 1rem;
  color: #ea580c;
  filter: drop-shadow(0 1px 2px rgba(234, 88, 12, 0.3));
}

@keyframes la-weekly-picks-fade-out {
  to {
    transform: translateY(0.5rem) scale(0.98);
    opacity: 0;
  }
}
dotlottie-wc,
lottie-player {
  display: block;
  min-height: 2rem;
  min-width: 2rem;
  aspect-ratio: 1;
}
dotlottie-wc:not([data-loaded=true]),
lottie-player:not([data-loaded=true]) {
  background: #F9F9F9;
  border-radius: 0.2rem;
  position: relative;
}
dotlottie-wc:not([data-loaded=true])::before,
lottie-player:not([data-loaded=true])::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  border: 2px solid #BDBDBD;
  border-top: 2px solid #069393;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

input[type=date]:not(.flatpickr-input),
.flatpickr:not(.flatpickr-input),
[data-flatpickr]:not(.flatpickr-input) {
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.la-weather-widget[data-loading=true] {
  background: #F9F9F9;
  border-radius: 0.25rem;
  position: relative;
  min-height: 3rem;
}
.la-weather-widget[data-loading=true]::before {
  content: "Loading weather data...";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #757575;
  font-size: 0.875rem;
}

.la-horizontal-carousel__container {
  min-height: 20rem;
}
.la-horizontal-carousel__container:empty {
  background: #F9F9F9;
  border-radius: 0.25rem;
  position: relative;
}
.la-horizontal-carousel__container:empty::before {
  content: "Loading content...";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #757575;
  font-size: 0.875rem;
}

[data-turbo-frame] {
  min-height: 2rem;
}
[data-turbo-frame][data-loading=true] {
  position: relative;
}
[data-turbo-frame][data-loading=true]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(189, 189, 189, 0.2), transparent);
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 48rem) {
  .la-horizontal-carousel__container {
    min-height: 18rem;
  }
  dotlottie-wc,
  lottie-player {
    min-height: 1.5rem;
    min-width: 1.5rem;
  }
}
.la-body {
  background: linear-gradient(180deg, rgba(124, 200, 200, 0.16) 0%, rgba(245, 245, 245, 0.58) 36%, rgba(255, 255, 255, 0.96) 100%);
  background-attachment: fixed;
}

.content-wrapper {
  padding-top: var(--la-navbar-height);
  width: 100%;
  transition: padding-top 0.3s ease;
  overflow-x: clip;
  overflow-y: visible;
  position: relative;
  background: transparent;
}

.la-navbar--scrolled + .content-wrapper {
  padding-top: var(--la-navbar-height-scrolled);
}

.la-body--standalone-auth .content-wrapper {
  padding-top: 0;
}