@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap');@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('/assets/HelveticaNeueLTPro-Lt-27fe0634.woff2') format('woff2'),
        url('/assets/HelveticaNeueLTPro-Lt-0fd9da21.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/assets/SFProDisplay-Bold-6585e3ed.woff2') format('woff2'),
        url('/assets/SFProDisplay-Bold-8e73a9fe.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/assets/SFProDisplay-Regular-3c8d8ed8.woff2') format('woff2'),
        url('/assets/SFProDisplay-Regular-6ee4c163.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/assets/SFProDisplay-Medium-932ce38a.woff2') format('woff2'),
        url('/assets/SFProDisplay-Medium-ecffea85.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ***** Common Css **** */
:root {
    scroll-behavior: initial;

}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

img {
    display: block;
}

a,
button {
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.main-wrpper {
    height: 100%;
    width: 100%;
}

.container {
    max-width: 1440px;
    margin: 0 auto;
}


html {
  overflow-y: scroll; /* Always show scrollbar space, even if not needed */
}

/* === GLOBAL SCROLLBAR STYLING === */

/* For modern browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #cfd8e3; /* soft gray */
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
  transition: background-color 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #4486f6; /* your brand blue */
}

/* For Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #cfd8e3 transparent;
}

.filter-action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 9999px;
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.1), rgba(6, 182, 212, 0.1));
  backdrop-filter: blur(6px);
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.filter-action:hover {
  border-color: rgba(59, 130, 246, 0.6);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.filter-action span {
  font-size: 0.9rem;
  font-weight: 600;
  background: linear-gradient(90deg, #3b82f6, #06b6d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.filter-action svg {
  width: 16px;
  height: 16px;
  stroke: #3b82f6;
}



.rent-type-switcher {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #F5F5F5;
  width: fit-content;
  padding: 4px;
  border-radius: 9999px;
}

.rent-type-switcher .filter-btn {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 9999px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #111;
  background: transparent;
  cursor: pointer;
  transition: all 0.25s ease;
}

.rent-type-switcher .filter-btn:hover {
  background: rgba(255, 255, 255, 0.8);
}

.rent-type-switcher .filter-btn.active {
  color: #fff;
  background: linear-gradient(90deg, #0EA5E9, #2563EB);
}
/* ***** End Common Css **** */


/* === GENERAL LAYOUT === */
.airy-navbar {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  color: white;
  background: hsl(215.45deg 31.43% 13.73%);
  backdrop-filter: blur(10px);
  font-family: Inter, sans-serif;
}

/* === LOGO === */
.airy-navbar .logo {
  display: flex;
  align-items: center;
  min-width: 6rem;
}

/* === NAV MENU === */
.airy-navbar .nav-menu {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.airy-navbar .nav-menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  position: relative;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
  z-index: 1;
}

.airy-navbar .nav-menu a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  box-shadow: 0 0 12px rgba(0, 223, 216, 0.4);
  transform: scale(0.85);
  opacity: 0;
  transition: all 0.35s ease;
  z-index: -1;
}

.airy-navbar .nav-menu a:hover::before,
.airy-navbar .nav-menu a.active::before {
  transform: scale(0.99);
  opacity: 1;
}

.airy-navbar .nav-menu a:hover,
.airy-navbar .nav-menu a.active {
  color: #FFF;
}

.airy-navbar .nav-menu a img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  opacity: 0.8;
  transition: opacity 0.25s ease, filter 0.25s ease;
}

/* Hover / Active icons brighter */
.airy-navbar .nav-menu a:hover img,
.airy-navbar .nav-menu a.active img {
  opacity: 1;
}

/* === TOOLTIP === */
.airy-navbar .nav-item-tooltip {
  position: relative;
}

.airy-navbar .nav-item-tooltip .tooltip {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.5rem;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.airy-navbar .nav-item-tooltip:hover .tooltip {
  opacity: 1;
}

/* === SEARCH BAR === */
.airy-navbar .search-bar {
  position: relative;
}

.airy-navbar .search-bar input {
  width: 160px;
  padding: 0.5rem 2.5rem 0.5rem 0.75rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(6px);
  outline: none;
  transition: all 0.3s ease;
}

.airy-navbar .search-bar input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.airy-navbar .search-bar input:focus {
  border-color: #0ea5e9;
  box-shadow: 0 0 0 2px #0ea5e9;
}

.airy-navbar .search-btn {
  position: absolute;
  top: 54%;
  right: 6px;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.airy-navbar .search-btn:hover {
  opacity: 0.8;
}

.airy-navbar .search-btn img {
  width: 20px;
  height: 20px;
}

/* === RIGHT CONTROLS === */
.airy-navbar .controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* === ICON BUTTONS === */
.airy-navbar .wishlist-btn,
.airy-navbar .profile-btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.airy-navbar .wishlist-btn {
  background: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
}

.airy-navbar .wishlist-btn:hover {
  animation: pulse 1s infinite alternate;
  box-shadow: 0 0 20px #00dfd8, 0 0 30px #0ea5e9;
}

.airy-navbar .profile-btn {
  background: black;
  border: 2px solid #0ea5e9;
}

.airy-navbar .profile-btn:hover {
  animation: pulse 1s infinite alternate;
  box-shadow: 0 0 20px #00dfd8, 0 0 30px #0ea5e9;
}

.airy-navbar .wishlist-btn img,
.airy-navbar .profile-btn img {
  width: 20px;
  height: 20px;
}

@keyframes pulse {
  from {
    box-shadow: 0 0 10px #00dfd8, 0 0 15px #0ea5e9;
  }
  to {
    box-shadow: 0 0 25px #00dfd8, 0 0 40px #0ea5e9;
  }
}

/* === LANGUAGE DROPDOWN === */
.airy-navbar .lang-dropdown {
  position: relative;
}

.airy-navbar .lang-dropdown.mobile {
  display: none;
}

.airy-navbar .lang-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  width: 80px;
  padding: 0.5rem 0.75rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  cursor: pointer;
  transition: background 0.3s ease;
}

.airy-navbar .lang-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

.airy-navbar .lang-btn img {
  width: 16px;
  height: 16px;
}

.airy-navbar .lang-btn img:last-child {
  transition: transform 0.3s ease;
}

.airy-navbar .lang-dropdown.open .lang-btn img:last-child {
  transform: rotate(180deg);
}

/* Dropdown menu */
.airy-navbar .lang-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  margin-top: 0.25rem;
  background: rgba(20, 24, 40, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  backdrop-filter: blur(6px);
  list-style: none;
  padding: 0;
  z-index: 999999;
}

.airy-navbar .lang-dropdown.open .lang-menu {
  display: block;
}

.airy-navbar .lang-menu li a {
  display: block;
  padding: 0.5rem;
  color: white;
  text-decoration: none;
  border-radius: 0.5rem;
  transition: background 0.2s ease;
}

.airy-navbar .lang-menu li a:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* === BURGER MENU === */
.airy-navbar .burger {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: background 0.3s ease;
}

.airy-navbar .burger:hover {
  background: rgba(255, 255, 255, 0.2);
}

.airy-navbar .burger .line {
  width: 20px;
  height: 2px;
  background: white;
  border-radius: 2px;
}

/* === MOBILE MENU === */
.airy-navbar .mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: hsl(215.45deg 31.43% 13.73%);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  z-index: 999;

  /* 🔹 Animation defaults */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.25s ease,
  transform 0.25s ease,
  visibility 0.25s ease;
}


.airy-navbar .mobile-top {
  display: flex;
  gap: 0.75rem;
}

.airy-navbar .mobile-top button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 40px;
  border-radius: 10px;
  font-size: 15px;
  color: white;
  background: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  transition: background 0.3s ease;
}

.airy-navbar .mobile-top button:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* === MOBILE MENU LINK ICONS === */
.airy-navbar .mobile-menu a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  padding: 0.6rem 0.75rem;
  border-radius: 8px;
  transition: background 0.3s ease, color 0.3s ease, filter 0.3s ease;
}

.airy-navbar .mobile-menu a img {
  width: 18px;
  height: 18px;
  opacity: 0.8;
  transition: opacity 0.25s ease, filter 0.25s ease;
}

/* Hover / Active state — brighter icons */
.airy-navbar .mobile-menu a:hover img,
.airy-navbar .mobile-menu a.active img {
  opacity: 1;
}

.airy-navbar .mobile-menu a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #FFF;
}

/* === RESPONSIVE === */
@media (max-width: 1220px) {
  .airy-navbar .nav-menu,
  .airy-navbar .search-bar,
  .airy-navbar .controls {
    display: none;
  }

  .airy-navbar .burger {
    display: flex;
  }

  .airy-navbar.menu-open .mobile-menu {
    display: flex;
  }

  .airy-navbar.menu-open .mobile-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .airy-navbar .lang-dropdown.mobile {
    display: block;
  }

  .airy-navbar .mobile-menu .search-bar {
    display: flex;
    width: 100%;
  }

  .airy-navbar .mobile-menu .search-bar input {
    width: 100%;
    padding: 0.6rem 2.5rem 0.6rem 0.75rem;
  }
}

/* **** Home Page **** */
.home-wrpper {
    padding: 4px;
    background: #fff;
    font-family: "Manrope", sans-serif;
    max-width: 1920px;
    margin: 0 auto;
}

.home-wrpper .container {
    margin: 0 auto;
    max-width: 1280px;
}

header.home-header {
    z-index: 1;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px 0;
    background: transparent;
    border: none;
}

.home-nav-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-logo img {
    display: table;
    height: 36px;
}

.btn-bar {
    display: none;
}

.btn-bar img {
    height: 20px;
}

.hm-navrw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.home-navbar {
    margin: 0 auto;
}

.home-navbar ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-navbar ul li {
    margin-right: 35px;
}

.home-navbar ul li:last-child {
    margin: 0;
}

.home-navbar ul li a {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    display: block;
    color: rgba(255, 255, 255, 0.7);
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.home-navbar ul li.active a,
.home-navbar ul li a:hover {
    color: #4486F6;
}

.close-toggle {
    display: none;
}

.btn-nav {
    padding: 12px 30px;
    background: #4486F6;
    border-radius: 50px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.btn-nav:hover {
    background: #fff;
    color: #4486F6;
}

.home-hero-banner {
    position: relative;
    height: 63vh;
    width: 100%;
}

.hero-container {
    background: radial-gradient(50% 50% at 50% 50%, #1A2031 0%, #161515 100%);
    border-radius: 32px;
    position: relative;
    height: 100%;
}

.hero-center {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 1;
}

.banner-data {
    max-width: 830px;
}

.banner-data h1 {
    margin: 0 0 20px;
    font-size: 54px;
    font-weight: bold;
    color: #fff;
    line-height: 120%;
    min-height: 129px;
    max-width: 750px;
}

.banner-data p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    max-width: 460px;
    margin: 0 0 30px;
}

.btn-main {
    padding: 15px 45px;
    background: #4486F6;
    border-radius: 100px;
    border: none;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    display: table;
}

.btn-main:hover {
    background: #333;
    color: #fff;
}

.hero-img {
    width: 40%;
    position: absolute;
    right: 0;
    bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hero-img figure img {
    width: 100%;
}

.virtual-block {
    max-width: 380px;
    width: 100%;
    border-radius: 20px;
    position: absolute;
    bottom: -0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.virtual-block:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 120px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    backdrop-filter: blur(2.13943px);
    bottom: 0;
    left: 0;
    right: 0;
}

.virtual-block img {
    width: 100%;
}

.virtual-data {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px 20px;
    z-index: 2;
}

.virtual-data .virtual-icon {
    width: 46.36px;
    height: 46.36px;
    background: rgba(105, 102, 102, 0.35);
    backdrop-filter: blur(1.65577px);
    border-radius: 25.6645px;
    margin: 0 auto 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.virtual-data .virtual-icon img {
    width: 22px;
}

.virtual-data h2 {
    font-weight: 500;
    font-size: 26.4924px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
}

.line-rw {
    position: absolute;
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 2;
}

.hero-filter-row {
    padding: 15px 15px 0 0;
    position: absolute;
    background: #fff;
    border-radius: 0 30px 0 0;
    bottom: 0;
    left: 0;
    max-width: 65%;
    width: 100%;
    min-height: 100px;
}

.hero-filter-row:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 30px, #fff 31px);
    background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 30px, #fff 31px);
    right: -30px;
    bottom: 0;
}

.hero-filter-row:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 30px, #fff 31px);
    background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 30px, #fff 31px);
    left: 0;
    top: -30px;
}

.filter-hero-bx {
    padding: 20px 15px;
    background: #fff;
    box-shadow: 0px 4px 30px rgba(103, 103, 109, 0.25);
    border-radius: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
}

.filter-hero-bx .form-group {
    margin: 0;
    position: relative;
    width: 100%;
}

.filter-hero-bx .form-group label {
    margin: 0 0 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #000000;
    display: block;
}

.filter-hero-bx .form-group .form-control {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #EDEDED;
    height: auto;
    box-shadow: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.4);
    display: block;
    width: 100%;
    outline: none;
}

.filter-hero-bx button {
    padding: 11px 20px;
    /* background: #4486F6; */
    border-radius: 100px;
    border: none;
    max-width: 70px;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-hero-bx button:hover {
    background: #1A2031;
}

.result-block {
    min-width: 300px;
    max-width: 300px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 15px 25px;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.10);
    display: none;
    z-index: 5;
}

.result-block.show {
    display: block;
}

.result-block h3 {
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #8E8E8E;
}

.result-block ul li {
    margin: 0 0 10px;
}

.result-block ul li:last-child {
    margin: 0;
}

.result-block ul li a {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #747474;
}

.result-block ul li a figure {
    min-width: 40px;
    width: 40px;
    height: 40px;
    background: #F5F5F5;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.result-block ul li a figure img {
    width: 20px;
}

.result-block ul li a:hover {
    color: #000;
}

.quantity-blocks ul li {
    padding: 6px 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
}

.quantity-blocks ul li:last-child {
    border: none;
}

.guest-nmbx h4 {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #474747;
}

.guest-nmbx h4 span {
    display: block;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #8E8E8E;
}

.quantity {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
}

.quantity button {
    width: 30px;
    max-width: 30px;
    height: 30px;
    border: 1px solid #BEBDBD;
    color: #BEBDBD;
    font-size: 16px;
    text-align: center;
    display: block;
    background: transparent;
    border-radius: 100%;
    padding: 0;
}

.quantity .input-box {
    width: 30px;
    text-align: center;
    height: auto;
    padding: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #474747;
    border: none;
    display: block;
}

.quantity button:hover {
    background: #2996E8;
    border-color: #2996E8;
    color: #fff;
}


.flexible-wrp {
    margin: 15px 0 0;
    border-radius: 24px;
    background: #F1F1F1;
    padding: 20px 0 0;
    min-height: 32vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flexible-wrp .container {
    width: 100%;
}

.flexible-wrp .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 -15px;
}

.flexible-wrp .row .col-md-5 {
    padding: 0 15px;
    width: 35%;
}

.flexible-wrp .row .col-md-7 {
    padding: 0 15px;
    width: 65%;
}

.flexible-data {
    max-width: 350px;
}

.flexible-data h2 {
    margin: 0 0 12px;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.02em;
    color: #1E1E1E;
}

.flexible-data p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #1E1E1E;
    margin: 0 0 20px;
}

.flexible-data .btn-main {
    padding: 13px 30px;
    font-size: 16px;
    line-height: 24px;
}

.flex-slider-row {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.flex-box {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    margin: 0;
}

.flex-box img {
    width: 100%;
}

.flex-top {
    display: flex;
    align-items: center;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.flex-top h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #1E1E1E;
    max-width: 145px;
    margin: 0;
}

.flex-top a {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 auto;
}

.flex-top a img {
    width: 30px;
}

.flex-top a:hover {
    background: #F1F1F1;
}

.flex-bottom {
    padding: 50px 24px 24px;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.36) 100%);
    backdrop-filter: blur(6.3px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.flex-bottom h4 {
    margin: 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #1E1E1E;
}

.flex-bottom h4 span {
    font-size: 16px;
    color: #1E1E1E;
    opacity: 0.42;
}

.slider-nav {
    display: flex;
    align-items: center;
    margin: 0 0 25px 25px;
}

.slider-nav a {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.slider-nav a:last-child {
    margin: 0;
}

.slider-nav a:hover {
    opacity: 0.65;
}

.slider-flexible .swiper {
    margin: 0 0 15px;
    width: 380px;
    height: 255px;
}

.slider-flexible .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-link-main{
  position: relative;
  color: #2688FF;
  font-size: 24px;
  font-weight: 700;
}

.text-link-main::after {
  content: "";
  position: absolute;
  top: 55%;
  right: -20px;

  width: 14px;
  height: 14px;

  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;

  transform: translateY(-50%) rotate(45deg);
}
/* **** End Home Page **** */
/* **** Property Page **** */
.property-wrp * {
  font-family: "Manrope", sans-serif !important;
}

.property-wrp {
  padding: 0;
  background: #F9F9F9;
  font-family: "Manrope", sans-serif;
}

.property-wrp header {
  /* position: relative; */
  /* background: #FFFFFF; */
  /* box-shadow: 3px 2px 16px rgba(30, 30, 30, 0.08); */
  border-radius: 32px;
  margin: 4px;
}

.populer-list-wrp {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.main-list-right {
  position: relative;
}

.main-right-blocks {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: #FFFFFF;
  height: 100%;
}

.main-right-blocks .filter-hero-bx {
  background: #F5F5F5;
  box-shadow: none;
  margin: 0 auto 24px;
}

.main-right-blocks .filter-hero-bx .form-group label {
  color: #1E1E1E;
}

.passanger-block {
  left: auto;
  right: 0;
}

.area-lst-wrp {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 100%;
  min-height: 0;
  overflow-y: scroll;
  padding: 0 12px;
  z-index: 0;
}

.area-lst-wrp .hotel-block {
  box-shadow: none;
  display: flex;
  flex-flow: column;
  height: calc(100% - 30px);
}

.area-lst-wrp .hotel-block .hotel-data {
  padding: 15px 0;
  display: flex;
  flex-flow: column;
  height: 100%;
}

.area-lst-wrp .hotel-block .hotel-data h3 {
  margin: 0;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #1E1E1E;
  padding: 0 120px 0 0;
}

.area-lst-wrp .hotel-block .hotel-data p {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.54);
  margin: 0 0 8px;
  max-width: 285px;
}

.area-lst-wrp .hotel-block .hotel-data .htl-dthead {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
}

.area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #1E1E1E;
  margin: 0 0 0 auto;
}

.area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 span {
  font-size: 14px;
  color: rgba(30, 30, 30, 0.42);
}

.htl-foot {
  display: flex;
  align-items: center;
  margin: auto 0 0 0;
}

.htl-foot h5 {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: rgba(30, 30, 30, 0.6);
  margin: 0;
}

.htl-foot h5 figure {
  margin: 0 8px 0 0;
  max-width: 20px;
}

.htl-foot h4 {
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #1E1E1E;
}

.htl-foot h4 span {
  color: rgba(30, 30, 30, 0.6);
  font-size: 14px;
  margin: 0 0 0 5px;
}

.htl-foot h4 figure {
  margin-right: 5px;
}

.area-lst-wrp .hotel-block .slider-arrow .swiper-button-next,
.area-lst-wrp .hotel-block .slider-arrow .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: rgba(30, 30, 30, 0.2);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(6px);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.area-lst-wrp .hotel-block .slider-arrow .swiper-button-next:after,
.area-lst-wrp .hotel-block .slider-arrow .swiper-button-prev:after {
  display: none;
}

.area-lst-wrp .hotel-block .slider-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 2;
}

.area-lst-wrp .hotel-block .slider-arrow .swiper-button-next img,
.area-lst-wrp .hotel-block .slider-arrow .swiper-button-prev img {
  width: 15px;
  height: auto;
}

.area-lst-wrp .hotel-block .slider-arrow .swiper-button-prev:hover,
.area-lst-wrp .hotel-block .slider-arrow .swiper-button-next:hover {
  background: #2996E8;
  filter: none;
}

.area-lst-wrp .hotel-block .slider-arrow .slide-nav:hover img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.area-lst-wrp .hotel-block .hotel-img figure.pro-img img {
  height: 225px;
}

.area-lst-wrp .hotel-block .hotel-img label {
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  background: transparent;
  border-radius: 0;
  top: 10px;
  left: 10px;
  z-index: 2;
}

.area-lst-wrp .hotel-block .hotel-img label img {
  max-width: 24px;
  min-width: 24px;
}

.area-lst-wrp .hotel-block .like-btn {
  width: 44px;
  height: 44px;
  background: rgba(30, 30, 30, 0.1);
  backdrop-filter: blur(6px);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.area-lst-wrp .hotel-block .like-btn:hover {
  background: #2996E8;
  filter: none;
}

.include-rw {
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 100%);
  backdrop-filter: blur(2.3px);
  border-radius: 0 0 15px 15px;
  z-index: 2;
}

.include-rw ul {
  display: flex;
  flex-wrap: wrap;
}

.include-rw ul li {
  margin: 0 8px 0 0;
  padding: 8px 12px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  background: rgba(30, 30, 30, 0.4);
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.include-rw ul li:last-child {
  margin: 0;
}

.include-rw ul li figure {
  max-width: 16px;
  min-width: 16px;
  margin: 0 5px 0 0;
}

.include-rw ul li figure img {
  width: 100%;
  height: auto;
}

.best-deals-wrp h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #1E1E1E;
  margin: 0 0 16px;
}

.deal-block .hotel-block {
  display: flex;
  padding: 8px;
  border: none;
  background: #fff;
  margin: 0 0 15px;
}

.deal-block .hotel-block .hotel-img {
  min-width: 120px;
  max-width: 120px;
}

.deal-block .hotel-block .hotel-img figure.pro-img img {
  border-radius: 20px;
  width: 100%;
  height: 120px;
  object-fit: cover;
}

.area-lst-wrp .deal-block .hotel-block .hotel-data {
  padding: 0 10px;
}

.deal-block .hotel-block .hotel-data h4 {
  margin: 0;
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 12px;
}

.deal-block .hotel-block .htl-foot h5 {
  margin: 0 0 5px;
}

.deal-block .hotel-block .hotel-data h6 {
  position: relative;
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: rgba(30, 30, 30, 1);
}

.deal-block .hotel-block .hotel-data h6 span {
  font-size: 12px;
  opacity: 0.60;
  margin: 0 5px 0 0;
}

.mobile-part-show {
  display: none;
}

/* **** End Property Page **** */
/* **** Listing Part **** */
.main-listing-wrp {
  display: flex;
  height: calc(100vh - 64px);
  max-width: 1920px;
  margin: auto;
}

.main-list-left {
  flex: 1;
  min-width: 600px;
  overflow: hidden;
  width: 55%;
}

.main-list-right {
  width: 100%;
  /* max-height: 100vh; */
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
}

.filter-head-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.filter-choice {
  padding: 5px 8px;
  background: #F5F5F5;
  border-radius: 50px;
  border: 1.5px solid #E7E7E7;
  display: table;
  max-width: 310px;
  width: 100%;
  margin: 0 15px 0 0;
}

.filter-choice ul {
  display: flex;
  flex-wrap: wrap;
}

.filter-choice ul li {
  width: 33.33%;
}

.filter-choice ul li a {
  padding: 15px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #000000;
}

.filter-choice ul li a figure {
  min-width: 19px;
  margin-right: 5px;
}

.filter-choice ul li a.active {
  background: #2996E8;
  color: #fff;
}

.filter-choice ul li a.active figure img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.filter-row {
  margin: 0 0 35px;
  padding: 6px 6px 8px 25px;
  background: #FFFFFF;
  border: 0.5px solid #E7E7E7;
  box-shadow: 0px 2px 5.3px rgba(0, 0, 0, 0.19);
  border-radius: 50px;
  display: flex;
  align-items: center;
}

.filter-inner-bx {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.filter-inner-bx .form-group {
  width: 25%;
  padding: 0 15px;
}

.filter-inner-bx .form-group h3 {
  margin: 0 0 2px;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000000;
}

.filter-inner-bx .form-group .form-control {
  padding: 0;
  height: auto;
  border-radius: 0;
  border: none;
  font-family: 'Inter';
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 0.4);
  outline: none;
}

.filter-inner-bx .form-group .form-control::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.filter-inner-bx .form-group select.form-control {
  padding: 0 10px 0 0;
}

.filter-row button {
  border: none;
  background: #2996E8;
  padding: 13px 25px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  border-radius: 30px;
  min-width: 96px;
  margin: 0 0 0 auto;
  cursor: pointer;
}

.filter-row button:hover {
  background: #101010;
  color: #fff;
}

.populer-list-head {
  display: flex;
  align-items: center;
  margin: 12px 0;
}

.populer-list-head h1 {
  font-style: normal;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: #1E1E1E;
  margin: 0;
}

.populer-list-head h1 span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: rgba(30, 30, 30, 0.60);
}

.sortbybx {
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
}

.sortbybx h6 {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: rgba(30, 30, 30, 0.60);
  display: flex;
  align-items: center;
  margin: 0 5px 0 0;
}

.sortbybx h6 figure {
  min-width: 23px;
  margin-right: 5px;
}

.sortbybx .form-control {
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0 15px 0 0;
  height: auto;
  color: #2996E8;
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  outline: none !important;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('/assets/down-arrow2-ff99b6fa.svg') center right no-repeat;
  background-size: 10px;
}

.populer-list-wrp .row {
  display: flex;
  flex-wrap: wrap;
}

.populer-list-wrp .row .col-md-6 {
  padding: 0 15px;
  width: 50%;
}

.hotel-block {
  margin: 0 0 30px;
  box-shadow: 0px 4px 13.8px rgba(0, 0, 0, 0.25);
  border-radius: 17px;
  overflow: hidden;
}

.hotel-img {
  position: relative;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  left: 9px;
  right: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hotel-img .slide-nav img {
  width: 24px;
  height: 24px;
  border-radius: 0;
}

.hotel-img .slide-nav:hover {
  opacity: 0.70;
}

.slider-dot {
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.slider-dot ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-dot ul li {
  margin-right: 4px;
  width: 6px;
  height: 6px;
  background: #FFFFFF;
  backdrop-filter: blur(12px);
  border-radius: 50%;
  cursor: pointer;
  display: block;
}

.slider-dot ul li:last-child {
  margin: 0;
}

.slider-dot ul li.active {
  background: #2996E8;
}

.hotel-img img {
  width: 100%;
  height: 175px;
  object-fit: cover;
  border-radius: 17px;
}

.hotel-img label {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 5px 12px;
  background: #fff;
  border-radius: 30px;
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
  position: absolute;
  top: 8px;
  left: 8px;
}

.hotel-img label img {
  min-width: 13px;
  max-width: 13px;
  margin-right: 5px;
  height: auto;
}

.like-btn {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.like-btn img {
  width: auto;
  height: auto;
  border-radius: 0;
}

.like-btn:hover {
  background: #f5f5f5;
}

.hotel-data {
  padding: 15px;
  position: relative;
}

.hotel-data h6 {
  margin: 0;
  display: flex;
  align-items: center;
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #000000;
  position: absolute;
  top: 15px;
  right: 15px;
}

.hotel-data h6 figure {
  min-width: 11px;
  margin-right: 3px;
}

.hotel-data h3 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  line-height: 24px;
  font-family: 'SF Pro Display';
  margin: 0 0 12px;
  padding: 0 70px 0 0;
  transition: .4s linear;
  -webkit-transition: .4s linear;
}

.hotel-data h3:hover {
  color: #2996E8;
}

.hotel-data p {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.54);
  margin: 0 0 12px;
}

.hotel-tags {
  display: flex;
  align-items: center;
  margin: 0 0 23px;
}

.hotel-tags h4 {
  margin: 0;
  display: flex;
  align-items: center;
  font-family: 'Roboto';
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}

.hotel-tags h4 figure {
  min-width: 15px;
  margin-right: 3px;
}

.hotel-tags h4 span {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.50);
}

.hotel-tags h5 {
  display: flex;
  align-items: center;
  font-family: 'Inter';
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #000000;
  opacity: 0.8;
  margin: 0 0 0 auto;
}

.hotel-tags h5 figure {
  min-width: 15px;
  margin-right: 3px;
}

.hotel-data ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.hotel-data ul li {
  padding: 0 5px;
  width: 33.33%;
  display: flex;
  align-items: center;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #000000;
  opacity: 0.8;
}

.hotel-data ul li figure {
  margin-right: 5px;
  min-width: 18px;
}

.pager-rw {
  margin-top: auto;
  padding: 8px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.pager-rw ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pager-rw ul li {
  margin-right: 8px;
}

.pager-rw ul li:last-child {
  margin: 0;
}

.pager-rw ul li a {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  line-height: 32px;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pager-rw ul li a.active {
  background: #2996E8;
  color: #fff;
}

.pager-rw ul li a:hover {
  color: #2996E8;
}

.pager-rw ul li a.active:hover {
  color: #fff;
}

.map-block {
  flex: 1;
  overflow: hidden;
}

.map-img figure,
.map-img {
  position: relative;
  height: 100%;
}

.map-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-row {
  max-width: 500px;
  width: 100%;
  position: absolute;
  top: 83px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  z-index: 15;
}

.search-row .back-btn {
  min-width: 38px;
  width: 38px;
  height: 38px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4.4px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.search-row .form-group {
  position: relative;
  margin: 0;
  min-width: 348px;
  max-width: 348px;
}

.search-row .form-group .form-control {
  padding: 16px 30px 16px 16px;
  background: #fff;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  height: auto;
  border: none;
  border-radius: 30px;
  font-family: 'Inter';
  font-weight: 500;
  display: block;
  width: 100%;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: rgba(65, 74, 73, 0.5);
}

.search-row .form-group button {
  background: transparent;
  border: none;
  position: absolute;
  top: 12px;
  right: 15px;
}

.btn-filter {
  padding: 19px 25px;
  display: flex;
  align-items: center;
  background: #F5F5F5;
  border: 1px solid #E7E7E7;
  border-radius: 50px;
  margin: 0 0 0 10px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  min-width: 150px;
}

.btn-filter figure {
  margin-right: 8px;
}

.btn-filter figure img {
  transition: .4s linear;
  -webkit-transition: .4s linear;
}

.btn-filter:hover {
  background: #2996E8;
  color: #fff;
  border-color: #2996E8;
}

.btn-filter:hover figure img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.map-actionbar {
  padding: 20px 10px;
  border-radius: 30px;
  background: #FFFFFF;
  box-shadow: 0px 0px 15.4px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.map-actionbar a {
  margin: 0 0 20px;
  width: 37.5px;
  height: 37.5px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  box-shadow: -8px 22px 9px rgba(130, 130, 130, 0.03), -4px 12px 8px rgba(130, 130, 130, 0.12), -2px 6px 6px rgba(130, 130, 130, 0.2), 0px 1px 3px rgba(130, 130, 130, 0.23);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-actionbar a:last-child {
  margin: 0;
}

.map-actionbar a:hover {
  background: #2996E8;
}

.map-actionbar a:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

div.tags-bx {
  margin: 0;
  position: absolute;
}

div.tags-bx span.pri-num {
  padding: 6px 10px;
  border-radius: 16px 16px 16px 4px;
  background: #FFFFFF;
  box-shadow: -8px 22px 9px rgba(130, 130, 130, 0.03), -4px 12px 8px rgba(130, 130, 130, 0.12), -2px 6px 6px rgba(130, 130, 130, 0.2), 0px 1px 3px rgba(130, 130, 130, 0.23);
  font-family: 'Roboto';
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  position: relative;
  cursor: pointer;
  z-index: 1;
}

div.tags-bx:after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
  top: 23px;
  left: -12px;
}

div.blue-back span.pri-num {
  background: #2996E8;
  color: #fff;
}

div.blue-back:after {
  background: #2996E8;
}

.tags-bx .hotel-block {
  max-width: 300px;
  min-width: 300px;
  background: #fff;
  width: 100%;
  margin: 5px 0 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 55;
  display: none;
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
}

.tags-bx .area-lst-wrp .hotel-block .hotel-data {
  padding: 15px;
}

.tags-bx:hover .hotel-block {
  opacity: 1;
  visibility: visible;
  display: block;
  height: max-content;
}

.mobile-meun {
  position: fixed;
  bottom: 15px;
  left: 15px;
  right: 15px;
  padding: 10px 24px;
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
  display: none;
}

.mobile-meun ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.mobile-meun ul li {
  width: 25%;
  padding: 0 10px;
}

.mobile-meun ul li a figure {
  margin: 0 auto 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: relative;
  transition: .4s linear;
  -webkit-transition: .4s linear;
}

.mobile-meun ul li a figure img {
  filter: grayscale(100%);
  opacity: 0.60;
  margin: 0 auto;
  transition: .4s linear;
  -webkit-transition: .4s linear;
}

.mobile-meun ul li a:hover img,
.mobile-meun ul li a.active figure img {
  filter: none;
  opacity: 1;
}

.mobile-meun ul li a p {
  margin: 0 auto;
  display: table;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgba(30, 30, 30, 0.6);
}

.mobile-meun ul li a:hover p,
.mobile-meun ul li a.active p {
  color: #4486F6;
}

.btn-mobilemap {
  width: 55px;
  height: 55px;
  background: #4486F6;
  box-shadow: 10px 6px 20px rgba(29, 27, 27, 0.3);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Manrope';
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  position: fixed;
  bottom: 100px;
  right: 15px;
  z-index: 100;
  display: none;
}

.btn-mobilemap figure {
  min-width: 18px;
  max-width: 18px;
}

.btn-mobilemap figure img {
  width: 100%;
}

.btn-mobilemap:hover {
  background: #333;
  color: #fff;
}

.close-map {
  display: none;
}

aside.filter-sidebar {
  position: fixed;
  top: 121px;
  left: -100%;
  max-width: 435px;
  width: 100%;
  background: #fff;
  height: calc(100vh - 131px);
  overflow: auto;
  box-shadow: 0px 143px 57px rgba(56, 56, 56, 0.01), 0px 80px 48px rgba(56, 56, 56, 0.03), 0px 36px 36px rgba(56, 56, 56, 0.05), 0px 9px 20px rgba(56, 56, 56, 0.06);
  z-index: 121;
  padding: 0 0;
  border-radius: 30px;
  transition: left 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
}

aside.filter-sidebar.show {
  left: 24px;
  transition: left 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
}

.filter-title {
  padding: 24px 25px;
  border-bottom: 1px solid #E5E5E5;
  position: sticky;
  top: 0;
  z-index: 9;
  background: white;
}

.btn-filter-close {
  width: 35px;
  height: 35px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 18px;
  right: 15px;
}

.btn-filter-close img {
  width: 11px;
  transition: .4s linear;
  -webkit-transition: .4s linear;
}

.btn-filter-close:hover {
  background: #2996E8;
  border-color: #2996E8;
}

.btn-filter-close:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.filter-title h2 {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.filters-list {
  padding: 24px 35px;
}

.filter-box {
  padding: 20px 0;
}

.filter-box h3 {
  margin: 0 0 16px;
  font-size: 16px;
  font-family: 'Manrope';
  font-weight: 500;
  color: #000;
}

.pro-choicebx {
  margin: 0 6px 6px 0;
}

.pro-choicebx [type="radio"]:checked,
.pro-choicebx [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.pro-choicebx label span {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
}

.pro-choicebx label span img {
  min-width: 16px;
  margin-right: 4px;
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.pro-choicebx [type="radio"]:checked + label,
.pro-choicebx [type="radio"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 8px 12px;
  border-radius: 30px;
  margin: 0;
  font-weight: 500;
  font-family: 'Inter';
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: rgba(30, 30, 30, 0.60);
}

.pro-choicebx [type="radio"]:checked + label:before,
.pro-choicebx [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #E7E7E7;
  border-radius: 30px;
  background: #fff;
}

.pro-choicebx [type="radio"]:checked + label:after,
.pro-choicebx [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #DFEFFC;
  background: #DFEFFC;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 30px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.pro-choicebx [type="radio"]:not(:checked) + label:after {
  opacity: 0;
}

.pro-choicebx [type="radio"]:checked + label:after {
  opacity: 1;
}

.pro-choicebx [type="radio"]:checked + label span {
  color: #2996E8;
}

.pro-choicebx [type="radio"]:checked + label span img {
  filter: none;
}

.select-property {
  display: flex;
  flex-wrap: wrap;
}

.area-row {
  margin: 0 0 15px;
}

.area-row ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px;
}

.area-row ul li {
  width: 50%;
  padding: 0 3px;
}

.area-row ul li .form-group {
  position: relative;
  margin: 0;
}

.area-row ul li .form-group .form-control {
  padding: 12px 45px 12px 15px;
  height: auto;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 30px;
  box-shadow: none;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 0.35);
  width: 100%;
  display: block;
  outline: none !important;
}

.area-row ul li .form-group span {
  position: absolute;
  top: 2px;
  right: 4px;
  border-radius: 100%;
  background: #F9F9F9;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 0.54);
}

.other-filters-row h2 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  line-height: 24px;
  margin: 0 0 15px;
  padding: 0 35px;
}

.tab {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.tab__content {
  height: 0;
  overflow: hidden;
  transition: all 0.35s;
}

.tab input:checked ~ .tab__content {
  height: auto;
}

.inner-filter-bx {
  padding: 0 35px 15px;
}

.accordion {
  overflow: hidden;
}

.tab__label,
.tab__close {
  display: flex;
  color: white;
  cursor: pointer;
}

.tab__label {
  justify-content: space-between;
  padding: 15px 80px 15px 35px;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

.tab__label::after {
  position: absolute;
  top: 15px;
  right: 35px;
  content: "";
  width: 18px;
  height: 18px;
  text-align: center;
  color: #000;
  background: url('/assets/down-ar-0f412167.svg') 0 0 no-repeat;
  background-size: 100% 100%;
  transition: all 0.35s;
}

.tab input:checked + .tab__label::after {
  background: url('/assets/up-arrow-8d48f687.svg') 0 0 no-repeat;
  background-size: 100% 100%;
}


.filter-choicebx {
  margin: 0 8px 8px 0;
}

.filter-choicebx .styled-checkbox {
  position: absolute;
  opacity: 0;
  display: none;
}

.filter-choicebx .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 10px 16px;
  border-radius: 30px;
  margin: 0;
  font-family: 'Inter';
  display: flex;
  align-items: center;
}

.filter-choicebx .styled-checkbox + label span {
  position: relative;
  z-index: 1;
  font-weight: 500;
  font-size: 15px;
  color: rgba(30, 30, 30, 0.6);
  line-height: 18px;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
}

.filter-choicebx .styled-checkbox + label span img {
  min-width: 20px;
  margin-right: 5px;
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.filter-choicebx .styled-checkbox + label:before {
  position: absolute;
  content: "";
  display: inline-block;
  vertical-align: text-top;
  border: 1px solid #E7E7E7;
  background: #fff;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.filter-choicebx .styled-checkbox:checked + label span {
  color: #2996E8;
}

.filter-choicebx .styled-checkbox:checked + label span img {
  filter: none;
}

.filter-choicebx .styled-checkbox:checked + label:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: #DFEFFC;
  border: 1px solid #DFEFFC;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}


.raiting-list ul li {
  margin: 0 0 10px;
}

.raiting-list ul li:last-child {
  margin: 0;
}

.custome-chackinbx .styled-checkbox {
  position: absolute;
  opacity: 0;
}

.custome-chackinbx .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 0.6);
}

.custome-chackinbx .styled-checkbox + label:before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #C8C8D8;
}

.custome-chackinbx .styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC/SURBVHgB7dQ7CsIwGAfwL1IRn+ADPIJ1cdILeAF1cXSX3sADeALprgeQnsAL6OQg9ACCs9rHUtp+H7RDm0L62Nr/8k9C+BEICZuqHxcKTA0KTgWKRx7W4bod+C3lBxE7r/rU8ignGGDdBoPT/Q+abmcHo5j6MGJ7YuB60oTXfgzKopMa44Lvn0OtzNshKophGO/p4SmPyx6NL08TNv5cBMNIvEVNt6gR3c1aNBbBMImXgujh9k2FYVj125QA9ACURUUxbLquSgAAAABJRU5ErkJggg==') 0 0 no-repeat;
  background-size: 100% 100%;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  width: 20px;
  height: 20px;
}

.other-filters-row .btn-group {
  padding: 30px;
}

.other-filters-row .btn-group button {
  padding: 12px 25px;
  background: #2996E8;
  border-radius: 50px;
  font-family: 'Inter';
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  line-height: 26px;
  border: none;
  display: table;
  margin: 0 auto;
  max-width: 230px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.other-filters-row .btn-group button:hover {
  background: #003CFF;
  color: #fff;
}

.btn-group.additional-filters {
  display: flex;
  flex-direction: row-reverse;
}

.btn-group.additional-filters button {
  border-radius: 10px;
}

.btn-reset.additional-filters {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px;
}

.ranger-block .irs--round .irs-bar {
  background-color: #2996E8;
}

.irs--round .irs-line {
  background: rgba(0, 0, 0, 0.10);
}

.ranger-block .irs--round .irs-handle {
  background-color: #fff;
  border: 4px solid #2996E8;
  cursor: pointer;
}

.ranger-block .irs--round .irs-handle.state_hover,
.ranger-block .irs--round .irs-handle:hover {
  background-color: #2996E8;
}

.ranger-block .irs--round .irs-handle {
  width: 16px;
  height: 16px;
  top: 29px
}

.ranger-block .irs--round .irs-from,
.ranger-block .irs--round .irs-to,
.ranger-block .irs--round .irs-single {
  background-color: transparent;
  color: #666666;
}

.ranger-block .irs--round .irs-from:before,
.ranger-block .irs--round .irs-to:before,
.ranger-block .irs--round .irs-single:before,
.irs-to,
.irs-from,
.ranger-block .irs--round .irs-min,
.ranger-block .irs--round .irs-max {
  display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.ranger-result-rw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0 0;
}

.ranger-result-rw .form-group {
  position: relative;
  display: flex;
  align-items: center;
}

.ranger-result-rw .form-group span {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 0.54);
  margin: 0 5px 0 0;
}

.ranger-result-rw .form-group .inputbx {
  position: relative;
}

.ranger-result-rw .form-group .inputbx .form-control {
  display: inline-block;
  width: 100%;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 13px;
  padding: 12px 15px 12px 20px;
  background: #F5F5F5;
  border-radius: 30px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000000;
  border: none;
  height: auto;
  outline: none !important;
  max-width: 75px;
  text-align: center;
}

.ranger-result-rw .form-group .inputbx label {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 15px;
}

.room-rw {
  display: flex;
  align-items: center;
  margin: 0 0 24px;
  padding: 0;
}

.room-rw h3 {
  margin: 0;
}

.quantitybx {
  margin: 0 0 0 auto;
  padding: 6px;
  background: #F5F5F5;
  border-radius: 30px;
  display: flex;
  align-items: center;
  width: fit-content;
}

.quantitybx a {
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantitybx .form-control {
  padding: 0 10px;
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #1E1E1E;
  box-shadow: none;
  text-align: center;
  max-width: 45px;
}

.gradient-text {
  background: linear-gradient(90deg, #007cf0, #00dfd8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.search-btn {
  font-size: 1.4rem;
  font-weight: 600;
  /* padding: 14px 40px; */
  border: none;
  border-radius: 50px;
  cursor: pointer;
  background: linear-gradient(306deg, #007cf0, #00dfd8);
  color: white;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* gradient text effect */
.search-btn span {
  background: linear-gradient(90deg, #007cf0, #00dfd8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hover animation */
.search-bsstn:hover {
  background: linear-gradient(90deg, #00dfd8, #007cf0);
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(0, 223, 216, 0.6);
}

/* **** End Listing Part **** */

/* **** Details Page **** */
.header-search-bx {
    min-width: 350px;
    max-width: 350px;
    width: 100%;
    position: relative;
}

.header-search-bx .form-control {
    padding: 12px 40px 12px 15px;
    background: #F0F5F5;
    height: auto;
    width: 100%;
    display: block;
    border-radius: 50px;
    border: none;
    outline: none;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #414A49;
}

.header-search-bx button {
    position: absolute;
    top: 8px;
    right: 12px;
    background: transparent;
    border: none;
}

.details-wrp {
    padding: 24px 0;
}

.details-wrp h1 {
    font-size: 32px;
    font-weight: 500;
    color: #000;
    margin: 0 0 25px;
}

.details-head-box p {
    display: flex;
    align-items: center;
    margin: 0 0 30px;
    font-size: 15px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.60);
}

.details-head-box p img {
    margin-right: 10px;
    min-width: 15px;
    max-width: 15px;
}

.product-details-gallery {
    position: relative;
}

.product-details-gallery .row {
    margin: 0 -8px;
    display: flex;
    flex-wrap: wrap;
}

.product-details-gallery .row .col-md-6 {
    width: 50%;
    padding: 0 8px;
}

.product-details-img {
    position: relative;
}

.product-details-img img {
    width: 100%;
    height: 510px;
    object-fit: cover;
    border-radius: 15px;
}

.facility-list h3,
.photos-small-gallery h3 {
    display: none;
}

.details-head-box .product-details-img {
    display: none;
}

.details-head-box .product-details-img:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 70%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
    border-radius: 15px;
}

.pro-mobile-price {
    padding: 25px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    ;
}

.pro-mobile-price h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.pro-mobile-price h3 span {
    font-size: 14px;
    font-weight: normal;
}

.pro-mobile-price .btn-wish img {
    width: 25px;
    height: auto;
    border-radius: 0;
}

.product-sml-details-img {
    position: relative;
    margin: 0 0 16px;
}

.product-sml-details-img img {
    width: 100%;
    border-radius: 15px;
    height: 247px;
    object-fit: cover;
}

.btn-seeall {
    padding: 10px 20px;
    background: #fff;
    border-radius: 10px;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #000000;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.btn-seeall:hover {
    background: #2996E8;
    color: #fff;
}

.image-popup-wrp {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.50);
    z-index: 150;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    opacity: 0;
    visibility: hidden;
}

.image-popup-wrp.show {
    opacity: 1;
    visibility: visible;
}

.gallery-big-img {
    max-width: 500px;
    background: #fff;
    padding: 50px 15px 15px;
    border-radius: 10px;
    width: 100%;
    margin: 15px auto;
    position: relative;
}

.gallery-big-img img {
    width: 100%;
    border-radius: 10px;
}

.close-popup {
    width: 30px;
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 15px;
}

.close-popup img {
    width: 10px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.close-popup:hover {
    background: #003CFF;
    border-color: #003CFF;
}

.close-popup:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}


.details-wrp-row {
    padding: 25px 0;
}

.details-wrp-row .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.details-wrp-row .row .col-md-8 {
    width: 65%;
    padding: 0 20px;
}

.details-wrp-row .row .col-md-4 {
    width: 35%;
    padding: 0 20px;
}

.facility-list ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 550px;
}

.facility-list ul li {
    margin: 0 40px 40px 0;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.6);
}

.facility-list ul li figure {
    min-width: 33px;
    max-width: 33px;
    margin-right: 10px;
}

.posted-by-bx {
    margin: 0 0 25px;
    padding: 20px 25px;
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    display: flex;
    align-items: center;
}

.posted-by-bx h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    line-height: 28px;
}

.posted-by-bx h2 span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.50);
}

.posted-by-bx h5 {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    font-size: 25px;
    font-weight: normal;
    color: #000;
}

.posted-by-bx figure {
    min-width: 32px;
    max-width: 32px;
    margin-right: 10px;
}

.about-propertybx {
    padding: 0 0 25px;
    border-bottom: 1px solid #E7E7E7;
}

.about-propertybx h2 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0 0 25px;
    line-height: 30px;
}

.about-propertybx p {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    font-family: 'Inter';
    line-height: 24px;
    margin: 0 0 15px;
}

.about-propertybx p strong {
    font-weight: 600;
}

.about-propertybx p:last-child {
    margin: 0;
}

.key-features-wrp {
    padding: 40px 0;
    border-bottom: 1px solid #E7E7E7;
}

.key-features-wrp h2 {
    margin: 0 0 45px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 34px;
}

.key-features-wrp .row .col-md-6 {
    width: 50%;
    padding: 0 20px;
}

.key-features-box {
    display: flex;
    margin: 0 0 50px;
}

.key-ic {
    min-width: 40px;
    margin-right: 20px;
    max-width: 40px;
}

.key-data h3 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
}

.key-data p {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    margin: 0;
}

.key-features-wrp .btn-main {
    padding: 14px 32px;
    background: #2996E8;
    border-radius: 10px;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    display: table;
    margin: 40px auto 0;
}

.key-features-wrp .btn-main:hover {
    background: #003CFF;
    color: #fff;
}

.property-detials-sidebar {
    padding: 0 0 0 30px;
}

.property-price-bx {
    margin: 0 0 20px;
}

.property-price-bx h2 {
  text-align: right;
  font-size: 32px;
  font-family: 'Inter';
  font-weight: 500;
  background: linear-gradient(90deg, #007cf0, #00dfd8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  line-height: 42px;
  margin: 0;
}

.property-price-bx h2 small {
  font-size: 24px;
  font-weight: 400;
  -webkit-text-fill-color: black;
  background: white;
  color: black;
}

.three-d-view-bx {
    overflow: hidden;
    margin: 0 0 30px;
    border-radius: 15px;
    position: relative;
}

.three-d-view-bx img {
    width: 100%;
}

.three-d-view-bx .btn-zoom {
    position: absolute;
    width: 39px;
    height: 39px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-shadow: -8px 22px 9px rgba(130, 130, 130, 0.03), -4px 12px 8px rgba(130, 130, 130, 0.12), -2px 6px 6px rgba(130, 130, 130, 0.2), 0px 1px 3px rgba(130, 130, 130, 0.23);
    border-radius: 999px;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.three-d-view-bx .btn-zoom img {
    width: 25px;
}

.three-d-view-bx .btn-zoom:hover {
    background: #003CFF;
    border-color: #003CFF;
}

.three-d-view-bx .btn-zoom:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.posted-cntbx {
    max-width: 85%;
    margin: 0 auto 35px;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #E7E7E7;
}

.posted-user {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #E7E7E7;
}

.posted-user figure {
    min-width: 42px;
    margin-right: 20px;
}

.posted-user figure img {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 100%;
}

.posted-user h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter';
    color: #000;
    line-height: 24px;
}

.posted-user h3 span {
    display: block;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.50);
}

.posted-cntbx .btn-group {
    display: flex;
    gap: 15px;
    padding: 20px 0 15px;
}

.posted-cntbx .btn-group .btn-main {
    padding: 14px 30px;
    width: 100%;
    opacity: 0.85;
    background: #007cf0;
    border-radius: 10px;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.posted-cntbx .btn-group .btn-main figure {
    margin-right: 10px;
    min-width: 19px;
}

.posted-cntbx .btn-group .btn-main:hover {
    color: #fff;
    opacity: 1;
}

.chackout-block {
    padding: 20px 20px 10px;
    background: #FFFFFF;
    border: 0.5px solid #E7E7E7;
    box-shadow: 4px -4px 17.2px rgba(0, 0, 0, 0.06), -4px 4px 12.9px rgba(0, 0, 0, 0.15);
    border-radius: 32px;
    position: relative;
}

.chackout-rw {
    margin: 0 0 25px;
    display: flex;
    flex-wrap: wrap;
    /* border: 1px solid #E7E7E7; */
    border-radius: 20px;
}

.chackout-rw .chackinbx {
    width: 50%;
    border-right: 1px solid #E7E7E7;
    padding: 35px;
}

.chackout-rw .chackinbx:last-child {
    border: none;
}

.chackout-rw .chackinbx h6 {
    margin: 0 0 5px;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
}

.chackout-rw .chackinbx .form-control {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.40);
    padding: 0;
    height: auto;
    display: block;
    width: 100%;
    border: none;
    box-shadow: none;
    outline: none !important;
}

.chackout-rw .chackinbx .form-control::placeholder {
    color: rgba(0, 0, 0, 0.40);
}

.btn-resrve {
    padding: 15px;
    font-family: 'Inter';
    background: linear-gradient(90deg, #007cf0, #00dfd8);
    border-radius: 10px;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    width: 100%;
    display: block;
    text-align: center;
    border: none;
    margin: 0 auto 45px;
    cursor: pointer;
    opacity: 0.85;
}

.btn-resrve:hover {
    color: #fff;
    opacity: 1;
}

.chackout-tbl table {
    margin: 0;
    width: 100%;
}

.chackout-tbl table tbody tr td {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.50);
    border: none;
    padding: 5px 0;
}

.chackout-tbl table tbody tr td:last-child {
    text-align: right;
}

.chackout-tbl table tbody tr:last-child td {
    padding: 12px 0;
    border-top: 1px solid #E7E7E7;
    color: #000000;
}

.our-location-wrp {
    padding: 40px 0 0;
}

.our-location-wrp h2 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px;
}

.our-location-wrp h6 {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.60);
    margin: 0 0 30px;
}

.our-location-wrp h6 img {
    min-width: 15px;
    width: 15px;
    margin-right: 5px;
}

.location-list {
    margin: 0 0 15px;
}

.location-list ul {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: auto;
}

.location-list ul li {
    margin-right: 10px;
}

.location-list ul li a {
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.40);
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
}

.location-list ul li a figure {
    min-width: 24px;
    max-width: 24px;
    margin-right: 10px;
}

.location-list ul::-webkit-scrollbar {
    display: none;
}

.location-list ul {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.location-imgbox {
    position: relative;
    margin: 0 0 30px;
}

.location-imgbox figure.location-map img {
    width: 100%;
    border-radius: 0 0 20px 20px;
}

.location-imgbox .map-actionbar {
    background: transparent;
    top: auto;
    right: 20px;
    bottom: 30px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: none;
    padding: 0;
}

.home-pin {
    width: 75px;
    height: 75px;
    background: #FFFFFF;
    box-shadow: 0px 1px 5.3px rgba(0, 0, 0, 0.25);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 46%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-pin:after {
    position: absolute;
    content: '';
    width: 19px;
    height: 19px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4.8px rgba(0, 0, 0, 0.42);
    border-radius: 100%;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: table;
}

.houes-rule-wrp {
    padding: 30px 0;
    border-bottom: 1px solid #E7E7E7;
    border-top: 1px solid #E7E7E7;
}

.host-detials-wrp h2,
.houes-rule-wrp h2 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0 0 25px;
}

.rule-block {
    border-radius: 15px;
    border: 1px solid #E7E7E7;
    max-width: 1050px;
}

.rule-block table {
    margin: 0;
}

.rule-block table tbody tr td {
    padding: 25px 70px;
    font-size: 20px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.60);
    width: 40%;
    border: none;
    border-bottom: 1px solid #E7E7E7;
}

.rule-block table tbody tr td:last-child {
    width: 60%;
}

.rule-block table tbody tr:last-child td {
    border: none;
}

.rule-dt {
    display: flex;
    align-items: center;
}

.rule-dt figure {
    min-width: 33px;
    margin-right: 15px;
    max-width: 33px;
}

.rule-dt p {
    margin: 0;
    color: #000;
}

.host-detials-wrp {
    border-bottom: 1px solid #E7E7E7;
    padding: 30px 0;
}

.host-detials-row {
    max-width: 1050px;
}

.host-detials-box {
    padding: 30px 20px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.50);
}

.host-detials-row {
    max-width: 1050px;
}

.host-detials-row .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.host-detials-row .row .col-md-4 {
    width: 40%;
    padding: 0 15px;
}

.host-top-rw {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
    padding: 0 0 25px;
}

.host-top-rw figure {
    min-width: 42px;
    margin-right: 20px;
}

.host-top-rw figure img {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    object-fit: cover;
}

.host-top-rw h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    font-family: 'Inter';
}

.host-top-rw h3 span {
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.50);
    display: block;
}

.host-bottom-rw {
    padding: 20px 0 0;
}

.host-bottom-rw ul {
    display: flex;
    flex-wrap: wrap;
}

.host-bottom-rw ul li {
    width: 33.33%;
    padding: 0 5px;
}

.host-bottom-rw ul li h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    text-align: center;
    font-family: 'Inter';
}

.host-bottom-rw ul li h3 span {
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.50);
    display: block;
}

.lang-block p {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    margin: 0 0 15px;
}

.flag-rw {
    display: flex;
    flex-wrap: wrap;
}

.flag-img {
    max-width: 62px;
    margin-right: 10px;
}

.flag-img img {
    width: 100%;
    box-shadow: 0px 0px 7.5px rgba(0, 0, 0, 0.16);
}

.booking-date-wrp {
    padding: 55px 0;
    border-bottom: 1px solid #E7E7E7;
}

.booking-date-row {
    max-width: 1050px;
}

.booking-head {
    /*margin: 0 0 40px;*/
}

.booking-head .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 -15px;
}

.booking-head .row .col-md-7 {
    width: 60%;
    padding: 0 15px;
}

.booking-head .row .col-md-5 {
    width: 40%;
    padding: 0 15px;
}

.booking-head h2 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    line-height: 34px;
    margin: 0 0 15px;
}

.booking-head p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.60);
    line-height: 24px;
}

.book-choice {
    border-radius: 23px;
    border: 1px solid #E7E7E7;
    display: flex;
    flex-wrap: wrap;
}

.book-choice .book-inbx {
    width: 50%;
    padding: 25px 30px;
    border-right: 1px solid #E7E7E7;
}

.book-choice .book-inbx:last-child {
    border: none;
}

.book-inbx h3 {
    margin: 0 0 5px;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
    display: block;
}

.book-inbx .form-control {
    margin: 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    display: block;
    width: 100%;
    border: none;
    outline: none;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.40);
}

.book-inbx .form-control::placeholder {
    color: rgba(0, 0, 0, 0.40);
}

.guest-review-wrp {
    padding: 45px 0 0;
    border-bottom: 1px solid #E7E7E7;
}

.guest-review-wrp h2 {
    display: flex;
    align-items: center;
    margin: 0 0 40px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
}

.guest-review-wrp h2 img {
    min-width: 40px;
    width: 40px;
    margin-right: 10px;
}

.guest-review-wrp .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.guest-review-wrp .row .col-md-7 {
    width: 65%;
    padding: 0 15px;
}

.guest-review-wrp .row .col-md-5 {
    padding: 0 15px;
    width: 35%;
}

.guest-review-wrp .row .col-md-6 {
    width: 50%;
    padding: 0 15px;
}

.review-block {
    margin: 0 0 50px;
    max-width: 270px;
}

.review-top {
    margin: 0 0 12px;
    display: flex;
    align-items: center;
}

.review-top .review-img {
    min-width: 55px;
    margin-right: 10px;
}

.review-top .review-img img {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    object-fit: cover;
}

.review-data h3 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.raiting-star {
    display: flex;
    align-items: center;
}

.raiting-star figure {
    margin-right: 5px;
}

.raiting-star span {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Inter';
    letter-spacing: -0.01em;
    color: #333333;
    margin: 0 0 0 5px;
}

.review-block p {
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.50);
    line-height: 18px;
}

.overall-raiting-box {
    padding: 20px;
    border-radius: 20px;
    background: #F8F8F8;
}

.overall-raiting-box h3 {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 500;
    color: #333;
    line-height: 30px;
}

.overall-raiting-box p {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 24px;
    max-width: 375px;
}

.overrait-rw {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.overlft {
    width: 30%;
    padding: 0 15px;
}

.overrgt {
    width: 70%;
    padding: 0 15px;
}

.overlft h2 {
    font-size: 64px;
    font-weight: bold;
    justify-content: center;
    color: #333333;
    line-height: 64px;
    margin: 0 auto 5px;
}

.ovr-str {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 5px;
}

.ovr-str figure {
    margin: 0 5px 0 0;
}

.ovr-str figure:last-child {
    margin: 0;
}

.overlft h6 {
    margin: 0;
    font-size: 20px;
    justify-content: center;
    font-weight: normal;
    color: #333333;
    line-height: 26px;
    opacity: 0.65;
}

.overrgt ul li {
    margin: 0 0 7px;
    display: flex;
    align-items: center;
}

.overrgt ul li:last-child {
    margin: 0;
}

.overrgt ul li h4 {
    margin: 0 5px 0 0;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    min-width: 20px;
}

.progress-bx {
    width: 100%;
    background: #D9D9D9;
    border-radius: 15px;
    height: 10px;
    overflow: hidden;
    position: relative;
    display: block;
}

.progress-bx span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #2996E8;
    border-radius: 15px;
}

.extra-charges-wrp {
    padding: 40px 0;
}

.extra-charges-wrp h2 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin: 0 0 25px;
}

.extra-charges-wrp table {
    width: 100%;
    margin: 0;
}

.extra-charges-wrp table thead th {
    border: 1px solid #E7E7E7;
    padding: 30px 70px;
    font-size: 24px;
    border-right: none;
    border-left: none;
    font-weight: 600;
    text-align: left;
    color: #000;
    margin: 0;
}

.extra-charges-wrp table thead th:first-child {
    border-radius: 25px 0 0 0;
    border-left: 1px solid #E7E7E7;
}

.extra-charges-wrp table thead th:last-child {
    border-radius: 0 25px 0 0;
    border-right: 1px solid #E7E7E7;
}

.extra-charges-wrp table tbody tr td {
    padding: 20px 70px;
    font-size: 20px;
    text-align: left;
    border: none;
    font-weight: 400;
    color: #000;
    margin: 0;
}

.extra-charges-wrp table tbody tr td:first-child {
    border-left: 1px solid #E7E7E7;
}

.extra-charges-wrp table tbody tr td:last-child {
    border-right: 1px solid #E7E7E7;
}

.extra-charges-wrp table tbody tr:last-child td {
    border-bottom: 1px solid #E7E7E7;
}

.extra-charges-wrp table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 25px;
}

.extra-charges-wrp table tbody tr:last-child td:last-child {
    border-radius: 0 0 25px 0;
}

/* **** End Details Page **** */

/* **** Booking Page **** */
.booking-wrp {
    padding: 30px 0;
}

.booking-head {
    display: flex;
    align-items: center;
    margin: 0 0 45px;
}

.booking-head .back-btn {
    min-width: 35px;
    margin-right: 30px;
}

.booking-head .back-btn:hover {
    opacity: 0.70;
}

.booking-head h1 {
    font-size: 32px;
    font-weight: 500;
    color: #000;
    margin: 0;
    line-height: 40px;
    font-family: 'Inter';
}

.book-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}

.booking-left-col {
    width: 45%;
    padding: 0 25px;
}

.booking-right-col {
    width: 55%;
    padding: 0 25px;
}

.booking-info-block {
    padding: 10px;
    border-radius: 25px;
    border: 1px solid #CFCFCF;
}

.destination-cover img {
    width: 100%;
    border-radius: 15px;
}

.destination-title {
    padding: 20px 0;
    border-bottom: 1px solid #D7D7D7;
    display: flex;
    align-items: center;
}

.destination-title h2 {
    font-family: 'Inter';
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 32px;
}

.destination-title h6 {
    display: flex;
    font-size: 20px;
    font-weight: normal;
    color: #000;
    align-items: center;
    margin: 0 0 0 auto;
}

.destination-title h6 img {
    min-width: 25px;
    margin-right: 10px;
    width: 25px;
}

.destination-bottom {
    padding: 0 15px 0;
}

.destination-cmn-bx {
    padding: 20px 0;
    border-bottom: 1px solid #D7D7D7;
}

.destination-cmn-bx p {
    margin: 0;
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 500;
    color: #000;
    line-height: 30px;
}

.destination-cmn-bx p strong {
    display: block;
}

.trip-details-bx {
    position: relative;
    padding: 25px 100px 25px 0;
}

.trip-details-bx h3 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Inter';
    color: #000;
    margin: 0 0 15px;
    line-height: 30px;
}

.trip-details-bx p {
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 500;
    color: #000;
    line-height: 26px;
    margin: 0;
}

.trip-details-bx .btn-change {
    padding: 12px 20px;
    border-radius: 10px;
    font-family: 'Inter';
    background: #4486F6;
    display: table;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 25px;
    right: 0;
}

.trip-details-bx .btn-change:hover {
    background: #1765cc;
    color: #fff;
}

.destination-cmn-bx h4 {
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    font-family: 'Inter';
    line-height: 26px;
}

.destination-cmn-bx table {
    margin: 0;
    width: 100%;
}

.destination-cmn-bx table tbody tr td {
    padding: 5px 0;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    font-family: 'Inter';
    border: none;
}

.destination-cmn-bx table tbody tr td:last-child {
    text-align: right;
}

.destination-cmn-bx table tbody tr td span {
    color: #A4A3A3;
}

.total-destirw {
    border: none;
}

.total-destirw h3 {
    margin: 0;
    display: flex;
    font-family: 'Inter';
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.total-destirw h3 span {
    margin: 0 0 0 auto;
    font-size: 24px;
}

.payment-method-block {
    padding: 25px 35px;
    border-radius: 25px;
    border: 1px solid #CFCFCF;
    margin: 0 0 30px;
}

.payment-method-block h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Inter';
    color: #000;
    margin: 0 0 20px;
}

.payment-method-block p {
    margin: 0 0 25px;
    font-size: 16px;
    font-family: 'Inter';
    font-weight: normal;
    color: #000;
    line-height: 24px;
    font-style: italic;
}

.payment-method-block h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Inter';
    color: #000;
}

.payment-details-box {
    padding: 25px 35px;
    border-radius: 25px;
    border: 1px solid #CFCFCF;
    font-family: 'Inter';
}

.payment-details-box h2 {
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    line-height: 26px;
}

.payment-form {
    padding: 0 30px;
}

.payment-form h3 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    margin: 0 0 20px;
}

.payment-form .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.payment-form .col-md-12 {
    padding: 0 15px;
    width: 100%;
}

.payment-form .col-md-4 {
    padding: 0 15px;
    width: 33.33%;
}

.payment-form .col-md-6 {
    padding: 0 15px;
    width: 50%;
}

.payment-typebx {
    margin: 0 0 10px;
}

.payment-typebx [type="radio"]:checked,
.payment-typebx [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.payment-typebx [type="radio"]:checked+label,
.payment-typebx [type="radio"]:not(:checked)+label {
    position: relative;
    cursor: pointer;
    padding: 15px;
    border-radius: 6px;
    border: 2px solid #E0E0E0;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    font-family: 'SF Pro Display';
    margin: 0;
    color: #727F96;
    display: block;
}

.payment-typebx [type="radio"]:checked+label:after,
.payment-typebx [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    border: 2px solid #0570DE;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.payment-typebx [type="radio"]:not(:checked)+label:after {
    opacity: 0;
}

.payment-typebx [type="radio"]:checked+label {
    box-shadow: none;
    border-color: transparent;
    color: #0570DE;
}

.payment-typebx [type="radio"]:checked+label:after {
    opacity: 1;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
}

.payment-typebx label img {
    height: 16px;
    margin: 0 0 5px;
    position: relative;
    z-index: 2;
}

.payment-typebx label span {
    position: relative;
    z-index: 2;
}

.payment-form .form-group {
    margin: 0 0 10px;
}

.payment-form .form-group label {
    font-size: 13px;
    font-weight: 500;
    font-family: 'SF Pro Display';
    color: #4F5B76;
    margin: 0 0 5px;
    display: block;
}

.payment-form .form-group .form-control {
    padding: 12px 15px;
    border-radius: 6px;
    border: 2px solid #E0E0E0;
    height: auto;
    box-shadow: none;
    font-size: 13px;
    font-family: 'SF Pro Display';
    font-weight: 500;
    color: #000;
    display: block;
    outline: none;
    width: 100%;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
    resize: none;
}

.payment-form .form-group .form-control::placeholder {
    color: #A5ACB8;
}

.payment-form .form-group select.form-control {
    -webkit-appearance: none;
    background-image: url('/assets/down-select-1053b0fb.svg');
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 15px;
}

.card-input {
    position: relative;
}

.card-input img {
    position: absolute;
    top: 12px;
    right: 15px;
}

.payment-form .form-group .card-input .form-control {
    padding: 12px 130px 12px 15px;
}

.payment-form .form-group.host-msg-bx {
    margin: 25px 0;
}

.payment-form .form-group.host-msg-bx .form-control {
    border-radius: 25px;
    box-shadow: none;
    padding: 15px 20px;
    font-size: 14px;
    border: 1px solid #C4C4C4;
    font-weight: 300;
}

.payment-form .form-group.host-msg-bx .form-control::placeholder {
    color: #BEBEBE;
}

.review-request-box {
    padding: 20px;
    border-radius: 25px;
    border: 1px solid #C4C4C4;
}

.review-request-top {
    padding: 0 0 15px;
    border-bottom: 1px solid #D7D7D7;
}

.review-request-top h3 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    margin: 0 0 25px;
}

.review-request-top p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 22px;
    max-width: 75%;
}

.review-request-bottom {
    padding: 15px 0 0;
}

.review-request-bottom p {
    margin: 0 0 35px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 22px;
    max-width: 75%;
}

.review-request-bottom p a {
    color: #2996E8;
    font-weight: 500;
}

.review-request-bottom p a:hover {
    color: #333;
}

.review-request-bottom .btn-main {
    background: #6BBBE9;
    width: 80%;
    margin: 0 auto;
    border: none;
    padding: 15px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    border-radius: 50px;
    display: table;
}

.review-request-bottom .btn-main:hover {
    background: #003CFF;
    color: #fff;
}

.saved-cards-row ul {
    margin: 0 0 35px;
}

.saved-cards-row ul li {
    margin: 0 0 30px;
    display: flex;
    align-items: center;
}

.saved-cards-row ul li:last-child {
    margin: 0;
}

.saved-cards-row ul li .payment-typebx {
    max-width: 295px;
    width: 100%;
    margin: 0;
}

.saved-cards-row ul li .payment-typebx [type="radio"]:checked+label,
.saved-cards-row ul li .payment-typebx [type="radio"]:not(:checked)+label {
    display: flex;
    align-items: center;
}

.saved-cards-row ul li .payment-typebx label img {
    min-width: 50px;
    height: 25px;
    max-width: 50px;
    margin: 0 5px 0 0;
}

.saved-cards-row ul li .payment-typebx label span {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    line-height: 18px;
}

.saved-cards-row ul li .payment-typebx label span b {
    display: block;
    font-size: 10px;
    font-weight: 300;
    color: #9F9F9F;
}

.saved-cards-row ul li .payment-typebx [type="radio"]:checked+label,
.saved-cards-row ul li .payment-typebx [type="radio"]:not(:checked)+label,
.saved-cards-row ul li .payment-typebx [type="radio"] label,
.saved-cards-row ul li .payment-typebx [type="radio"]:checked+label {
    border: 1px solid #DFDFDF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
}

.saved-cards-row ul li .payment-typebx [type="radio"]:checked+label:before,
.saved-cards-row ul li .payment-typebx [type="radio"]:not(:checked)+label:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border: 4px solid #C5C5C5;
    background: #C5C5C5;
    border-radius: 100%;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.saved-cards-row ul li .payment-typebx [type="radio"]:checked+label:after,
.saved-cards-row ul li .payment-typebx [type="radio"]:not(:checked)+label:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    border: 4px solid #396FAC;
    border-radius: 100%;
    top: 50%;
    right: 15px;
    left: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.btn-change {
    padding: 10px 30px;
    background: #DBDBDB;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin: 0 auto;
}

.btn-change:hover {
    background: #101010;
    color: #fff;
}

.btn-delete:hover {
    opacity: 0.70;
}

.payment-form .saved-cards-row .form-group.host-msg-bx {
    margin: 50px 0 50px;
}

.booking-confirm-row {
    border-radius: 15px;
    border: 1px solid #CFCFCF;
    max-width: 90%;
    margin: 0 auto 45px;
}

.booking-confirm-row .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.booking-confirm-row .row .col-md-4 {
    width: 30%;
}

.booking-confirm-row .row .col-md-8 {
    width: 70%;
}

.booking-place-img img {
    width: 100%;
    border-radius: 15px;
}

.booking-place-info {
    padding: 15px 30px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.place-name-box {
    width: 40%;
}

.date-bx {
    width: 40%;
}

.price-night-bx {
    width: 20%;
}

.place-name-box h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0 0 25px;
    line-height: 30px;
    font-family: 'Inter';
}

.place-name-box h5 {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: normal;
    color: #000;
    margin: 0 0 25px;
}

.place-name-box h5 img {
    margin: 0 10px 0 0;
    width: 20px;
}

.place-name-box p {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #909090;
    line-height: 24px;
    font-family: 'Inter';
}

.place-name-box ul {
    margin: 0 auto 20px;
    max-width: 190px;
}

.place-name-box ul li {
    border-bottom: 1px solid #2996E8;
    padding: 0 0 20px;
    margin: 0 0 20px;
}

.place-name-box ul li:last-child {
    border: none;
    padding: 0;
    margin: 0;
}

.place-name-box ul li h4 {
    margin: 0;
    font-family: 'Inter';
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.place-name-box ul li p {
    margin: 0;
    text-align: center;
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.place-name-box h3 {
    text-align: right;
    margin: 0;
    font-size: 32px;
    font-family: 'Inter';
    font-weight: 500;
    color: #000;
    line-height: 30px;
}

.place-name-box h3 span {
    display: block;
    font-size: 24px;
}

/* **** End Booking Page **** */

/* **** Login & Register Page **** */
.login-wrp {
    background: #fff;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.login-left-box {
    width: 45%;
    position: relative;
    height: 100vh;
}

.login-left-box h2 {
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    max-width: 140px;
    margin: 0 auto;
    display: none;
}

.login-left-box .login-back img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.login-left-box:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #1565D8;
    opacity: 0.90;
    top: 0;
    left: 0;
}

figure.login-shp1 {
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 2;
}

figure.login-shp2 {
    position: absolute;
    top: 22%;
    right: 32%;
    z-index: 2;
}

figure.login-shp3 {
    position: absolute;
    bottom: 22%;
    right: 28%;
    z-index: 2;
}

.login-quote-box {
    max-width: 470px;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}

.login-quote-box figure {
    margin: 0 0 50px;
}

.login-quote-box p {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Inter';
    color: #fff;
    line-height: 36px;
}

.login-right-box {
    width: 55%;
    height: 100vh;
    overflow: auto;
    padding: 10px;
}

.btn-back {
    display: flex;
    align-items: center;
    width: fit-content;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
    color: #8692A6;
    margin: 0 0 50px;
}

.btn-back img {
    margin-right: 10px;
    max-width: 20px;
    min-width: 20px;
}

.btn-back:hover {
    opacity: 0.70;
}

.register-form-block {
    max-width: 360px;
    margin: 0 auto;
    width: 100%;
}

.register-form-block h1 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #F5F5F5;
}

.register-form-block h2 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin: 0 0 30px;
}

.register-form-block .form-group {
    margin: 0 0 16px;
}

.register-form-block .form-group label {
    margin: 0 0 8px;
    display: block;
    padding: 0 15px;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0.3px;
    color: #333333;
}

.register-form-block .form-group .form-control {
    padding: 15px 35px 15px 15px;
    background: #F2F2F2;
    border-radius: 6px;
    height: auto;
    box-shadow: none;
    border: 1px solid #E5E5E5;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    color: #808080;
    display: block;
    width: 100%;
    outline: none;
}

.register-form-block .form-group .form-control::placeholder {
    color: #808080;
}

.password-box {
    position: relative;
}

.password-box a {
    position: absolute;
    top: 18px;
    right: 15px;
}

.register-form-block .btn-main {
    padding: 10px 15px;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    background: #007AFF;
    border: none;
    border-radius: 6px;
    outline: none;
    text-align: center;
    display: block;
    width: 100%;
    margin: 30px 0;
    cursor: pointer;
}

.register-form-block .btn-main:hover {
    background: #333333;
    color: #fff;
}

.register-form-block .btn-group {
    border-top: 1px solid #E5E5E5;
    padding: 30px 0 25px;
}

.register-form-block .btn-group .btn-google {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #333333;
    border-radius: 6px;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    padding: 10px 15px;
}

.register-form-block .btn-group .btn-google img {
    min-width: 20px;
    max-width: 20px;
    margin-right: 8px;
}

.register-form-block .btn-group .btn-google:hover {
    background: #007AFF;
    color: #fff;
}

.register-form-block h6 {
    margin: 0 auto 0;
    display: flex;
    align-items: center;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.3px;
    justify-content: center;
    width: fit-content;
    color: #1A1A1A;
}

.register-form-block h6 a {
    color: #007AFF;
    margin: 0 0 0 15px;
}

.register-form-block h6 a:hover {
    color: #333;
}

.tab-row {
    display: flex;
    align-items: center;
    border: 2px solid #2996E8;
    background: #2996E8;
    border-radius: 6px;
    max-width: 230px;
    width: 100%;
    margin: 0 0 25px;
}

.tab-row a {
    padding: 9px;
    width: 50%;
    border-radius: 6px;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.tab-row a.active {
    background: #fff;
    color: #2996E8;
}

.form-group-rw {
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
}

.form-group-rw a {
    margin: 0 0 0 auto;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    letter-spacing: 0.3px;
    color: #007AFF;
}

.form-group-rw a:hover {
    color: #333;
}

.togglebx {
    display: flex;
    align-items: center;
}

.togglebx span {
    font-weight: normal;
    font-size: 12px;
    color: #1A1A1A;
    letter-spacing: 0.3px;
    margin: 0 0 0 10px;
}

.switch input {
    position: absolute;
    opacity: 0;
}

.switch {
    display: inline-block;
    font-size: 20px;
    /* 1 */
    height: 1em;
    width: 2em;
    background: #E5E5E5;
    border-radius: 1em;
    cursor: pointer;
}

.switch div {
    height: 1em;
    width: 1em;
    border-radius: 1em;
    background: #FFF;
    box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}

.switch input:checked+div {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    background: #007AFF;
}

/* **** End Login & Register Page **** */.about-us-page {
  min-height: 100vh;
  background: #f9fafb;
  font-family: system-ui, sans-serif;
}

.about-us-page .container {
  max-width: 72rem;
  margin: 0 auto;
  text-align: center;
}

.about-us-page .hero {
  background: rgb(87, 157, 249);
  color: #ffffff;
  padding: 5rem 1rem;
}

.about-us-page .hero h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.about-us-page .hero h1 .brandLight {
  color: #044b86;
}

.about-us-page .hero p {
  max-width: 700px;
  margin: 0 auto 2rem;
  font-size: 1.25rem;
  opacity: 0.9;
}

.about-us-page .section {
  padding: 4rem 1rem;
}

.about-us-page .section h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
  color: #111827;
}

.about-us-page .section p {
  color: #6b7280;
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

.about-us-page .gradientFeature {
  background: linear-gradient(180deg, hsla(213, 94%, 68%, 0.05), hsla(217, 91%, 60%, 0.01));
}

.about-us-page .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

.about-us-page .cardContent {
  background: #ffffff;
  color: #111827;
  border: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
}

.about-us-page .cardContent p {
  text-align: start;
  margin-bottom: 1rem;
  color: #6b7280;
}

.about-us-page .cardContent ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
}

.about-us-page .cardContent ul li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #111827;
}

.about-us-page .cardHeader {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  gap: 1rem;
}

.about-us-page .cardHeader h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

.about-us-page .icon {
  width: 2rem;
  height: 2rem;
  color: #2563eb;
  margin-right: 0.75rem;
}

.about-us-page .iconLg {
  width: 3rem;
  height: 3rem;
  color: #2563eb;
  margin-bottom: 1rem;
}

.about-us-page .grid3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

.about-us-page .featureCard {
  background: #ffffff;
  padding: 2rem;
  border-radius: 0.75rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  text-align: center;
}

.about-us-page .featureCard h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 1rem 0;
}

.about-us-page .refund {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-size: 2rem;
  font-weight: 700;
  color: #2563eb;
}

.about-us-page .cardHighlight {
  background: rgba(255, 255, 255, 0.7);
  padding: 1.5rem;
  border-radius: 0.75rem;
  margin-top: 2rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.about-us-page .cardHighlight h3 {
  color: #1e3a8a;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

.about-us-page .primaryBtn,
.about-us-page .secondaryBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 1rem;
  border: none;
}

.about-us-page .primaryBtn {
  background: #2563eb;
  color: #ffffff;
}

.about-us-page .primaryBtn:hover {
  background: #1e3a8a;
}

.about-us-page .secondaryBtn {
  background: #f3f4f6;
  color: #2563eb;
}

.about-us-page .secondaryBtn:hover {
  background: #e5e7eb;
  color: #1e3a8a;
}

.about-us-page .communitySection {
  padding: 4rem 1rem;
}

.about-us-page .communitySection .container {
  max-width: 48rem;
  margin: 0 auto;
  text-align: center;
}

.about-us-page .communityIcon {
  margin-bottom: 1.5rem;
}

.about-us-page .communitySection h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
  color: #111827;
}

.about-us-page .communitySection p {
  font-size: 1.125rem;
  color: #6b7280;
  line-height: 1.7;
}

.about-us-page .communitySection .cardHighlight {
  background: rgba(255, 255, 255, 0.6);
  padding: 1.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-top: 2rem;
  text-align: center;
}

.about-us-page .communitySection .cardHighlight h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2563eb;
  margin: 0 0 0.5rem 0;
}

.about-us-page .communitySection .cardHighlight p {
  color: #6b7280;
  font-size: 1rem;
}

.about-us-page .cta p {
  margin-bottom: 1.5rem;
}


/* **** Profile Page **** */
.profile-cover-block {
    position: relative;
    margin: 0 30px 30px;
    border-radius: 15px;
    overflow: hidden;
}

.profile-cover-block:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #1565D8;
    top: 0;
    left: 0;
    opacity: 0.90;
}

.profile-cover-block img {
    width: 100%;
    height: auto;
}

.profile-cover-block h1 {
    margin: 0 auto;
    text-align: center;
    display: table;
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 5;
    max-width: 210px;
}

.wizards-header {
    max-width: 800px;
    width: 100%;
    margin: 0 auto 40px;
}

.wizards-header ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.wizards-header ul li {
    width: 25%;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.wizards-header ul li:after {
    position: absolute;
    content: '';
    background: #2996E8;
    width: 100%;
    height: 3px;
    right: 0;
    top: 20px;
}

.wizards-header ul li:first-child:after {
    width: 50%;
}

.wizards-header ul li:last-child:after {
    width: 50%;
    left: 0;
    right: auto;
}

.wizards-header ul li span {
    margin: 0 auto 25px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #CFD6DC;
    line-height: 40px;
    color: #ABB7C2;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
}

.wizards-header ul li p {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #ABB7C2;
    line-height: 20px;
}

.wizards-header ul li.activeted span {
    background: #2996E8;
    color: #fff;
    border-color: #2996E8;
}

.wizards-header ul li.activeted p,
.wizards-header ul li.active p {
    color: #2996E8;
}

.wizards-header ul li.active span {
    color: #2996E8;
    border-color: #2996E8;
}

.profile-wrp {
    padding: 45px 95px;
    background: #FFFFFF;
    box-shadow: 0px 2px 14px 1px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    margin: 0 auto 50px;
}

.profile-wrp h2 {
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0 auto 30px;
}

.profile-wrp h3 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #2996E8;
    margin: 0 auto 60px;
}

.profile-setup-box .row {
    margin: 0 -45px;
    display: flex;
    flex-wrap: wrap;
}

.profile-setup-box .row .col-md-6 {
    padding: 0 45px;
    width: 50%;
}

.profile-setup-box .form-group {
    margin: 0 0 60px;
}

.profile-setup-box .form-group label {
    display: block;
    margin: 0 0 5px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #A9A9A9;
}

.profile-setup-box .form-group .form-control {
    padding: 15px 20px;
    height: auto;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    box-shadow: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #474747;
    display: block;
    width: 100%;
    outline: none;
}

.call-box {
    position: relative;
}

.profile-setup-box .form-group .call-box .form-control {
    padding: 15px 70px;
}

.country-bx {
    max-width: 38px;
    position: absolute;
    top: 11px;
    left: 13px;
}

.country-bx img {
    width: 38px;
    height: 29px;
    object-fit: cover;
}

.profile-setup-box .form-group .call-box button {
    width: 42px;
    height: 28px;
    background: #2996E8;
    border-radius: 6px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
}

.profile-setup-box .form-group .call-box button:hover {
    background: #000;
}

.profile-setup-box .form-group select.form-control {
    -webkit-appearance: none;
    background-image: url('/assets/down-ar-0f412167.svg');
    background-repeat: no-repeat;
    color: #CACACA;
    background-size: 20px;
    background-position: center right 15px;
}

.profile-setup-box .btn-main {
    padding: 15px 35px;
    background: #2996E8;
    max-width: 210px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    margin: 0 auto;
    display: table;
    width: 100%;
    border-radius: 50px;
    border: none;
    cursor: pointer;
}

.profile-setup-box .btn-main:hover {
    background: rgba(41, 150, 232, 0.60);
    color: #fff;
}


.social-link-wrp {
    max-width: 555px;
    width: 100%;
    margin: 0 auto;
}

.social-link-box {
    max-width: 485px;
    width: 100%;
    margin: 0 auto;
}

.social-link-box ul {
    min-height: 150px;
}

.social-link-box ul li {
    margin: 0 0 15px;
    display: flex;
}

.social-link-box ul li:last-child {
    margin: 0;
}

.social-platform {
    display: flex;
    align-items: center;
    padding: 9px 13px;
    border: 1px solid #2996E8;
    border-radius: 8px;
    width: 100%;
}

.social-platform h3 {
    margin: 0;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #2996E8;
}

.social-platform figure {
    min-width: 31px;
    max-width: 31px;
    margin: 0 0 0 auto;
}

.social-platform figure img {
    width: 100%;
}

.btn-delete {
    width: 60px;
    height: 51px;
    min-width: 60px;
    margin: 0 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2996E8;
    border-radius: 8px;
}

.btn-delete img {
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.btn-delete:hover {
    background: #FFADAD;
    border-color: #FFADAD;
}

.btn-delete:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.social-link-box .btn-main {
    padding: 15px 15px;
    background: #2996E8;
    max-width: 210px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    font-family: 'SF Pro Display';
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 25px auto 0;
    display: table;
    width: 100%;
    border-radius: 50px;
    border: none;
    cursor: pointer;
}

.social-link-box .btn-main:hover {
    background: rgba(41, 150, 232, 0.60);
    color: #fff;
}

.social-link-wrp .btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 95px auto 0;
}

.social-link-wrp .btn-group .btn-back {
    padding: 14px 45px 14px 45px;
    background: #fff;
    max-width: 210px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #000;
    width: 100%;
    border-radius: 50px;
    border: 1px solid #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.social-link-wrp .btn-group .btn-back img {
    position: absolute;
    top: 14px;
    left: 15px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.social-link-wrp .btn-group .btn-back:hover {
    background: #000;
    color: #fff;
}

.social-link-wrp .btn-group .btn-back:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.social-link-wrp .btn-group .btn-main {
    padding: 15px 15px;
    background: #2996E8;
    max-width: 210px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    display: table;
    width: 100%;
    border-radius: 50px;
    border: none;
    cursor: pointer;
}

.social-link-wrp .btn-group .btn-main:hover {
    background: rgba(41, 150, 232, 0.60);
    color: #fff;
}

.upload-profile-wrp {
    margin: 0 auto 50px;
}

.upload-profile-wrp h2 {
    margin: 0 auto 50px;
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
}

.upload-profile-block {
    padding: 50px;
    background: #FFFFFF;
    box-shadow: 0px 2px 14px 1px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
}

.upload-profile-block h3 {
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0 auto 100px;
}

.profile-picture-box {
    max-width: 265px;
    width: 265px;
    height: 265px;
    border-radius: 100%;
    background: #D9D9D9;
    margin: 0 auto 100px;
}

.profile-picture-box img {
    width: 265px;
    height: 265px;
    border-radius: 100%;
    object-fit: cover;
}

.upload-profile-block p {
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #5D5C5C;
    margin: 0 auto 75px;
}

.upload-profile-block .btn-group {
    max-width: 660px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.upload-profile-block .btn-group .btn-main {
    padding: 15px 30px;
    border-radius: 50px;
    border: none;
    max-width: 250px;
    width: 100%;
    text-align: center;
    background: #2996E8;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    cursor: pointer;
}

.upload-profile-block .btn-group .btn-main:hover {
    background: #101010;
    color: #fff;
}

.upload-profile-block .btn-group .btn-secondary {
    padding: 15px 30px;
    border-radius: 50px;
    border: none;
    max-width: 250px;
    width: 100%;
    text-align: center;
    background: #84CAFF;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    cursor: not-allowed;
}

.verification-block {
    margin: 0 auto 50px;
    padding: 50px;
    background: #FFFFFF;
    box-shadow: 0px 2px 14px 1px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
}

.verification-block h2 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0 auto 55px;
}

.verification-block h3 {
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0 auto 35px;
}

.verification-block p {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #7D7D7D;
    margin: 0 auto 80px;
}

.verification-block .btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 550px;
}

.verification-block .btn-group .btn-back {
    padding: 14px 45px 14px 45px;
    background: #fff;
    max-width: 210px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #000;
    width: 100%;
    border-radius: 50px;
    border: 1px solid #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.verification-block .btn-group .btn-back img {
    position: absolute;
    top: 13px;
    left: 20px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.verification-block .btn-group .btn-back:hover {
    background: #000;
    color: #fff;
}

.verification-block .btn-group .btn-back:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.verification-block .btn-group .btn-main {
    padding: 15px 15px;
    background: #2996E8;
    max-width: 210px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    display: table;
    width: 100%;
    border-radius: 50px;
    border: none;
    cursor: pointer;
}

.verification-block .btn-group .btn-main:hover {
    background: rgba(41, 150, 232, 0.60);
    color: #fff;
}

.verification-method-row {
    max-width: 550px;
    margin: 0 auto 75px;
}

.verification-method-row h4 {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.0924632px;
    color: #000000;
}

.verification-method-row ul li {
    margin: 0 0 10px;
}

.verification-method-row ul li:last-child {
    margin: 0;
}

.custom-rdbx {}

.custom-rdbx [type="radio"]:checked,
.custom-rdbx [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-rdbx [type="radio"]:checked+label,
.custom-rdbx [type="radio"]:not(:checked)+label {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.0924632px;
    color: #000000;
    width: 100%;
    display: block;
    padding: 22px 22px 22px 62px;
    background: #F3F8FF;
    border-radius: 7px;
}

.custom-rdbx [type="radio"]:checked+label:before,
.custom-rdbx [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 22px;
    top: 23px;
    width: 18px;
    height: 18px;
    background: #E3EEFF;
    border: 2px solid #C7DDFF;
    border-radius: 100%;
}

.custom-rdbx [type="radio"]:checked+label:after,
.custom-rdbx [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 11px;
    height: 11px;
    background: #fff;
    border: 6px solid #1573FE;
    position: absolute;
    top: 23px;
    left: 22px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom-rdbx [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom-rdbx [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.passport-block {
    margin: 0 auto 55px;
    max-width: 325px;
}

.passport-block img {
    width: 100%;
    border-radius: 8px;
}

.passport-photo-notes {}

.passport-photo-notes h4 {
    margin: 0 auto 35px;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    color: #000D1D;
}

.passport-photo-notes ul {
    margin: 0 auto 75px;
    display: table;
}

.passport-photo-notes ul li {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: normal;
    color: #1D1D1D;
    line-height: 130%;
    padding: 0 0 0 15px;
    position: relative;
}

.passport-photo-notes ul li:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #1D1D1D;
    opacity: 0.30;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.passport-photo-notes ul li:last-child {
    margin: 0;
}

.passport-photo-rw {
    max-width: 760px;
    margin: 0 auto 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.passport-uploadbox {}

.upload-btn-wrapper {
    position: relative;
}

.upload-btn-wrapper .btn {
    padding: 30px;
    font-size: 20px;
    font-weight: bold;
    max-width: 315px;
    min-width: 315px;
    display: block;
    width: 100%;
    background: #FFFFFF;
    border: none;
    box-shadow: 0px 0px 10.7px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.upload-btn-wrapper input[type=file] {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 10px;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-btn-wrapper .btn span {
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #7D7D7D;
    margin: 0 auto;
    display: table;
}

.upload-btn-wrapper .btn img {
    border-radius: 8px;
    margin: 25px auto;
    display: table;
    max-width: 80px;
}

aside.profile-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.14);
    width: 280px;
    height: 100vh;
    overflow: auto;
    background: #fff;
    z-index: 99;
    padding: 100px 15px 30px;
    transition: left 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
}

aside.profile-sidebar ul li {
    margin: 0 0 15px;
}

aside.profile-sidebar ul li:last-child {
    margin: 0;
}

aside.profile-sidebar ul li a {
    padding: 10px 15px;
    display: block;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    border-radius: 6px;
    letter-spacing: -0.02em;
    color: #000000;
}

aside.profile-sidebar ul li a:hover {
    color: #fff;
    background: #2996E8;
}

.user-profile-wrp {
    padding: 80px 0 30px;
}

.user-profile-wrp .container {
    max-width: 975px;
    margin: 0 auto;
}

.user-profile-row {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.profile-imgbox figure {
    max-width: 115px;
    margin: 0 auto 15px;
}

.profile-imgbox figure img {
    width: 115px;
    height: 115px;
    border-radius: 100%;
    object-fit: cover;
}

.profile-imgbox h1 {
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0;
}

.profile-review-wrp,
.profile-about-row {
    padding: 45px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.profile-about-box {
    max-width: 475px;
    margin: 0 auto 60px;
}

.pro-abt-head {
    display: flex;
    align-items: center;
    margin: 0 0 30px;
}

.pro-abt-head h2 {
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0;
}

.pro-abt-head a {
    width: 90px;
    height: 29px;
    line-height: 29px;
    border-radius: 30px;
    background: #B1B1B1;
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0 0 0 auto;
    text-align: center;
    display: block;
}

.pro-abt-head a:hover {
    background: #2996E8;
    color: #fff;
}

.profile-about-box p {
    margin: 0 auto 30px;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    opacity: 0.50;
    text-align: center;
    line-height: 22px;
}

.social-bx-share {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-bx-share a {
    margin-right: 20px;
    width: 35px;
    height: 35px;
    background: #2996E8;
    line-height: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.social-bx-share a:last-child {
    margin: 0;
}

.social-bx-share a:hover {
    opacity: 0.70;
}

.my-trips-wrp .row,
.profile-progress-row .row {
    margin: 0 -25px;
    display: flex;
    flex-wrap: wrap;
}

.my-trips-wrp .row .col-md-3,
.profile-progress-row .row .col-md-3 {
    width: 25%;
    padding: 0 25px;
}

.progress-box {
    display: flex;
    align-items: center;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 2.48px 2.48px 18.58px rgba(166, 171, 189, 0.5);
}

.progress-box figure {
    min-width: 35px;
    max-width: 35px;
    margin-right: 15px;
}

.progress-box h3 {
    font-size: 21px;
    font-weight: 600;
    margin: 0;
    color: #000000;
}

.progress-box h3 span {
    display: block;
    font-size: 14px;
    color: #9098A3;
    letter-spacing: 0.0247712px;
}

.my-trips-wrp {
    padding: 45px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.profile-review-wrp h2,
.my-trips-wrp h2 {
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0 0 40px;
}

.trip-block {
    padding: 15px;
    border-radius: 25px;
    background: #fff;
    border: rgba(240, 242, 245, 0.50);
    box-shadow: 2.48px 2.48px 18.58px rgba(166, 171, 189, 0.5);
}

.trip-contry {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.trip-contry figure {
    min-width: 28px;
    margin-right: 10px;
    max-width: 28px;
}

.trip-contry h3 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.247712px;
    color: #000000;
}

.destination-img {
    margin: 0 0 10px;
}

.destination-img img {
    width: 100%;
    border-radius: 10px;
}

.trip-block h4 {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.0247712px;
    background: linear-gradient(90deg, rgba(170, 21, 27, 0.45) 37.98%, rgba(241, 191, 0, 0.45) 74.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.trip-block h4 span {
    margin: 0 0 0 auto;
}

.italy-block h4 {
    background: linear-gradient(90deg, rgba(0, 146, 70, 0.45) 2.88%, rgba(221, 216, 216, 0.45) 37.17%, rgba(206, 43, 55, 0.45) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.profile-review-box {
    max-width: 635px;
    margin: 0 0 45px;
}

.profile-review-box:last-child {
    margin: 0;
}

.profile-review-box h6 {
    font-size: 12px;
    font-weight: 600;
    color: #858585;
    line-height: 20px;
    margin: 0 0 10px;
}

.review-str {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}

.review-str figure {
    margin-right: 8px;
}

.review-str figure:last-child {
    margin: 0;
}

.review-str figure img {
    width: 16px;
}

.user-probx {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}

.user-probx figure {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 100%;
    background: rgba(84, 101, 255, 0.20);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.user-probx figure span {
    font-size: 14px;
    font-weight: 600;
    color: #5465FF;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.user-probx h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #0D0C22;
}

.profile-review-box h4 {
    font-size: 14px;
    font-weight: 500;
    color: #858585;
    line-height: 20px;
    margin: 0 0 10px;
}

.profile-review-box p {
    font-size: 14px;
    font-weight: normal;
    color: #0D0C22;
    line-height: 22px;
    margin: 0;
    max-width: 630px;
}


.current-book-wrp {
    padding: 25px 0 0;
}

.book-head {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
}

.book-head h2 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0;
}

.book-head a {
    margin: 0 0 0 auto;
    padding: 10px 20px;
    border-radius: 10px;
    background: rgba(93, 93, 93, 0.4);
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.current-book-wrp .row {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

.current-book-wrp .row .col-md-6 {
    width: 50%;
    padding: 0 10px;
}

.room-bookbox {
    padding: 30px 20px 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10.7px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.room-top {
    display: flex;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    margin: 0 0 20px;
}

.room-profile-img {
    min-width: 76px;
    margin-right: 24px;
}

.room-profile-img img {
    width: 76px;
    height: 76px;
    border-radius: 100%;
    object-fit: cover;
}

.room-profile-data h3 {
    margin: 0 0 15px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
}

.room-profile-data p {
    margin: 0 0 20px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #000000;
}

.room-profile-data ul {
    display: flex;
    align-items: center;
}

.room-profile-data ul li {
    margin-right: 50px;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.room-profile-data ul li:last-child {
    margin: 0;
}

.room-profile-data ul li figure {
    min-width: 19px;
    max-width: 19px;
    margin-right: 10px;
}

.room-bottom h4 {
    margin: 0 0 15px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
}

.room-bottom .row {
    margin: 0 -4px;
}

.room-bottom .row .col-md-6 {
    padding: 0 4px;
    width: 50%;
}

.room-bottom .row .col-md-12 {
    width: 100%;
    padding: 0 4px;
}

.room-bottom .btn-secondary {
    padding: 15px;
    display: block;
    width: 100%;
    background: rgba(41, 150, 232, 0.8);
    border-radius: 10px;
    color: #fff;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0 0 8px;
}

.room-bottom .btn-secondary:hover {
    background: rgba(41, 150, 232, 1);
    color: #fff;
}

.btn-sidebar-dash {
    display: none;
}

/* **** End Profile Page **** */
.notification-wrapper {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  z-index: 99999;
  display: flex;
  justify-content: center;
}

.notification-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.notification-container .notification {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 280px;
  max-width: 380px;
  width: 100%;
  padding: 14px 18px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border-left: 5px solid transparent;
  position: relative;
  overflow: hidden;
  animation: notification-slide-in 0.3s ease;
}

/* === Body === */
.notification-container .notification__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.notification-container .notification__title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 4px;
  color: #111827;
}

.notification-container .notification__text {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.5;
}

/* === Close Button === */
.notification-container .notification__close {
  border: none;
  background: none;
  font-size: 18px;
  font-weight: bold;
  color: #9ca3af;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  position: absolute;
  top: 8px;
  right: 10px;
  transition: color 0.2s ease;
}

.notification-container .notification__close:hover {
  color: #111827;
}

/* === Type Variants === */
.notification-container .notification--success {
  border-left-color: #22c55e;
  background: #ecfdf5;
}

.notification-container .notification--error {
  border-left-color: #ef4444;
  background: #fef2f2;
}

.notification-container .notification--warning {
  border-left-color: #f59e0b;
  background: #fffbeb;
}

.notification-container .notification--info {
  border-left-color: #3b82f6;
  background: #eff6ff;
}

/* === Animations === */
@keyframes notification-slide-in {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .filter-inner-bx .form-group .form-control {
    width: 100%;
    display: block;
  }

  .filter-row button {
    min-width: 90px;
  }

  /* *** Details Page *** */
  .header-search-bx {
    max-width: 200px;
    min-width: 200px;
  }

  .details-wrp .container {
    padding: 0 30px;
  }

  .meubar-rw ul li {
    margin: 0 30px 0 0;
  }

  .extra-charges-wrp table thead th {
    padding: 20px 25px;
    font-size: 18px;
  }

  .extra-charges-wrp table tbody tr td {
    padding: 15px 25px;
    font-size: 16px;
  }

  .details-wrp h1 {
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 10px;
  }

  .product-sml-details-img img {
    height: 150px;
  }

  .product-details-img img {
    height: 320px;
  }

  .btn-seeall {
    font-size: 12px;
    padding: 5px 10px;
  }

  .facility-list ul li figure {
    min-width: 25px;
    max-width: 25px;
  }

  .facility-list ul li figure img {
    width: 100%;
  }

  .facility-list ul li {
    margin: 0 25px 25px 0;
    font-size: 14px;
  }

  .property-price-bx h2 {
    font-size: 26px;
    line-height: 26px;
  }

  .property-price-bx h2 small {
    font-size: 16px;
  }

  .three-d-view-bx {
    border-radius: 10px;
  }

  .property-detials-sidebar {
    padding: 0;
  }

  .posted-by-bx {
    padding: 20px;
  }

  .posted-by-bx h2 {
    font-size: 22px;
  }

  .posted-by-bx h2 span {
    font-size: 14px;
  }

  .posted-by-bx h5 {
    font-size: 20px;
  }

  .posted-by-bx figure {
    min-width: 25px;
    max-width: 25px;
    margin: 0 5px 0 0;
  }

  .posted-by-bx figure img {
    width: 100%;
  }

  .about-propertybx h2 {
    font-size: 18px;
    margin: 0 0 15px;
  }

  .about-propertybx p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 15px;
  }

  .key-features-wrp {
    padding: 30px 0;
  }

  .key-features-wrp h2 {
    font-size: 20px;
    margin: 0 0 25px;
  }

  .key-ic {
    min-width: 30px;
    max-width: 30px;
    margin: 0 10px 0 0;
  }

  .key-ic img {
    width: 100%;
  }

  .key-data h3 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
  }

  .key-data p {
    font-size: 13px;
    line-height: 18px;
  }

  .key-features-box {
    margin: 0 0 30px;
  }

  .key-features-wrp .btn-main {
    margin: 0 auto;
  }

  .our-location-wrp {
    padding: 0;
  }

  .location-list ul li a {
    padding: 5px 10px;
    font-size: 14px;
  }

  .location-list ul li a figure {
    min-width: 19px;
    max-width: 19px;
  }

  .location-list ul li a figure img {
    width: 100%;
  }

  .host-detials-wrp h2,
  .houes-rule-wrp h2 {
    font-size: 20px;
  }

  .rule-block table tbody tr td {
    padding: 20px 25px;
    font-size: 16px;
  }

  .rule-dt figure {
    min-width: 25px;
    max-width: 25px;
    margin: 0 10px 0 0;
  }

  .rule-dt figure img {
    width: 100%;
  }

  .booking-date-wrp {
    padding: 30px 0;
  }

  .host-detials-row .row .col-md-4 {
    width: 50%;
  }

  .book-choice .book-inbx {
    padding: 20px;
  }

  .book-inbx h3 {
    font-size: 16px;
  }

  .book-inbx .form-control {
    font-size: 13px;
  }

  .booking-head h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .booking-head p {
    font-size: 14px;
  }

  .booking-head {
    margin: 0;
  }

  .guest-review-wrp {
    padding: 30px 0 0;
  }

  .guest-review-wrp h2 {
    font-size: 20px;
    margin: 0 0 25px;
  }

  .guest-review-wrp h2 img {
    min-width: 25px;
    max-width: 25px;
  }

  .review-top .review-img {
    min-width: 35px;
  }

  .review-top .review-img img {
    width: 35px;
    height: 35px;
  }

  .review-data h3 {
    font-size: 14px;
    margin: 0 0 5px;
  }

  .raiting-star span {
    font-size: 12px;
  }

  .overrgt,
  .overlft {
    width: 100%;
  }

  .overall-raiting-box h3 {
    font-size: 18px;
  }

  .overall-raiting-box p {
    font-size: 13px;
    line-height: 20px;
  }

  .overlft h2 {
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 5px;
  }

  .overlft h6 {
    font-size: 16px;
    margin: 0 auto 15px;
  }

  .overrgt ul li h4 {
    font-size: 16px;
  }

  .progress-bx {
    height: 6px;
  }

  .overall-raiting-box {
    padding: 15px;
    border-radius: 10px;
  }

  .posted-cntbx {
    max-width: 100%;
    border-radius: 15px;
  }

  .posted-user {
    padding: 15px 0;
  }

  .posted-user figure {
    margin-right: 10px;
  }

  .posted-cntbx .btn-group .btn-main {
    padding: 12px 15px;
  }

  .chackout-block {
    padding: 15px;
    border-radius: 10px;
  }

  .chackout-rw {
    border-radius: 15px;
  }

  .chackout-rw .chackinbx {
    padding: 15px;
  }

  .chackout-rw .chackinbx h6 {
    font-size: 16px;
    line-height: 24px;
  }

  .chackout-rw .chackinbx .form-control {
    font-size: 13px;
  }

  .btn-resrve {
    padding: 12px 15px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .chackout-tbl table tbody tr td {
    font-size: 14px;
    line-height: 22px;
    padding: 2px 0;
  }

  /* *** End Details Page *** */
  /* *** Booking Page *** */
  .booking-wrp .container {
    padding: 0 30px;
    max-width: 1170px;
  }

  .booking-head .back-btn {
    margin-right: 10px;
    min-width: 30px;
  }

  .booking-head .back-btn img {
    width: 30px;
  }

  .book-row {
    margin: 0 -15px;
  }

  .booking-right-col,
  .booking-left-col {
    padding: 0 15px;
  }

  .booking-head h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .booking-wrp .booking-head {
    margin: 0 0 30px;
  }

  .booking-info-block {
    border-radius: 15px;
    margin: 0 0 30px;
  }

  .destination-bottom {
    padding: 0 15px;
  }

  .destination-cover img {
    border-radius: 10px;
  }

  .destination-title h2 {
    font-size: 16px;
    line-height: 24px;
  }

  .destination-title h6 {
    font-size: 14px;
    margin: 5px 0 0;
  }

  .destination-title h6 img {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .destination-cmn-bx {
    padding: 20px 0;
  }

  .destination-cmn-bx p {
    font-size: 16px;
    line-height: 24px;
  }

  .trip-details-bx h3 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .trip-details-bx .btn-change {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 6px;
  }

  .destination-cmn-bx h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .destination-cmn-bx table tbody tr td {
    font-size: 16px;
    line-height: 24px;
    padding: 3px 0;
  }

  .total-destirw h3 {
    font-size: 16px;
  }

  .total-destirw h3 span {
    font-size: 22px;
  }

  .destination-title {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .review-request-box,
  .payment-method-block {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-method-block h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }

  .payment-method-block p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .payment-method-block h4 {
    font-size: 16px;
  }

  .payment-details-box {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-details-box h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .payment-form {
    padding: 0 0px;
  }

  .payment-form .row {
    margin: 0 -5px;
  }

  .payment-form .col-md-4 {
    padding: 0 5px;
  }

  .payment-typebx [type="radio"]:checked + label,
  .payment-typebx [type="radio"]:not(:checked) + label {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
  }

  .payment-form .col-md-6,
  .payment-form .col-md-12 {
    padding: 0 5px;
  }

  .review-request-bottom p,
  .review-request-top p {
    max-width: 100%;
  }

  .review-request-bottom .btn-main {
    font-size: 16px;
    padding: 10px 15px;
  }

  .review-request-top p {
    font-size: 14px;
    line-height: 20px;
  }

  .review-request-bottom p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
  }

  .place-name-box h5,
  .place-name-box h2 {
    margin: 0 0 15px;
  }

  /* *** End Booking Page *** */
  /* *** Profile Pages *** */
  .profile-body-wrp .container {
    max-width: 1100px;
  }

  .profile-cover-block img {
    height: 160px;
    object-fit: cover;
  }

  .wizards-header {
    margin: 0 auto 35px;
  }

  .profile-wrp {
    padding: 40px 50px;
  }

  .upload-profile-block .btn-group {
    max-width: 550px;
  }

  .profile-setup-box .row {
    margin: 0 -15px;
  }

  .profile-setup-box .row .col-md-6 {
    padding: 0 15px;
  }

  .profile-setup-box .form-group {
    margin: 0 0 25px;
  }

  .profile-setup-box .form-group label {
    font-size: 13px;
  }

  .profile-setup-box .form-group .form-control {
    padding: 12px 20px;
  }

  .country-bx img {
    width: 35px;
    height: 24px;
  }

  .profile-setup-box .form-group .call-box .form-control {
    padding: 12px 70px;
  }

  .country-bx {
    top: 11px;
  }

  .profile-setup-box .form-group .call-box button {
    top: 8px;
    right: 12px;
  }

  .profile-setup-box .btn-main {
    max-width: 180px;
    padding: 12px 20px;
    font-size: 15px;
  }

  .upload-profile-block {
    padding: 45px 30px;
  }

  .profile-picture-box {
    min-width: 160px;
    width: 160px;
    height: 160px;
    margin: 0 auto 50px;
  }

  .profile-picture-box img {
    width: 129px;
    height: 129px;
  }

  .verification-block .btn-group .btn-back,
  .verification-block .btn-group .btn-main,
  .upload-profile-block .btn-group .btn-secondary,
  .upload-profile-block .btn-group .btn-main {
    padding: 10px 15px;
    font-size: 14px;
    max-width: 160px;
  }

  .upload-profile-block .btn-group .btn-secondary {
    margin: 0 0 0 10px;
  }

  .verification-block {
    padding: 40px 30px;
  }

  .verification-block .btn-group .btn-back {
    padding: 9px 15px;
    margin: 0 15px 0 0;
  }

  .verification-block .btn-group .btn-back img {
    top: 7px;
    left: 10px;
  }

  .verification-method-row {
    margin: 0 auto 45px;
  }

  .passport-block {
    margin: 0 auto 30px;
  }

  .passport-photo-rw {
    margin: 0 auto 35px;
  }

  .passport-uploadbox {
    margin: 0;
  }

  .upload-btn-wrapper .btn {
    min-width: 300px;
    max-width: 300px;
    padding: 35px;
  }

  .upload-btn-wrapper .btn img {
    margin: 20px auto;
    max-width: 75px;
    border-radius: 6px;
  }

  .upload-btn-wrapper .btn span {
    font-size: 14px;
  }

  /* *** End Profile Pages *** */
  /* *** User Profile Page *** */
  aside.profile-sidebar {
    max-width: 200px;
  }

  .user-profile-wrp {
    padding: 80px 0 0 200px;
  }

  .user-profile-wrp .container {
    padding: 0 35px;
    max-width: 100%;
  }

  aside.profile-sidebar ul li a {
    padding: 5px 10px;
    font-size: 15px;
  }

  .profile-about-box {
    margin: 0 auto 30px;
  }

  .my-trips-wrp .row,
  .profile-progress-row .row {
    margin: 0 -7px;
  }

  .my-trips-wrp .row .col-md-3,
  .profile-progress-row .row .col-md-3 {
    padding: 0 7px;
  }

  .progress-box {
    padding: 15px;
    border-radius: 5px;
    margin: 0;
  }

  .profile-review-wrp,
  .profile-about-row {
    padding: 30px 0;
  }

  .progress-box figure {
    margin: 0 5px 0 0;
    min-width: 30px;
    max-width: 30px;
  }

  .progress-box figure img {
    width: 100%;
  }

  .progress-box h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .progress-box h3 span {
    font-size: 12px;
  }

  .my-trips-wrp {
    padding: 30px 0;
  }

  .profile-review-wrp h2,
  .my-trips-wrp h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px;
  }

  .trip-block {
    margin: 0 0 15px;
    border-radius: 10px;
  }

  .trip-contry {
    margin: 0 auto 10px;
  }

  .profile-review-box {
    margin: 0 0 30px;
  }

  .book-head h2 {
    font-size: 18px;
  }

  .book-head a {
    padding: 8px 10px;
    font-size: 14px;
  }

  .room-bookbox {
    padding: 15px;
    margin: 0 0 30px;
  }

  .room-profile-img {
    margin-right: 15px;
  }

  .room-profile-data h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
  }

  .room-profile-data p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .room-profile-data ul li {
    margin-right: 15px;
    font-size: 12px;
  }

  .room-profile-data ul li figure {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .room-profile-data ul li figure img {
    width: 100%;
  }

  .room-bottom h4 {
    font-size: 16px;
    line-height: 24px;
  }

  .room-bottom .row .col-md-6 {
    width: 50%;
  }

  .room-bottom .btn-secondary {
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
  }

  .room-profile-img {
    min-width: 50px;
  }

  .room-profile-img img {
    width: 50px;
    height: 50px;
  }

  /* *** End User Profile Page *** */
  /* *** Login & Register Pages *** */
  .login-quote-box {
    max-width: 350px;
  }

  .login-quote-box p {
    font-size: 14px;
    line-height: 24px;
  }

  figure.login-shp1 {
    max-width: 70px;
  }

  figure.login-shp1 img {
    width: 100%;
  }

  figure.login-shp3 {
    bottom: 18%;
  }

  /* *** End Login & Register Pages *** */
  /* *** Home Page *** */
  .home-wrpper {
    overflow: hidden;
  }

  header.home-header {
    display: block;
    top: 15px;
    padding: 15px 30px;
  }

  .home-navbar ul li {
    margin-right: 30px;
  }

  .home-navbar ul li a {
    font-size: 14px;
  }

  .btn-nav {
    padding: 12px 25px;
    font-size: 14px;
  }

  .hero-container {
    border-radius: 24px;
  }

  .hero-center {
    top: 90px;
  }

  .home-wrpper .container {
    max-width: 1120px;
  }

  .hero-img {
    width: 38%;
  }

  .virtual-block {
    bottom: 15px;
    left: 0;
    margin: 0 auto;
  }

  .banner-data h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 15px;
    min-height: 40px;
  }

  .banner-data h1 br {
    display: none;
  }

  .banner-data p {
    margin: 0 0 20px;
    max-width: 70%;
    font-size: 14px;
  }

  .banner-data p br {
    display: none;
  }

  .btn-main {
    padding: 10px 30px;
    font-size: 14px;
  }

  .hero-filter-row {
    max-width: 65%;
    padding: 15px 15px 0 0;
    z-index: 2
  }

  .filter-hero-bx {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 0;
  }

  .filter-hero-bx .form-group {
    width: 25%;
    padding: 0 7px;
    margin: 0 0 10px;
  }

  .filter-hero-bx button {
    max-width: 100%;
  }

  .hero-img {
    right: 0;
    bottom: 0;
  }

  .virtual-data h2 {
    font-size: 22px;
  }

  .line-rw {
    top: 25px;
  }

  .filter-hero-bx .form-group label {
    margin: 0 0 5px;
  }

  .flexible-wrp .row .col-md-5 {
    width: 40%;
  }

  .flexible-wrp .row .col-md-7 {
    width: 60%;
  }

  .flexible-data {
    max-width: 400px;
  }

  .flexible-data h2 {
    font-size: 24px;
    line-height: 36px;
  }

  .flexible-data p {
    font-size: 16px;
  }

  .flexible-data .btn-main {
    padding: 10px 25px;
    font-size: 14px;
    line-height: 22px;
  }

  .flex-bottom h4 {
    font-size: 24px;
  }

  .flex-top h3 {
    font-size: 20px;
  }

  .result-block {
    max-width: 280px;
    min-width: 280px;
    padding: 15px;
    border-radius: 6px;
  }

  .result-block h3 {
    margin: 0 0 15px;
  }

  .result-block ul li {
    margin: 0 0 10px;
  }

  .result-block ul li a figure {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    min-width: 40px;
  }

  #result2 {
    right: 0;
    left: auto;
  }

  .quantity-blocks ul li {
    padding: 10px 0;
  }

  .flexible-wrp {
    margin: 10px 0 0;
    padding: 0 0 0;
    min-height: 31vh;
  }

  .flex-box img {
    height: 200px;
  }

  .flex-bottom {
    padding: 35px 15px 15px;
  }

  .slider-flexible .swiper {
    margin: 0;
    height: 230px;
  }

  /* *** End Home Page *** */
  /* *** Property New Page *** */
  .filter-head-row {
    justify-content: space-between;
  }

  .filter-hero-bx {
    border-radius: 10px;
    padding: 15px 10px
  }

  .filter-hero-bx .form-group {
    padding: 0 5px;
  }

  .populer-list-head h1 {
    font-size: 22px;
    line-height: 28px;
  }

  .populer-list-head h1 span {
    font-size: 14px;
  }

  .sortbybx h6,
  .sortbybx .form-control {
    font-size: 14px;
  }

  .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 {
    font-size: 14px;
    top: 20px;
  }

  .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 span {
    font-size: 12px;
  }

  .area-lst-wrp .hotel-block .hotel-data h3 {
    font-size: 18px;
  }

  .htl-foot h5 figure {
    margin: 0 5px 0 0;
    max-width: 15px;
  }

  .htl-foot h5 figure img {
    width: 15px;
  }

  .htl-foot h5 {
    font-size: 12px;
  }

  .htl-foot h4 {
    font-size: 14px;
  }

  .htl-foot h4 figure img {
    width: 15px;
  }

  .htl-foot h4 span {
    font-size: 12px;
  }

  .include-rw {
    padding: 10px;
  }

  .include-rw ul li {
    padding: 5px 10px;
    font-size: 12px;
  }

  /* *** End Property New Page *** */
}

@media (min-width: 1201px) and (max-width: 1439px) {
  .filter-inner-bx .form-group .form-control {
    width: 100%;
    display: block;
  }

  .filter-row button {
    min-width: 90px;
  }

  /* *** Details Page *** */
  .header-search-bx {
    max-width: 200px;
    min-width: 200px;
  }

  .details-wrp .container {
    padding: 0 30px;
  }

  .meubar-rw ul li {
    margin: 0 30px 0 0;
  }

  .extra-charges-wrp table thead th {
    padding: 20px 25px;
    font-size: 18px;
  }

  .extra-charges-wrp table tbody tr td {
    padding: 15px 25px;
    font-size: 16px;
  }

  .details-wrp h1 {
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 10px;
  }

  .product-sml-details-img img {
    height: 150px;
  }

  .product-details-img img {
    height: 320px;
  }

  .btn-seeall {
    font-size: 12px;
    padding: 5px 10px;
  }

  .facility-list ul li figure {
    min-width: 25px;
    max-width: 25px;
  }

  .facility-list ul li figure img {
    width: 100%;
  }

  .facility-list ul li {
    margin: 0 25px 25px 0;
    font-size: 14px;
  }

  .property-price-bx h2 {
    font-size: 26px;
    line-height: 26px;
  }

  .property-price-bx h2 small {
    font-size: 16px;
  }

  .three-d-view-bx {
    border-radius: 10px;
  }

  .property-detials-sidebar {
    padding: 0;
  }

  .posted-by-bx {
    padding: 20px;
  }

  .posted-by-bx h2 {
    font-size: 22px;
  }

  .posted-by-bx h2 span {
    font-size: 14px;
  }

  .posted-by-bx h5 {
    font-size: 20px;
  }

  .posted-by-bx figure {
    min-width: 25px;
    max-width: 25px;
    margin: 0 5px 0 0;
  }

  .posted-by-bx figure img {
    width: 100%;
  }

  .about-propertybx h2 {
    font-size: 18px;
    margin: 0 0 15px;
  }

  .about-propertybx p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 15px;
  }

  .key-features-wrp {
    padding: 30px 0;
  }

  .key-features-wrp h2 {
    font-size: 20px;
    margin: 0 0 25px;
  }

  .key-ic {
    min-width: 30px;
    max-width: 30px;
    margin: 0 10px 0 0;
  }

  .key-ic img {
    width: 100%;
  }

  .key-data h3 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
  }

  .key-data p {
    font-size: 13px;
    line-height: 18px;
  }

  .key-features-box {
    margin: 0 0 30px;
  }

  .key-features-wrp .btn-main {
    margin: 0 auto;
  }

  .our-location-wrp {
    padding: 0;
  }

  .location-list ul li a {
    padding: 5px 10px;
    font-size: 14px;
  }

  .location-list ul li a figure {
    min-width: 19px;
    max-width: 19px;
  }

  .location-list ul li a figure img {
    width: 100%;
  }

  .host-detials-wrp h2,
  .houes-rule-wrp h2 {
    font-size: 20px;
  }

  .rule-block table tbody tr td {
    padding: 20px 25px;
    font-size: 16px;
  }

  .rule-dt figure {
    min-width: 25px;
    max-width: 25px;
    margin: 0 10px 0 0;
  }

  .rule-dt figure img {
    width: 100%;
  }

  .booking-date-wrp {
    padding: 30px 0;
  }

  .host-detials-row .row .col-md-4 {
    width: 50%;
  }

  .book-choice .book-inbx {
    padding: 20px;
  }

  .book-inbx h3 {
    font-size: 16px;
  }

  .book-inbx .form-control {
    font-size: 13px;
  }

  .booking-head h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .booking-head p {
    font-size: 14px;
  }

  .booking-head {
    margin: 0;
  }

  .guest-review-wrp {
    padding: 30px 0 0;
  }

  .guest-review-wrp h2 {
    font-size: 20px;
    margin: 0 0 25px;
  }

  .guest-review-wrp h2 img {
    min-width: 25px;
    max-width: 25px;
  }

  .review-top .review-img {
    min-width: 35px;
  }

  .review-top .review-img img {
    width: 35px;
    height: 35px;
  }

  .review-data h3 {
    font-size: 14px;
    margin: 0 0 5px;
  }

  .raiting-star span {
    font-size: 12px;
  }

  .overrgt,
  .overlft {
    width: 100%;
  }

  .overall-raiting-box h3 {
    font-size: 18px;
  }

  .overall-raiting-box p {
    font-size: 13px;
    line-height: 20px;
  }

  .overlft h2 {
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 5px;
  }

  .overlft h6 {
    font-size: 16px;
    margin: 0 auto 15px;
  }

  .overrgt ul li h4 {
    font-size: 16px;
  }

  .progress-bx {
    height: 6px;
  }

  .overall-raiting-box {
    padding: 15px;
    border-radius: 10px;
  }

  .posted-cntbx {
    max-width: 100%;
    border-radius: 15px;
  }

  .posted-user {
    padding: 15px 0;
  }

  .posted-user figure {
    margin-right: 10px;
  }

  .posted-cntbx .btn-group .btn-main {
    padding: 12px 15px;
  }

  .chackout-block {
    padding: 15px;
    border-radius: 10px;
  }

  .chackout-rw {
    border-radius: 15px;
  }

  .chackout-rw .chackinbx {
    padding: 15px;
  }

  .chackout-rw .chackinbx h6 {
    font-size: 16px;
    line-height: 24px;
  }

  .chackout-rw .chackinbx .form-control {
    font-size: 13px;
  }

  .btn-resrve {
    padding: 12px 15px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .chackout-tbl table tbody tr td {
    font-size: 14px;
    line-height: 22px;
    padding: 2px 0;
  }

  /* *** End Details Page *** */
  /* *** Booking Page *** */
  .booking-wrp .container {
    padding: 0 30px;
    max-width: 1170px;
  }

  .booking-head .back-btn {
    margin-right: 10px;
    min-width: 30px;
  }

  .booking-head .back-btn img {
    width: 30px;
  }

  .book-row {
    margin: 0 -15px;
  }

  .booking-right-col,
  .booking-left-col {
    padding: 0 15px;
  }

  .booking-head h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .booking-wrp .booking-head {
    margin: 0 0 30px;
  }

  .booking-info-block {
    border-radius: 15px;
    margin: 0 0 30px;
  }

  .destination-bottom {
    padding: 0 15px;
  }

  .destination-cover img {
    border-radius: 10px;
  }

  .destination-title h2 {
    font-size: 16px;
    line-height: 24px;
  }

  .destination-title h6 {
    font-size: 14px;
    margin: 5px 0 0;
  }

  .destination-title h6 img {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .destination-cmn-bx {
    padding: 20px 0;
  }

  .destination-cmn-bx p {
    font-size: 16px;
    line-height: 24px;
  }

  .trip-details-bx h3 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .trip-details-bx .btn-change {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 6px;
  }

  .destination-cmn-bx h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .destination-cmn-bx table tbody tr td {
    font-size: 16px;
    line-height: 24px;
    padding: 3px 0;
  }

  .total-destirw h3 {
    font-size: 16px;
  }

  .total-destirw h3 span {
    font-size: 22px;
  }

  .destination-title {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .review-request-box,
  .payment-method-block {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-method-block h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }

  .payment-method-block p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .payment-method-block h4 {
    font-size: 16px;
  }

  .payment-details-box {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-details-box h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .payment-form {
    padding: 0 0px;
  }

  .payment-form .row {
    margin: 0 -5px;
  }

  .payment-form .col-md-4 {
    padding: 0 5px;
  }

  .payment-typebx [type="radio"]:checked + label,
  .payment-typebx [type="radio"]:not(:checked) + label {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
  }

  .payment-form .col-md-6,
  .payment-form .col-md-12 {
    padding: 0 5px;
  }

  .review-request-bottom p,
  .review-request-top p {
    max-width: 100%;
  }

  .review-request-bottom .btn-main {
    font-size: 16px;
    padding: 10px 15px;
  }

  .review-request-top p {
    font-size: 14px;
    line-height: 20px;
  }

  .review-request-bottom p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
  }

  .place-name-box h5,
  .place-name-box h2 {
    margin: 0 0 15px;
  }

  /* *** End Booking Page *** */
  /* *** Profile Pages *** */
  .profile-body-wrp .container {
    max-width: 1100px;
  }

  .profile-cover-block img {
    height: 160px;
    object-fit: cover;
  }

  .wizards-header {
    margin: 0 auto 35px;
  }

  .profile-wrp {
    padding: 40px 50px;
  }

  .upload-profile-block .btn-group {
    max-width: 550px;
  }

  .profile-setup-box .row {
    margin: 0 -15px;
  }

  .profile-setup-box .row .col-md-6 {
    padding: 0 15px;
  }

  .profile-setup-box .form-group {
    margin: 0 0 25px;
  }

  .profile-setup-box .form-group label {
    font-size: 13px;
  }

  .profile-setup-box .form-group .form-control {
    padding: 12px 20px;
  }

  .country-bx img {
    width: 35px;
    height: 24px;
  }

  .profile-setup-box .form-group .call-box .form-control {
    padding: 12px 70px;
  }

  .country-bx {
    top: 11px;
  }

  .profile-setup-box .form-group .call-box button {
    top: 8px;
    right: 12px;
  }

  .profile-setup-box .btn-main {
    max-width: 180px;
    padding: 12px 20px;
    font-size: 15px;
  }

  .upload-profile-block {
    padding: 45px 30px;
  }

  .profile-picture-box {
    min-width: 160px;
    width: 160px;
    height: 160px;
    margin: 0 auto 50px;
  }

  .profile-picture-box img {
    width: 129px;
    height: 129px;
  }

  .verification-block .btn-group .btn-back,
  .verification-block .btn-group .btn-main,
  .upload-profile-block .btn-group .btn-secondary,
  .upload-profile-block .btn-group .btn-main {
    padding: 10px 15px;
    font-size: 14px;
    max-width: 160px;
  }

  .upload-profile-block .btn-group .btn-secondary {
    margin: 0 0 0 10px;
  }

  .verification-block {
    padding: 40px 30px;
  }

  .verification-block .btn-group .btn-back {
    padding: 9px 15px;
    margin: 0 15px 0 0;
  }

  .verification-block .btn-group .btn-back img {
    top: 7px;
    left: 10px;
  }

  .verification-method-row {
    margin: 0 auto 45px;
  }

  .passport-block {
    margin: 0 auto 30px;
  }

  .passport-photo-rw {
    margin: 0 auto 35px;
  }

  .passport-uploadbox {
    margin: 0;
  }

  .upload-btn-wrapper .btn {
    min-width: 300px;
    max-width: 300px;
    padding: 35px;
  }

  .upload-btn-wrapper .btn img {
    margin: 20px auto;
    max-width: 75px;
    border-radius: 6px;
  }

  .upload-btn-wrapper .btn span {
    font-size: 14px;
  }

  /* *** End Profile Pages *** */
  /* *** User Profile Page *** */
  aside.profile-sidebar {
    max-width: 200px;
  }

  .user-profile-wrp {
    padding: 80px 0 0 200px;
  }

  .user-profile-wrp .container {
    padding: 0 35px;
    max-width: 100%;
  }

  aside.profile-sidebar ul li a {
    padding: 5px 10px;
    font-size: 15px;
  }

  .profile-about-box {
    margin: 0 auto 30px;
  }

  .my-trips-wrp .row,
  .profile-progress-row .row {
    margin: 0 -7px;
  }

  .my-trips-wrp .row .col-md-3,
  .profile-progress-row .row .col-md-3 {
    padding: 0 7px;
  }

  .progress-box {
    padding: 15px;
    border-radius: 5px;
    margin: 0;
  }

  .profile-review-wrp,
  .profile-about-row {
    padding: 30px 0;
  }

  .progress-box figure {
    margin: 0 5px 0 0;
    min-width: 30px;
    max-width: 30px;
  }

  .progress-box figure img {
    width: 100%;
  }

  .progress-box h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .progress-box h3 span {
    font-size: 12px;
  }

  .my-trips-wrp {
    padding: 30px 0;
  }

  .profile-review-wrp h2,
  .my-trips-wrp h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px;
  }

  .trip-block {
    margin: 0 0 15px;
    border-radius: 10px;
  }

  .trip-contry {
    margin: 0 auto 10px;
  }

  .profile-review-box {
    margin: 0 0 30px;
  }

  .book-head h2 {
    font-size: 18px;
  }

  .book-head a {
    padding: 8px 10px;
    font-size: 14px;
  }

  .room-bookbox {
    padding: 15px;
    margin: 0 0 30px;
  }

  .room-profile-img {
    margin-right: 15px;
  }

  .room-profile-data h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
  }

  .room-profile-data p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .room-profile-data ul li {
    margin-right: 15px;
    font-size: 12px;
  }

  .room-profile-data ul li figure {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .room-profile-data ul li figure img {
    width: 100%;
  }

  .room-bottom h4 {
    font-size: 16px;
    line-height: 24px;
  }

  .room-bottom .row .col-md-6 {
    width: 50%;
  }

  .room-bottom .btn-secondary {
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
  }

  .room-profile-img {
    min-width: 50px;
  }

  .room-profile-img img {
    width: 50px;
    height: 50px;
  }

  /* *** End User Profile Page *** */
  /* *** Login & Register Pages *** */
  .login-quote-box {
    max-width: 350px;
  }

  .login-quote-box p {
    font-size: 14px;
    line-height: 24px;
  }

  figure.login-shp1 {
    max-width: 70px;
  }

  figure.login-shp1 img {
    width: 100%;
  }

  figure.login-shp3 {
    bottom: 18%;
  }

  /* *** End Login & Register Pages *** */
  /* *** Home Page *** */
  .home-wrpper {
    overflow: hidden;
  }

  header.home-header {
    display: block;
    top: 15px;
    padding: 15px 30px;
  }

  .home-navbar ul li {
    margin-right: 30px;
  }

  .home-navbar ul li a {
    font-size: 14px;
  }

  .btn-nav {
    padding: 12px 25px;
    font-size: 14px;
  }

  .home-hero-banner {
    height: 63vh
  }

  .hero-container {
    border-radius: 24px;
  }

  .hero-center {
    top: 90px;
  }

  .home-wrpper .container {
    max-width: 1120px;
  }

  .hero-img {
    width: 38%;
  }

  .virtual-block {
    bottom: 15px;
    left: 0;
    margin: 0 auto;
  }

  .banner-data h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 15px;
    min-height: 40px;
  }

  .banner-data h1 br {
    display: none;
  }

  .banner-data p {
    margin: 0 0 20px;
    max-width: 70%;
    font-size: 14px;
  }

  .banner-data p br {
    display: none;
  }

  .btn-main {
    padding: 10px 30px;
    font-size: 14px;
  }

  .hero-filter-row {
    max-width: 60%;
    padding: 15px 15px 0 0;
    z-index: 2
  }

  .filter-hero-bx {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 0;
  }

  .filter-hero-bx .form-group {
    width: 25%;
    padding: 0 7px;
    margin: 0 0 10px;
  }

  .filter-hero-bx button {
    max-width: 100%;
  }

  .hero-img {
    right: 0;
    bottom: 0;
  }

  .virtual-data h2 {
    font-size: 22px;
  }

  .line-rw {
    top: 25px;
  }

  .filter-hero-bx .form-group label {
    margin: 0 0 5px;
  }

  .flexible-wrp .row .col-md-5 {
    width: 40%;
  }

  .flexible-wrp .row .col-md-7 {
    width: 60%;
  }

  .flexible-data {
    max-width: 400px;
  }

  .flexible-data h2 {
    font-size: 24px;
    line-height: 36px;
  }

  .flexible-data p {
    font-size: 16px;
  }

  .flexible-data .btn-main {
    padding: 10px 25px;
    font-size: 14px;
    line-height: 22px;
  }

  .flex-bottom h4 {
    font-size: 24px;
  }

  .flex-top h3 {
    font-size: 20px;
  }

  .result-block {
    max-width: 280px;
    min-width: 280px;
    padding: 15px;
    border-radius: 6px;
  }

  .result-block h3 {
    margin: 0 0 15px;
  }

  .result-block ul li {
    margin: 0 0 10px;
  }

  .result-block ul li a figure {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    min-width: 40px;
  }

  #result2 {
    right: 0;
    left: auto;
  }

  .quantity-blocks ul li {
    padding: 10px 0;
  }

  .flexible-wrp {
    margin: 10px 0 0;
    padding: 0 0 0;
  }

  .flex-box img {
    height: 200px;
  }

  .flex-bottom {
    padding: 35px 15px 15px;
  }

  .slider-flexible .swiper {
    margin: 0;
    height: 230px;
  }

  /* *** End Home Page *** */
  /* *** Property New Page *** */
  .filter-head-row {
    justify-content: space-between;
  }

  .filter-hero-bx {
    border-radius: 10px;
    padding: 15px 10px
  }

  .filter-hero-bx .form-group {
    padding: 0 5px;
  }

  .populer-list-head h1 {
    font-size: 22px;
    line-height: 28px;
  }

  .populer-list-head h1 span {
    font-size: 14px;
  }

  .sortbybx h6,
  .sortbybx .form-control {
    font-size: 14px;
  }

  .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 {
    font-size: 14px;
    top: 20px;
  }

  .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 span {
    font-size: 12px;
  }

  .area-lst-wrp .hotel-block .hotel-data h3 {
    font-size: 18px;
  }

  .htl-foot h5 figure {
    margin: 0 5px 0 0;
    max-width: 15px;
  }

  .htl-foot h5 figure img {
    width: 15px;
  }

  .htl-foot h5 {
    font-size: 12px;
  }

  .htl-foot h4 {
    font-size: 14px;
  }

  .htl-foot h4 figure img {
    width: 15px;
  }

  .htl-foot h4 span {
    font-size: 12px;
  }

  .include-rw {
    padding: 10px;
  }

  .include-rw ul li {
    padding: 5px 10px;
    font-size: 12px;
  }

  /* *** End Property New Page *** */
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .filter-inner-bx {
    margin: 0 -5px;
  }

  .filter-inner-bx .form-group {
    padding: 0 5px;
  }

  .hotel-data h3 {
    padding: 0 50px 0 0;
    font-size: 15px;
  }

  .hotel-data h6 {
    right: 10px;
  }

  .hotel-tags h4 {
    font-size: 12px;
  }

  .hotel-data {
    padding: 10px;
  }

  .hotel-data ul li {
    font-size: 8px;
    padding: 0 2px;
  }

  .hotel-data ul li figure {
    min-width: 12px;
    margin: 0 3px 0 0;
  }

  .hotel-data ul li figure img {
    width: 12px;
  }

  .hotel-block {
    border-radius: 10px;
    margin: 0 0 15px;
  }

  .hotel-img img {
    border-radius: 10px;
  }

  .map-img img {
    height: 100%;
  }

  .search-row {
    justify-content: center;
    width: fit-content;
  }

  .search-row .form-group {
    max-width: 300px;
    min-width: 300px;
  }

  .filter-row {
    padding: 6px 6px 8px 15px;
  }

  .filter-row button {
    padding: 13px 15px;
    min-width: 80px;
  }

  .filter-inner-bx .form-group .form-control {
    width: 100%;
  }

  .filter-inner-bx .form-group h3 {
    font-size: 11px;
    margin: 0;
  }

  aside.filter-sidebar {
    max-width: 350px;
  }

  /* *** Details Page *** */
  .header-search-bx {
    max-width: 200px;
    min-width: 200px;
  }

  .details-wrp .container {
    padding: 0 30px;
  }

  .meubar-rw ul li {
    margin: 0 30px 0 0;
  }

  .extra-charges-wrp table thead th {
    padding: 20px 25px;
    font-size: 18px;
  }

  .extra-charges-wrp table tbody tr td {
    padding: 15px 25px;
    font-size: 16px;
  }

  .details-wrp h1 {
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 10px;
  }

  .product-sml-details-img img {
    height: 150px;
  }

  .product-details-img img {
    height: 320px;
  }

  .btn-seeall {
    font-size: 12px;
    padding: 5px 10px;
  }

  .facility-list ul li figure {
    min-width: 25px;
    max-width: 25px;
  }

  .facility-list ul li figure img {
    width: 100%;
  }

  .facility-list ul li {
    margin: 0 25px 25px 0;
    font-size: 14px;
  }

  .property-price-bx h2 {
    font-size: 26px;
    line-height: 26px;
  }

  .property-price-bx h2 small {
    font-size: 16px;
  }

  .three-d-view-bx {
    border-radius: 10px;
  }

  .property-detials-sidebar {
    padding: 0;
  }

  .posted-by-bx {
    padding: 20px;
  }

  .posted-by-bx h2 {
    font-size: 22px;
  }

  .posted-by-bx h2 span {
    font-size: 14px;
  }

  .posted-by-bx h5 {
    font-size: 20px;
  }

  .posted-by-bx figure {
    min-width: 25px;
    max-width: 25px;
    margin: 0 5px 0 0;
  }

  .posted-by-bx figure img {
    width: 100%;
  }

  .about-propertybx h2 {
    font-size: 18px;
    margin: 0 0 15px;
  }

  .about-propertybx p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 15px;
  }

  .key-features-wrp {
    padding: 30px 0;
  }

  .key-features-wrp h2 {
    font-size: 20px;
    margin: 0 0 25px;
  }

  .key-ic {
    min-width: 30px;
    max-width: 30px;
    margin: 0 10px 0 0;
  }

  .key-ic img {
    width: 100%;
  }

  .key-data h3 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
  }

  .key-data p {
    font-size: 13px;
    line-height: 18px;
  }

  .key-features-box {
    margin: 0 0 30px;
  }

  .key-features-wrp .btn-main {
    margin: 0 auto;
  }

  .our-location-wrp {
    padding: 0;
  }

  .host-detials-wrp h2,
  .houes-rule-wrp h2 {
    font-size: 20px;
  }

  .rule-block table tbody tr td {
    padding: 20px 25px;
    font-size: 16px;
  }

  .rule-dt figure {
    min-width: 25px;
    max-width: 25px;
    margin: 0 10px 0 0;
  }

  .rule-dt figure img {
    width: 100%;
  }

  .booking-date-wrp {
    padding: 30px 0;
  }

  .host-detials-row .row .col-md-4 {
    width: 50%;
  }

  .book-choice .book-inbx {
    padding: 20px;
  }

  .book-inbx h3 {
    font-size: 16px;
  }

  .book-inbx .form-control {
    font-size: 13px;
  }

  .booking-head h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .booking-head p {
    font-size: 14px;
  }

  .booking-head {
    margin: 0;
  }

  .guest-review-wrp {
    padding: 30px 0 0;
  }

  .guest-review-wrp h2 {
    font-size: 20px;
    margin: 0 0 25px;
  }

  .guest-review-wrp h2 img {
    min-width: 25px;
    max-width: 25px;
  }

  .review-top .review-img {
    min-width: 35px;
  }

  .review-top .review-img img {
    width: 35px;
    height: 35px;
  }

  .review-data h3 {
    font-size: 14px;
    margin: 0 0 5px;
  }

  .raiting-star span {
    font-size: 12px;
  }

  .overrgt,
  .overlft {
    width: 100%;
  }

  .overall-raiting-box h3 {
    font-size: 18px;
  }

  .overall-raiting-box p {
    font-size: 13px;
    line-height: 20px;
  }

  .overlft h2 {
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 5px;
  }

  .overlft h6 {
    font-size: 16px;
    margin: 0 auto 15px;
  }

  .overrgt ul li h4 {
    font-size: 16px;
  }

  .progress-bx {
    height: 6px;
  }

  .overall-raiting-box {
    padding: 15px;
    border-radius: 10px;
  }

  .posted-cntbx {
    max-width: 100%;
    border-radius: 10px;
  }

  .posted-user {
    padding: 15px 0;
  }

  .posted-user figure {
    margin-right: 10px;
  }

  .posted-cntbx .btn-group {
    flex-flow: column;
  }

  .posted-cntbx .btn-group .btn-main {
    width: 100%;
  }

  .chackout-block {
    padding: 15px;
    border-radius: 10px;
  }

  .chackout-rw {
    border-radius: 10px;
  }

  .chackout-rw .chackinbx {
    padding: 15px;
  }

  .chackout-rw .chackinbx h6 {
    font-size: 16px;
    line-height: 24px;
  }

  .chackout-rw .chackinbx .form-control {
    font-size: 13px;
  }

  .btn-resrve {
    padding: 12px 15px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .chackout-tbl table tbody tr td {
    font-size: 14px;
    line-height: 22px;
    padding: 2px 0;
  }

  /* *** End Details Page *** */
  /* *** Booking Page *** */
  .booking-wrp .container {
    padding: 0 15px;
  }

  .booking-head .back-btn {
    margin-right: 10px;
    min-width: 30px;
  }

  .booking-head .back-btn img {
    width: 30px;
  }

  .book-row {
    margin: 0 -15px;
  }

  .booking-right-col,
  .booking-left-col {
    padding: 0 15px;
  }

  .booking-head h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .booking-wrp .booking-head {
    margin: 0 0 25px;
  }

  .booking-info-block {
    border-radius: 15px;
    margin: 0 0 30px;
  }

  .destination-bottom {
    padding: 0;
  }

  .destination-cover img {
    border-radius: 10px;
  }

  .destination-title h2 {
    font-size: 16px;
    line-height: 24px;
  }

  .destination-title h6 {
    font-size: 14px;
    margin: 5px 0 0;
  }

  .destination-title h6 img {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .destination-cmn-bx {
    padding: 15px 0;
  }

  .destination-cmn-bx p {
    font-size: 14px;
    line-height: 22px;
  }

  .trip-details-bx h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .trip-details-bx .btn-change {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 6px;
  }

  .destination-cmn-bx h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .destination-cmn-bx table tbody tr td {
    font-size: 14px;
    line-height: 20px;
    padding: 3px 0;
  }

  .total-destirw h3 {
    font-size: 14px;
  }

  .total-destirw h3 span {
    font-size: 18px;
  }

  .destination-title {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .review-request-box,
  .payment-method-block {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-method-block h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }

  .payment-method-block p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .payment-method-block h4 {
    font-size: 16px;
  }

  .payment-details-box {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-details-box h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .payment-form {
    padding: 0 0px;
  }

  .payment-form .row {
    margin: 0 -5px;
  }

  .payment-form .col-md-4 {
    padding: 0 5px;
  }

  .payment-typebx [type="radio"]:checked + label,
  .payment-typebx [type="radio"]:not(:checked) + label {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
  }

  .payment-form .col-md-6,
  .payment-form .col-md-12 {
    padding: 0 5px;
  }

  .review-request-bottom p,
  .review-request-top p {
    max-width: 100%;
  }

  .review-request-bottom .btn-main {
    font-size: 16px;
    padding: 10px 15px;
  }

  .review-request-top p {
    font-size: 14px;
    line-height: 20px;
  }

  .review-request-bottom p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
  }

  .booking-confirm-row {
    margin: 0 auto 30px;
  }

  .booking-place-info {
    padding: 5px 25px;
  }

  .place-name-box h2 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px;
  }

  .place-name-box h5 {
    font-size: 14px;
    margin: 0 0 5px;
  }

  .place-name-box h5 img {
    min-width: 15px;
    max-width: 15px;
    width: 15px;
    margin: 0 5px 0 0;
  }

  .place-name-box p {
    font-size: 14px;
  }

  .place-name-box ul li {
    padding: 0 0 15px;
    margin: 0 0 15px;
  }

  .place-name-box ul li p,
  .place-name-box ul li h4 {
    font-size: 16px;
  }

  .place-name-box ul {
    margin: 0 auto;
    max-width: 140px;
  }

  .place-name-box h3 {
    font-size: 24px;
    line-height: 26px;
  }

  .place-name-box h3 span {
    font-size: 14px;
  }

  /* *** End Booking Page *** */
  /* *** Profile Pages *** */
  .profile-body-wrp .container {
    max-width: 900px;
  }

  .profile-cover-block img {
    height: 160px;
    object-fit: cover;
  }

  .wizards-header {
    margin: 0 auto 35px;
  }

  .profile-wrp {
    padding: 40px 50px;
  }

  .upload-profile-block .btn-group {
    max-width: 550px;
  }

  .profile-setup-box .row {
    margin: 0 -15px;
  }

  .profile-setup-box .row .col-md-6 {
    padding: 0 15px;
  }

  .profile-setup-box .form-group {
    margin: 0 0 25px;
  }

  .profile-setup-box .form-group label {
    font-size: 13px;
  }

  .profile-setup-box .form-group .form-control {
    padding: 12px 20px;
  }

  .country-bx img {
    width: 35px;
    height: 24px;
  }

  .profile-setup-box .form-group .call-box .form-control {
    padding: 12px 70px;
  }

  .country-bx {
    top: 11px;
  }

  .profile-setup-box .form-group .call-box button {
    top: 8px;
    right: 12px;
  }

  .profile-setup-box .btn-main {
    max-width: 180px;
    padding: 12px 20px;
    font-size: 15px;
  }

  .upload-profile-wrp h2 {
    font-size: 16px;
    margin: 0 auto 25px;
  }

  .upload-profile-block {
    padding: 45px 30px;
  }

  .upload-profile-block h3 {
    font-size: 14px;
    margin: 0 auto 30px;
  }

  .profile-picture-box {
    min-width: 129px;
    width: 129px;
    height: 129px;
    margin: 0 auto 50px;
  }

  .profile-picture-box img {
    width: 129px;
    height: 129px;
  }

  .upload-profile-block p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto 45px;
  }

  .verification-block .btn-group .btn-back,
  .verification-block .btn-group .btn-main,
  .upload-profile-block .btn-group .btn-secondary,
  .upload-profile-block .btn-group .btn-main {
    padding: 10px 15px;
    font-size: 14px;
    max-width: 160px;
  }

  .upload-profile-block .btn-group .btn-secondary {
    margin: 0 0 0 10px;
  }

  .verification-block {
    padding: 40px 30px;
  }

  .verification-block h2 {
    margin: 0 auto 30px;
  }

  .verification-block h3 {
    font-size: 14px;
    margin: 0 auto 20px;
  }

  .verification-block p {
    font-size: 14px;
    margin: 0 auto 40px;
  }

  .verification-block .btn-group .btn-back {
    padding: 9px 15px;
    margin: 0 15px 0 0;
  }

  .verification-block .btn-group .btn-back img {
    top: 7px;
    left: 10px;
  }

  .verification-method-row h4 {
    font-size: 14px;
  }

  .custom-rdbx [type="radio"]:checked + label,
  .custom-rdbx [type="radio"]:not(:checked) + label {
    padding: 15px 15px 15px 62px;
  }

  .custom-rdbx [type="radio"]:checked + label:before,
  .custom-rdbx [type="radio"]:not(:checked) + label:before {
    top: 15px;
  }

  .custom-rdbx [type="radio"]:checked + label:after,
  .custom-rdbx [type="radio"]:not(:checked) + label:after {
    top: 15px;
  }

  .verification-method-row {
    margin: 0 auto 45px;
  }

  .passport-block {
    margin: 0 auto 30px;
  }

  .passport-photo-notes h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 20px;
  }

  .passport-photo-notes ul li {
    font-size: 14px;
  }

  .passport-photo-notes ul {
    margin: 0 auto 45px;
  }

  .passport-photo-rw {
    margin: 0 auto 35px;
  }

  .passport-uploadbox {
    margin: 0;
  }

  .upload-btn-wrapper .btn {
    min-width: 300px;
    max-width: 300px;
    padding: 35px;
  }

  .upload-btn-wrapper .btn img {
    margin: 20px auto;
    max-width: 75px;
    border-radius: 6px;
  }

  .upload-btn-wrapper .btn span {
    font-size: 14px;
  }

  /* *** End Profile Pages *** */
  /* *** User Profile Page *** */
  aside.profile-sidebar {
    max-width: 200px;
  }

  .user-profile-wrp {
    padding: 80px 0 0 200px;
  }

  .user-profile-wrp .container {
    padding: 0 15px;
    max-width: 100%;
  }

  aside.profile-sidebar ul li a {
    padding: 5px 10px;
    font-size: 15px;
  }

  .profile-about-box {
    margin: 0 auto 30px;
  }

  .my-trips-wrp .row,
  .profile-progress-row .row {
    margin: 0 -7px;
  }

  .my-trips-wrp .row .col-md-3,
  .profile-progress-row .row .col-md-3 {
    padding: 0 7px;
  }

  .progress-box {
    padding: 15px;
    border-radius: 5px;
    margin: 0;
  }

  .profile-review-wrp,
  .profile-about-row {
    padding: 30px 0;
  }

  .progress-box figure {
    margin: 0 5px 0 0;
    min-width: 30px;
    max-width: 30px;
  }

  .progress-box figure img {
    width: 100%;
  }

  .progress-box h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .progress-box h3 span {
    font-size: 12px;
  }

  .my-trips-wrp {
    padding: 30px 0;
  }

  .profile-review-wrp h2,
  .my-trips-wrp h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px;
  }

  .trip-block {
    margin: 0 0 15px;
    border-radius: 10px;
  }

  .trip-contry {
    margin: 0 auto 10px;
  }

  .profile-review-box {
    margin: 0 0 30px;
  }

  .book-head h2 {
    font-size: 16px;
  }

  .book-head a {
    padding: 8px 10px;
    font-size: 14px;
  }

  .current-book-wrp .row .col-md-6 {
    width: 100%;
  }

  .room-bookbox {
    padding: 15px;
    margin: 0 0 30px;
  }

  .room-profile-img {
    margin-right: 15px;
  }

  .room-profile-data h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
  }

  .room-profile-data p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .room-profile-data ul li {
    margin-right: 15px;
    font-size: 12px;
  }

  .room-profile-data ul li figure {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .room-profile-data ul li figure img {
    width: 100%;
  }

  .room-bottom h4 {
    font-size: 16px;
    line-height: 24px;
  }

  .room-bottom .row .col-md-6 {
    width: 50%;
  }

  .room-bottom .btn-secondary {
    padding: 10px;
    font-size: 12px;
    border-radius: 6px;
  }

  .room-profile-img {
    min-width: 50px;
  }

  .room-profile-img img {
    width: 50px;
    height: 50px;
  }

  /* *** End User Profile Page *** */
  /* *** Login & Register Pages *** */
  .login-quote-box {
    max-width: 350px;
  }

  .login-quote-box p {
    font-size: 14px;
    line-height: 24px;
  }

  figure.login-shp1 {
    max-width: 70px;
  }

  figure.login-shp1 img {
    width: 100%;
  }

  figure.login-shp3 {
    bottom: 18%;
  }

  /* *** End Login & Register Pages *** */
  /* *** Home Page *** */
  .home-wrpper {
    overflow: hidden;
  }

  header.home-header {
    display: block;
    top: 15px;
    padding: 15px 30px;
  }

  .home-navbar ul li {
    margin-right: 20px;
  }

  .home-navbar ul li a {
    font-size: 14px;
  }

  .btn-nav {
    padding: 12px 25px;
    font-size: 14px;
  }

  .hero-container {
    border-radius: 24px;
  }

  .home-hero-banner {
    height: 500px;
  }

  .hero-center {
    top: 100px;
  }

  .home-wrpper .container {
    max-width: 900px;
  }

  .banner-data {
    max-width: 750px;
  }

  .banner-data h1 {
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 15px;
    min-height: 80px;
  }

  .banner-data h1 br {
    display: none;
  }

  .banner-data p {
    margin: 0 0 20px;
    max-width: 70%;
    font-size: 14px;
  }

  .banner-data p br {
    display: none;
  }

  .btn-main {
    padding: 10px 30px;
    font-size: 14px;
  }

  .hero-filter-row {
    max-width: 58%;
    padding: 15px 15px 0 0;
    z-index: 2
  }

  .filter-hero-bx {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 0;
  }

  .filter-hero-bx .form-group {
    width: 25%;
    padding: 0 7px;
    margin: 0 0 10px;
  }

  .filter-hero-bx button {
    max-width: 100%;
  }

  .hero-img {
    right: 15px;
    bottom: 50px;
  }

  .virtual-data h2 {
    font-size: 22px;
  }

  .line-rw {
    top: 25px;
  }

  .filter-hero-bx .form-group label {
    margin: 0 0 5px;
  }

  .flexible-wrp .row .col-md-5 {
    width: 40%;
  }

  .flexible-wrp .row .col-md-7 {
    width: 60%;
  }

  .flexible-data {
    max-width: 400px;
  }

  .flexible-data h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .flexible-data p {
    font-size: 16px;
  }

  .flexible-data .btn-main {
    padding: 10px 25px;
    font-size: 14px;
    line-height: 22px;
  }

  .flex-bottom h4 {
    font-size: 24px;
  }

  .flex-top h3 {
    font-size: 24px;
  }

  .result-block {
    max-width: 280px;
    min-width: 280px;
    padding: 15px;
    border-radius: 6px;
  }

  .result-block h3 {
    margin: 0 0 15px;
  }

  .result-block ul li {
    margin: 0 0 10px;
  }

  .result-block ul li a figure {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    min-width: 40px;
  }

  #result2 {
    right: 0;
    left: auto;
  }

  .quantity-blocks ul li {
    padding: 10px 0;
  }

  /* *** End Home Page *** */
  /* *** Property New Page *** */
  .btn-filter {
    padding: 0;
    width: 59px;
    height: 59px;
    min-width: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .btn-filter span {
    display: none;
  }

  .btn-filter figure {
    margin: 0;
  }

  .filter-head-row {
    justify-content: space-between;
  }

  .filter-hero-bx {
    border-radius: 10px;
    padding: 15px 10px
  }

  .filter-hero-bx .form-group {
    padding: 0 5px;
  }

  .populer-list-head h1 {
    font-size: 22px;
    line-height: 28px;
  }

  .populer-list-head h1 span {
    font-size: 14px;
  }

  .sortbybx h6,
  .sortbybx .form-control {
    font-size: 14px;
  }

  .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 {
    font-size: 14px;
    top: 20px;
  }

  .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 span {
    font-size: 12px;
  }

  .area-lst-wrp .hotel-block .hotel-data h3 {
    font-size: 18px;
    padding: 0 100px 0 0;
  }

  .htl-foot h5 figure {
    margin: 0 5px 0 0;
    max-width: 15px;
  }

  .htl-foot h5 figure img {
    width: 15px;
  }

  .htl-foot h5 {
    font-size: 12px;
  }

  .htl-foot h4 {
    font-size: 14px;
  }

  .htl-foot h4 figure img {
    width: 15px;
  }

  .htl-foot h4 span {
    font-size: 12px;
  }

  .include-rw {
    padding: 10px;
  }

  .include-rw ul li {
    padding: 5px 10px;
    font-size: 12px;
  }

  /* *** End Property New Page *** */
}

@media (min-width: 768px) and (max-width: 1024px) {
  header {
    padding: 15px;
  }

  .logo-block img {
    height: 25px;
  }

  .meubar-rw ul li {
    margin: 0 20px 0 0;
  }

  .search-row {
    padding: 15px;
    justify-content: space-between;
    top: 0;
    max-width: 100%;
  }

  .search-row .form-group {
    max-width: 100%;
    min-width: auto;
    margin: 0 15px;
    width: 100%;
  }

  .btn-filter {
    padding: 0;
    width: 59px;
    height: 59px;
    min-width: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .btn-filter span {
    display: none;
  }

  .btn-filter figure {
    margin: 0;
  }

  .map-img img {
    height: and;
    object-fit: cover;
  }

  .main-list-right {
    position: relative;
    min-height: 300px;
  }

  .main-listing-wrp {
    flex-direction: column;
  }

  .main-list-left {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    padding: 50px 20px 15px;
  }

  /* *** Details Page *** */
  .header-search-bx {
    max-width: 200px;
    min-width: 200px;
  }

  .details-wrp .container {
    padding: 0 15px;
  }

  .extra-charges-wrp table thead th {
    padding: 20px 25px;
    font-size: 18px;
  }

  .extra-charges-wrp table tbody tr td {
    padding: 15px 25px;
    font-size: 16px;
  }

  .details-wrp h1 {
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 10px;
  }

  .product-sml-details-img img {
    height: 150px;
  }

  .product-details-img img {
    height: 320px;
  }

  .btn-seeall {
    font-size: 12px;
    padding: 5px 10px;
  }

  .facility-list ul li figure {
    min-width: 25px;
    max-width: 25px;
  }

  .facility-list ul li figure img {
    width: 100%;
  }

  .facility-list ul li {
    margin: 0 25px 25px 0;
    font-size: 14px;
  }

  .property-price-bx h2 {
    font-size: 26px;
    line-height: 26px;
  }

  .property-price-bx h2 small {
    font-size: 16px;
  }

  .three-d-view-bx {
    border-radius: 10px;
  }

  .property-detials-sidebar {
    padding: 0;
  }

  .posted-by-bx {
    padding: 20px;
  }

  .posted-by-bx h2 {
    font-size: 22px;
  }

  .posted-by-bx h2 span {
    font-size: 14px;
  }

  .posted-by-bx h5 {
    font-size: 20px;
  }

  .posted-by-bx figure {
    min-width: 25px;
    max-width: 25px;
    margin: 0 5px 0 0;
  }

  .posted-by-bx figure img {
    width: 100%;
  }

  .about-propertybx h2 {
    font-size: 18px;
    margin: 0 0 15px;
  }

  .about-propertybx p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 15px;
  }

  .key-features-wrp {
    padding: 30px 0;
  }

  .key-features-wrp h2 {
    font-size: 20px;
    margin: 0 0 25px;
  }

  .key-ic {
    min-width: 30px;
    max-width: 30px;
    margin: 0 10px 0 0;
  }

  .key-ic img {
    width: 100%;
  }

  .key-data h3 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
  }

  .key-data p {
    font-size: 13px;
    line-height: 18px;
  }

  .key-features-box {
    margin: 0 0 30px;
  }

  .key-features-wrp .btn-main {
    margin: 0 auto;
  }

  .our-location-wrp {
    padding: 0;
  }

  .host-detials-wrp h2,
  .houes-rule-wrp h2 {
    font-size: 20px;
  }

  .rule-block table tbody tr td {
    padding: 20px 25px;
    font-size: 16px;
  }

  .rule-dt figure {
    min-width: 25px;
    max-width: 25px;
    margin: 0 10px 0 0;
  }

  .rule-dt figure img {
    width: 100%;
  }

  .booking-date-wrp {
    padding: 30px 0;
  }

  .host-detials-row .row .col-md-4 {
    width: 50%;
  }

  .book-choice .book-inbx {
    padding: 20px;
  }

  .book-inbx h3 {
    font-size: 16px;
  }

  .book-inbx .form-control {
    font-size: 13px;
  }

  .booking-head h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .booking-head p {
    font-size: 14px;
  }

  .booking-head {
    margin: 0;
  }

  .guest-review-wrp {
    padding: 30px 0 0;
  }

  .guest-review-wrp h2 {
    font-size: 20px;
    margin: 0 0 25px;
  }

  .guest-review-wrp h2 img {
    min-width: 25px;
    max-width: 25px;
  }

  .review-top .review-img {
    min-width: 35px;
  }

  .review-top .review-img img {
    width: 35px;
    height: 35px;
  }

  .review-data h3 {
    font-size: 14px;
    margin: 0 0 5px;
  }

  .raiting-star span {
    font-size: 12px;
  }

  .overrgt,
  .overlft {
    width: 100%;
  }

  .overall-raiting-box h3 {
    font-size: 18px;
  }

  .overall-raiting-box p {
    font-size: 13px;
    line-height: 20px;
  }

  .overlft h2 {
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 5px;
  }

  .overlft h6 {
    font-size: 16px;
    margin: 0 auto 15px;
  }

  .overrgt ul li h4 {
    font-size: 16px;
  }

  .progress-bx {
    height: 6px;
  }

  .overall-raiting-box {
    padding: 15px;
    border-radius: 10px;
  }

  .posted-cntbx {
    max-width: 100%;
    border-radius: 10px;
  }

  .posted-user {
    padding: 15px 0;
  }

  .posted-user figure {
    margin-right: 10px;
  }

  .posted-cntbx .btn-group {
    flex-flow: column;
  }

  .posted-cntbx .btn-group .btn-main {
    width: 100%;
  }

  .chackout-block {
    padding: 10px 5px;
    border-radius: 10px;
  }

  .chackout-rw {
    border-radius: 10px;
  }

  .chackout-rw .chackinbx {
    padding: 15px;
  }

  .chackout-rw .chackinbx h6 {
    font-size: 16px;
    line-height: 24px;
  }

  .chackout-rw .chackinbx .form-control {
    font-size: 13px;
  }

  .btn-resrve {
    padding: 12px 15px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .chackout-tbl table tbody tr td {
    font-size: 14px;
    line-height: 22px;
    padding: 2px 0;
  }

  /* *** End Details Page *** */
  /* *** Booking Page *** */
  .booking-wrp .container {
    padding: 0 15px;
  }

  .booking-head .back-btn {
    margin-right: 10px;
    min-width: 30px;
  }

  .booking-head .back-btn img {
    width: 30px;
  }

  .book-row {
    margin: 0 -15px;
  }

  .booking-right-col,
  .booking-left-col {
    padding: 0 15px;
  }

  .booking-head h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .booking-wrp .booking-head {
    margin: 0 0 25px;
  }

  .booking-info-block {
    border-radius: 15px;
    margin: 0 0 30px;
  }

  .destination-bottom {
    padding: 0;
  }

  .destination-cover img {
    border-radius: 10px;
  }

  .destination-title h2 {
    font-size: 16px;
    line-height: 24px;
  }

  .destination-title h6 {
    font-size: 14px;
    margin: 5px 0 0;
  }

  .destination-title h6 img {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .destination-cmn-bx {
    padding: 15px 0;
  }

  .destination-cmn-bx p {
    font-size: 14px;
    line-height: 22px;
  }

  .trip-details-bx h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .trip-details-bx .btn-change {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 6px;
  }

  .destination-cmn-bx h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .destination-cmn-bx table tbody tr td {
    font-size: 14px;
    line-height: 20px;
    padding: 3px 0;
  }

  .total-destirw h3 {
    font-size: 14px;
  }

  .total-destirw h3 span {
    font-size: 18px;
  }

  .destination-title {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .review-request-box,
  .payment-method-block {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-method-block h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }

  .payment-method-block p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .payment-method-block h4 {
    font-size: 16px;
  }

  .payment-details-box {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-details-box h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .payment-form {
    padding: 0 0px;
  }

  .payment-form .row {
    margin: 0 -5px;
  }

  .payment-form .col-md-4 {
    padding: 0 5px;
  }

  .payment-typebx [type="radio"]:checked + label,
  .payment-typebx [type="radio"]:not(:checked) + label {
    padding: 10px;
    font-size: 10px;
    line-height: 16px;
  }

  .payment-typebx label img {
    height: 13px;
  }

  .payment-form .col-md-6,
  .payment-form .col-md-12 {
    padding: 0 5px;
  }

  .review-request-bottom p,
  .review-request-top p {
    max-width: 100%;
  }

  .review-request-bottom .btn-main {
    font-size: 16px;
    padding: 10px 15px;
  }

  .review-request-top p {
    font-size: 14px;
    line-height: 20px;
  }

  .review-request-bottom p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
  }

  .saved-cards-row ul li {
    flex-wrap: wrap;
  }

  .saved-cards-row ul li .payment-typebx {
    max-width: 100%;
    margin: 0 0 15px;
  }

  .btn-change {
    margin: 0;
  }

  .btn-delete {
    margin: 0 0 0 auto;
  }

  .booking-confirm-row {
    margin: 0 auto 30px;
  }

  .booking-place-info {
    padding: 5px 15px;
  }

  .place-name-box h2 {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 10px;
  }

  .place-name-box h5 {
    font-size: 14px;
    margin: 0 0 5px;
  }

  .place-name-box h5 img {
    min-width: 15px;
    max-width: 15px;
    width: 15px;
    margin: 0 5px 0 0;
  }

  .place-name-box p {
    font-size: 14px;
  }

  .place-name-box ul li {
    padding: 0 0 15px;
    margin: 0 0 15px;
  }

  .place-name-box ul li p,
  .place-name-box ul li h4 {
    font-size: 16px;
  }

  .place-name-box ul {
    margin: 0 auto;
    max-width: 140px;
  }

  .place-name-box h3 {
    font-size: 24px;
    line-height: 26px;
  }

  .place-name-box h3 span {
    font-size: 14px;
  }

  /* *** End Booking Page *** */
  /* *** Profile Pages *** */
  .profile-body-wrp .container {
    max-width: 700px;
  }

  .profile-cover-block img {
    height: 160px;
    object-fit: cover;
  }

  .wizards-header {
    margin: 0 auto 35px;
  }

  .profile-wrp {
    padding: 40px 50px;
  }

  .upload-profile-block .btn-group {
    max-width: 550px;
  }

  .profile-setup-box .row {
    margin: 0 -15px;
  }

  .profile-setup-box .row .col-md-6 {
    padding: 0 15px;
  }

  .profile-setup-box .form-group {
    margin: 0 0 25px;
  }

  .profile-setup-box .form-group label {
    font-size: 13px;
  }

  .profile-setup-box .form-group .form-control {
    padding: 12px 20px;
  }

  .country-bx img {
    width: 35px;
    height: 24px;
  }

  .profile-setup-box .form-group .call-box .form-control {
    padding: 12px 70px;
  }

  .country-bx {
    top: 11px;
  }

  .profile-setup-box .form-group .call-box button {
    top: 8px;
    right: 12px;
  }

  .profile-setup-box .btn-main {
    max-width: 180px;
    padding: 12px 20px;
    font-size: 15px;
  }

  .upload-profile-wrp h2 {
    font-size: 16px;
    margin: 0 auto 25px;
  }

  .upload-profile-block {
    padding: 45px 30px;
  }

  .upload-profile-block h3 {
    font-size: 14px;
    margin: 0 auto 30px;
  }

  .profile-picture-box {
    min-width: 129px;
    width: 129px;
    height: 129px;
    margin: 0 auto 50px;
  }

  .profile-picture-box img {
    width: 129px;
    height: 129px;
  }

  .upload-profile-block p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto 45px;
  }

  .verification-block .btn-group .btn-back,
  .verification-block .btn-group .btn-main,
  .upload-profile-block .btn-group .btn-secondary,
  .upload-profile-block .btn-group .btn-main {
    padding: 10px 15px;
    font-size: 14px;
    max-width: 160px;
  }

  .upload-profile-block .btn-group .btn-secondary {
    margin: 0 0 0 10px;
  }

  .verification-block {
    padding: 40px 30px;
  }

  .verification-block h2 {
    margin: 0 auto 30px;
  }

  .verification-block h3 {
    font-size: 14px;
    margin: 0 auto 20px;
  }

  .verification-block p {
    font-size: 14px;
    margin: 0 auto 40px;
  }

  .verification-block .btn-group .btn-back {
    padding: 9px 15px;
    margin: 0 15px 0 0;
  }

  .verification-block .btn-group .btn-back img {
    top: 7px;
    left: 10px;
  }

  .verification-method-row h4 {
    font-size: 14px;
  }

  .custom-rdbx [type="radio"]:checked + label,
  .custom-rdbx [type="radio"]:not(:checked) + label {
    padding: 15px 15px 15px 62px;
  }

  .custom-rdbx [type="radio"]:checked + label:before,
  .custom-rdbx [type="radio"]:not(:checked) + label:before {
    top: 15px;
  }

  .custom-rdbx [type="radio"]:checked + label:after,
  .custom-rdbx [type="radio"]:not(:checked) + label:after {
    top: 15px;
  }

  .verification-method-row {
    margin: 0 auto 45px;
  }

  .passport-block {
    margin: 0 auto 30px;
  }

  .passport-photo-notes h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 20px;
  }

  .passport-photo-notes ul li {
    font-size: 14px;
  }

  .passport-photo-notes ul {
    margin: 0 auto 45px;
  }

  .passport-photo-rw {
    margin: 0 auto 35px;
  }

  .passport-uploadbox {
    margin: 0;
  }

  .upload-btn-wrapper .btn {
    min-width: 300px;
    max-width: 300px;
    padding: 35px;
  }

  .upload-btn-wrapper .btn img {
    margin: 20px auto;
    max-width: 75px;
    border-radius: 6px;
  }

  .upload-btn-wrapper .btn span {
    font-size: 14px;
  }

  /* *** End Profile Pages *** */
  /* *** User Profile Page *** */
  aside.profile-sidebar {
    max-width: 200px;
  }

  .user-profile-wrp {
    padding: 80px 0 0 200px;
  }

  .user-profile-wrp .container {
    padding: 0 15px;
    max-width: 100%;
  }

  aside.profile-sidebar ul li a {
    padding: 5px 10px;
    font-size: 15px;
  }

  .profile-about-box {
    margin: 0 auto 30px;
  }

  .my-trips-wrp .row,
  .profile-progress-row .row {
    margin: 0 -7px;
  }

  .my-trips-wrp .row .col-md-3,
  .profile-progress-row .row .col-md-3 {
    width: 50%;
    padding: 0 7px;
  }

  .progress-box {
    padding: 15px;
    border-radius: 5px;
    margin: 0 0 15px;
  }

  .profile-review-wrp,
  .profile-about-row {
    padding: 30px 0;
  }

  .progress-box figure {
    margin: 0 5px 0 0;
    min-width: 30px;
    max-width: 30px;
  }

  .progress-box figure img {
    width: 100%;
  }

  .progress-box h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .progress-box h3 span {
    font-size: 12px;
  }

  .my-trips-wrp {
    padding: 30px 0;
  }

  .profile-review-wrp h2,
  .my-trips-wrp h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px;
  }

  .trip-block {
    margin: 0 0 15px;
    border-radius: 10px;
  }

  .trip-contry {
    margin: 0 auto 10px;
  }

  .profile-review-box {
    margin: 0 0 30px;
  }

  .book-head h2 {
    font-size: 16px;
  }

  .book-head a {
    padding: 8px 10px;
    font-size: 14px;
  }

  .current-book-wrp .row .col-md-6 {
    width: 100%;
  }

  .room-bookbox {
    padding: 15px;
    margin: 0 0 30px;
  }

  .room-profile-img {
    margin-right: 15px;
  }

  .room-profile-data h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
  }

  .room-profile-data p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .room-profile-data ul li {
    margin-right: 15px;
    font-size: 12px;
  }

  .room-profile-data ul li figure {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .room-profile-data ul li figure img {
    width: 100%;
  }

  .room-bottom h4 {
    font-size: 16px;
    line-height: 24px;
  }

  .room-bottom .row .col-md-6 {
    width: 50%;
  }

  .room-bottom .btn-secondary {
    padding: 10px;
    font-size: 12px;
    border-radius: 6px;
  }

  .room-profile-img {
    min-width: 50px;
  }

  .room-profile-img img {
    width: 50px;
    height: 50px;
  }

  /* *** End User Profile Page *** */
  /* *** Login & Register Pages *** */
  .login-wrp {
    padding: 15px;
  }

  .login-left-box {
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
  }

  .login-left-box .login-back img {
    height: 160px;
  }

  .login-right-box {
    width: 100%;
    height: auto;
    margin: 25px 0 0;
    padding: 30px;
  }

  .login-quote-box,
  figure.login-shp3,
  figure.login-shp2,
  figure.login-shp1 {
    display: none;
  }

  .login-left-box h2 {
    display: table;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }

  .btn-back {
    display: none;
  }

  .register-form-block h1 {
    text-align: center;
    padding: 0 0 15px;
    margin: 0 0 15px;
  }

  .register-form-block h2 {
    text-align: center;
  }

  .tab-row {
    margin: 0 auto 20px;
  }

  /* *** End Login & Register Pages *** */
  /* *** Home Page *** */
  .home-wrpper {
    overflow: hidden;
  }

  header.home-header {
    display: block;
    top: 15px;
    padding: 15px 30px;
  }

  .home-navbar ul li {
    margin-right: 20px;
  }

  .home-navbar ul li a {
    font-size: 14px;
  }

  .btn-nav {
    padding: 12px 25px;
    font-size: 14px;
  }

  .hero-container {
    border-radius: 24px;
  }

  .home-hero-banner {
    height: 500px
  }

  .hero-center {
    top: 85px;
  }

  .home-wrpper .container {
    max-width: 700px;
  }

  .banner-data h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 15px;
    min-height: 40px;
  }

  .banner-data h1 br {
    display: none;
  }

  .banner-data p {
    margin: 0 0 20px;
    max-width: 100%;
    font-size: 14px;
  }

  .banner-data p br {
    display: none;
  }

  .btn-main {
    padding: 10px 30px;
    font-size: 14px;
  }

  .hero-filter-row {
    max-width: 55%;
    padding: 15px 15px 0 0;
    z-index: 2
  }

  .filter-hero-bx {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 0;
  }

  .filter-hero-bx .form-group {
    width: 50%;
    padding: 0 7px;
    margin: 0 0 10px;
  }

  .filter-hero-bx button {
    max-width: 100%;
  }

  .hero-img {
    right: 15px;
    bottom: 50px;
  }

  .virtual-data h2 {
    font-size: 22px;
  }

  .line-rw {
    top: 25px;
  }

  .filter-hero-bx .form-group label {
    margin: 0 0 5px;
  }

  .flexible-wrp .row .col-md-5 {
    width: 40%;
  }

  .flexible-wrp .row .col-md-7 {
    width: 60%;
  }

  .flexible-data {
    max-width: 400px;
  }

  .flexible-data h2 {
    font-size: 26px;
    line-height: 36px;
  }

  .flexible-data p {
    font-size: 14px;
  }

  .flexible-data .btn-main {
    padding: 10px 25px;
    font-size: 14px;
    line-height: 22px;
  }

  .flex-bottom h4 {
    font-size: 24px;
  }

  .flex-top h3 {
    font-size: 24px;
  }

  .result-block {
    max-width: 280px;
    min-width: 280px;
    padding: 15px;
    border-radius: 6px;
  }

  .result-block h3 {
    margin: 0 0 15px;
  }

  .result-block ul li {
    margin: 0 0 10px;
  }

  .result-block ul li a figure {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    min-width: 40px;
  }

  #result2 {
    right: 0;
    left: auto;
  }

  .quantity-blocks ul li {
    padding: 10px 0;
  }

  /* *** End Home Page *** */
  /* *** Property New Page *** */
  .property-wrp header {
    border-radius: 10px;
  }

  .meubar-rw ul li a {
    font-size: 14px;
  }

  .main-list-left {
    padding: 0px 0;
  }

  .main-right-blocks .filter-head-row {
    justify-content: space-between;
  }

  .main-right-blocks .filter-hero-bx .form-group {
    width: 25%;
  }

  .tags-bx .hotel-block {
    max-width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    width: 100%;
    position: fixed;
    bottom: 30px;
    display: flex !important;
  }

  .tags-bx .hotel-block .hotel-img {
    width: 30%;
  }

  .tags-bx .hotel-block .hotel-data {
    width: 70%;
  }

  .tags-bx .include-rw,
  .tags-bx .slider-arrow,
  .tags-bx .area-lst-wrp .hotel-block .like-btn,
  .tags-bx .area-lst-wrp .hotel-block .hotel-img label {
    display: none;
  }

  .area-lst-wrp .hotel-block .hotel-data h3 {
    font-size: 14px;
    line-height: 22px;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-data {
    padding: 10px 15px;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-data .htl-dthead {
    flex-flow: column;
    align-items: flex-start;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 {
    font-size: 12px;
    top: 0;
    right: 0;
    position: relative;
    margin: 0;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 span {
    font-size: 10px;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot {
    flex-flow: column;
    align-items: flex-start;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot h5 {
    margin: 0;
    font-size: 12px;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot h5 img {
    width: 12px;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot h4 {
    font-size: 12px;
    position: absolute;
    top: 15px;
    right: 15px;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot h4 img {
    width: 10px;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-img figure.pro-img img {
    height: 100%;
  }

  .tags-bx .area-lst-wrp .hotel-block .swiper,
  .pro-img {
    height: 100%;
  }

  .close-map {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 125;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #2996E8;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .close-map img {
    width: 20px;
  }

  .close-map:hover {
    background: #101010;
  }

  div.tags-bx span.pri-num {
    font-size: 14px;
  }

  .main-right-blocks {
    width: 100%;
    overflow: auto;
  }

  .main-list-left {
    margin: 0 auto;
    height: auto;
  }

  .map-block {
    width: 100%;
    background: #fff;
    z-index: 1;
    transition: .4s linear;
    -webkit-transition: .4s linear;
  }

  .map-block.show {
    left: 0;
  }

  .btn-mobilemap {
    display: flex;
    bottom: 30px;
  }

  aside.filter-sidebar {
    height: calc(100vh - 30px);
    top: 15px;
  }

  .area-lst-wrp {
    gap: 0.75rem;
    grid-template-columns: repeat(3, 1fr);
  }
  /* *** End Property New Page *** */
}

@media (min-width: 992px) and (max-width: 1024px) {
  .home-wrpper .container {
    max-width: 900px;
  }
}

@media (max-width: 767px) {
  header {
    display: none;
  }

  .main-listing-wrp {
    flex-flow: column;
  }

  .main-list-right,
  .main-list-left {
    width: 100%;
  }

  .main-list-left {
    min-width: 0;
  }

  .main-list-right {
    position: relative;
    min-height: 300px;
  }

  .filter-action span {
    display: none;
  }

  .rent-type-switcher .filter-btn {
    padding: 0.375rem 1rem;
  }

  .map-img img {
    height: 650px;
  }

  .search-row {
    padding: 15px;
    justify-content: space-between;
    top: 0;
    max-width: 100%;
  }

  .search-row .form-group {
    max-width: 100%;
    min-width: auto;
    margin: 0 15px;
    width: 100%;
  }

  .btn-filter {
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: column;
    justify-content: center;
    margin: 0;
  }

  .btn-filter figure {
    margin: 0;
  }

  .btn-filter span {
    display: none;
  }

  .search-row .back-btn {
    display: flex;
  }

  .search-row .form-group .form-control {
    padding: 10px 30px 10px 15px;
  }

  .search-row .form-group button {
    right: 10px;
    top: 5px;
  }

  .map-actionbar {
    display: none;
  }

  .filter-inner-bx .form-group {
    width: 25%;
    padding: 0 5px;
  }

  .filter-row {
    flex-flow: column;
    padding: 6px 15px 8px 15px;
    border-radius: 0;
    margin: 0 0 15px;
  }

  .filter-inner-bx .form-group h3 {
    font-size: 11px;
    line-height: 16px;
  }

  .filter-row button {
    width: 100%;
    margin: 10px auto 0;
    border-radius: 15px;
  }

  .populer-list-wrp {
    padding: 0 15px;
  }

  .populer-list-head {
    margin: 12px 0;
  }

  .populer-list-head h1 {
    font-size: 16px;
    line-height: 20px;
  }

  .populer-list-head h1 span {
    font-size: 12px;
  }

  .sortbybx h6 {
    display: none;
  }

  .sortbybx .form-control {
    font-size: 14px;
    font-weight: normal;
  }

  .hotel-block {
    border-radius: 12px;
    border: 1px solid #DDDDDD;
    box-shadow: none;
    margin: 0 0 15px;
  }

  .hotel-img img {
    height: 150px;
    border-radius: 0px;
  }

  .hotel-data {
    padding: 5px;
  }

  .hotel-tags {
    margin: 0 0 10px;
  }

  .hotel-data h3 {
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 5px;
  }

  .hotel-data h6 {
    font-size: 6px;
    top: 5px;
    right: 5px;
  }

  .hotel-data h6 figure {
    min-width: 6px;
  }

  .hotel-data h6 figure img {
    width: 6px;
  }

  .hotel-data p {
    font-size: 8px;
    line-height: 10px;
    margin: 0 0 10px;
  }

  .hotel-tags h4 {
    font-size: 10px;
  }

  .hotel-tags h4 span {
    font-size: 8px;
    line-height: 8px;
  }

  .hotel-data ul li figure,
  .hotel-tags h5 figure,
  .hotel-tags h4 figure {
    min-width: 6px;
  }

  .hotel-data ul li figure img,
  .hotel-tags h5 figure img,
  .hotel-tags h4 figure img {
    width: 6px;
  }

  .hotel-tags h5 {
    font-size: 8px;
  }

  .hotel-data ul {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 5px;
  }

  .hotel-data ul li {
    font-size: 8px;
    padding: 5px 0px;
    width: 100%;
  }

  .hotel-img label {
    padding: 2px 5px;
    font-size: 8px;
  }

  .hotel-img label img {
    min-width: 8px;
  }

  .pager-rw ul li a {
    width: 26px;
    line-height: 26px;
    height: 26px;
    font-size: 12px;
  }

  .btn-mobilemap,
  .mobile-meun {
    display: flex;
    z-index: 122;
  }

  .mobile-meun {
    display: block;
    z-index: 120;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }

  aside.filter-sidebar {
    max-width: 100%;
    padding: 0px;
  }

  .other-filters-row .btn-group {
    padding: 30px 30px 100px
  }


  /* *** Details Page *** */
  .details-wrp {
    padding: 15px 0;
  }

  .facility-list,
  .photos-small-gallery,
  .details-head-box {
    padding: 0 10px;
  }

  .product-details-img img {
    height: auto;
  }

  .about-propertybx {
    padding: 0 10px 20px;
  }

  .details-head-box .product-details-img {
    display: block;
    margin: 0 0 10px;
  }

  .details-wrp h1 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }

  .details-head-box p {
    font-size: 14px;
  }

  .details-head-box p img {
    margin-right: 5px;
  }

  .product-details-img {
    display: none;
  }

  .product-details-gallery .row .col-md-6 {
    width: 100%;
  }

  .product-details-gallery .row .photos-small-gallery .row {
    margin: 0 -5px;
  }

  .product-details-gallery .row .photos-small-gallery .row .col-md-6 {
    width: 25%;
    padding: 0 5px;
  }

  .product-sml-details-img img {
    height: 50px;
    border-radius: 6px
  }

  .product-sml-details-img {
    margin: 0;
  }

  .btn-seeall {
    display: none;
  }

  .photos-small-gallery h3 {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
  }

  .details-wrp-row .row .col-md-4,
  .details-wrp-row .row .col-md-8 {
    width: 100%;
  }

  .facility-list h3 {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
  }

  .facility-list h3 span {
    margin: 0 0 0 auto;
    font-size: 10px;
    font-weight: 300;
    display: flex;
    align-items: column
  }

  .facility-list h3 span img {
    width: 15px;
    margin: 0 5px 0 0;
  }

  .facility-list ul {
    margin: 0 -5px
  }

  .facility-list ul li {
    width: 33.33%;
    padding: 0 5px;
    margin: 0 0 10px;
    font-size: 12px;
  }

  .facility-list ul li figure {
    min-width: 19px;
    max-width: 19px;
  }

  .facility-list ul li figure img {
    width: 100%;
  }

  .posted-by-bx h5 {
    display: none;
  }

  .posted-by-bx {
    padding: 15px;
    border-radius: 10px;
    margin: 0 0 10px;
  }

  .posted-by-bx h2 {
    font-size: 14px;
    line-height: 18px;
  }

  .posted-by-bx h2 span {
    font-size: 10px;
  }

  .about-propertybx h2 {
    font-size: 16px;
    margin: 0 0 10px;
  }

  .about-propertybx p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 10px;
  }

  .key-features-wrp {
    padding: 25px 10px;
  }

  .key-features-wrp h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .key-features-wrp .row .col-md-6 {
    width: 100%;
  }

  .key-ic {
    min-width: 19px;
    max-width: 19px;
    margin: 0 10px 0 0;
  }

  .key-ic img {
    width: 100%;
  }

  .key-data h3 {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 5px;
  }

  .key-data p {
    font-size: 11px;
    line-height: 16px;
  }

  .key-features-box {
    margin: 0 auto 20px;
  }

  .key-features-wrp .btn-main {
    margin: 0 auto;
    font-size: 14px;
    padding: 10px 35px;
    border-radius: 30px;
  }

  .posted-cntbx,
  .three-d-view-bx,
  .property-price-bx {
    display: block;
  }

  .property-detials-sidebar {
    padding: 30px 0 0;
  }

  .chackout-block {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
  }

  .chackout-rw .chackinbx {
    padding: 15px;
  }

  .chackout-rw .chackinbx h6 {
    font-size: 14px;
    line-height: 22px;
  }

  .chackout-rw .chackinbx .form-control {
    font-size: 12px;
  }

  .btn-resrve {
    padding: 10px 15px;
    font-size: 16px;
    margin: 0 auto 25px;
  }

  .chackout-rw {
    margin: 0 0 15px;
  }

  .chackout-tbl table tbody tr td {
    font-size: 12px;
  }

  .our-location-wrp {
    padding: 25px 0 0;
  }

  .our-location-wrp h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0 10px;
  }

  .our-location-wrp h6 {
    font-size: 12px;
    margin: 0 0 15px;
    padding: 0 10px;
  }

  .location-list ul li {
    margin: 0 5px 0 0;
  }

  .location-list ul li a {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px;
  }

  .location-list ul li a figure {
    min-width: 19px;
    max-width: 19px;
    margin: 0 5px 0 0;
  }

  .location-list ul li a figure img {
    width: 100%;
  }

  .location-imgbox figure.location-map img {
    border-radius: 0;
  }

  .home-pin {
    width: 22px;
    height: 22px;
  }

  .home-pin img {
    width: 60%;
    margin: 0 auto;
  }

  .home-pin:after {
    width: 8px;
    height: 8px;
    bottom: -10px;
  }

  .rule-block table tbody tr td {
    padding: 10px 0;
    font-size: 14px;
  }

  .rule-dt figure {
    min-width: 19px;
    max-width: 19px;
    margin: 0 5px 0 0;
  }

  .rule-dt figure img {
    width: 100%;
  }

  .rule-block {
    border: none;
    border-radius: 0;
  }

  .houes-rule-wrp {
    padding: 20px 10px;
  }

  .houes-rule-wrp h2 {
    padding: 0;
  }

  .host-detials-row {
    padding: 0 10px;
  }

  .host-detials-row .row .col-md-4,
  .host-detials-row .row .col-md-4 {
    width: 100%;
  }

  .host-detials-box {
    padding: 10px;
    border-radius: 10px;
    border-color: #E7E7E7;
  }

  .host-top-rw {
    padding: 10px;
  }

  .host-top-rw h3 {
    font-size: 14px;
    line-height: 22px;
  }

  .host-bottom-rw ul li h3 {
    font-size: 14px;
    line-height: 20px;
  }

  .host-bottom-rw ul li h3 span {
    font-size: 11px;
  }

  .lang-block {
    margin: 20px -5px 0;
    display: flex;
  }

  .langinbox {
    width: 60%;
    padding: 0 5px;
  }

  .lang-block p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 10px;
  }

  .langinbox-in {
    width: 40%;
    padding: 0 5px;
  }

  .flag-img {
    max-width: 40px;
    margin: 0 5px 0 0;
  }

  .host-detials-wrp {
    padding: 20px 0;
  }

  .booking-date-wrp {
    padding: 25px 10px;
  }

  .booking-head .row {
    margin: 0;
  }

  .booking-head .row .col-md-5,
  .booking-head .row .col-md-7 {
    width: 100%;
    padding: 0;
  }

  .booking-head h2 {
    padding: 0;
  }

  .booking-head p {
    font-size: 14px;
    margin: 0 0 20px;
  }

  .booking-head {
    margin: 0;
  }

  .book-choice .book-inbx {
    padding: 15px;
  }

  .book-inbx h3 {
    font-size: 16px;
    line-height: 24px;
  }

  .book-inbx .form-control {
    font-size: 14px;
  }

  .book-choice {
    border-radius: 15px;
  }

  .guest-review-wrp {
    padding: 25px 10px 100px;
  }

  .guest-review-wrp h2 img {
    min-width: 19px;
    max-width: 19px;
    margin: 0 5px 0 0;
  }

  .guest-review-wrp .row {
    flex-flow: column-reverse;
  }

  .guest-review-wrp .row .col-md-5,
  .guest-review-wrp .row .col-md-7 {
    width: 100%;
  }

  .overall-raiting-box {
    margin: 0 0 24px;
    padding: 0;
    border-radius: 0;
    background: transparent;
  }

  .guest-review-wrp h2 {
    padding: 0;
  }

  .overall-raiting-box h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .overall-raiting-box p {
    font-size: 10px;
    line-height: 14px;
    margin: 0 0 15px;
    max-width: 210px;
  }

  .overrait-rw {
    padding: 8px;
    background: #F8F8F8;
    border-radius: 8px;
    margin: 0 -5px;
    flex-flow: row-reverse;
  }

  .overrgt ul li h4 {
    font-size: 12px;
    min-width: 15px;
  }

  .progress-bx {
    height: 6px;
  }

  .our-location-wrp h6,
  .our-location-wrp h2 {
    justify-content: flex-end;
    padding: 0;
  }

  .ovr-str {
    justify-content: flex-end;
  }

  .overlft {
    width: 35%;
    padding: 0 5px;
  }

  .overrgt {
    width: 65%;
    padding: 0 5px;
  }

  .review-list .row {
    flex-flow: column;
  }

  .guest-review-wrp .row .col-md-6 {
    width: 100%;
  }

  .review-block {
    max-width: 100%;
    padding: 24px 0;
    border-bottom: 1px solid #D9D9D9;
    margin: 0;
  }

  .review-top .review-img {
    min-width: 35px;
    margin: 0 8px 0 0;
  }

  .review-top .review-img img {
    width: 35px;
    height: 35px;
  }

  .review-data h3 {
    margin: 0 0 5px
  }

  .guest-review-wrp .row .col-md-6:last-child .review-block {
    border: none;
  }

  .chackout-block {
    padding: 0 10px;
  }

  .extra-charges-wrp {
    display: none;
  }

  .details-wrp {
    overflow: hidden;
  }

  /* *** End Details Page *** */
  /* *** Booking Page *** */
  .booking-wrp {
    padding: 30px 0 100px;
  }

  .booking-wrp .container {
    padding: 0 15px;
  }

  .booking-head .back-btn {
    margin-right: 10px;
    min-width: 30px;
  }

  .booking-head .back-btn img {
    width: 30px;
  }

  .booking-head h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .booking-wrp .booking-head {
    margin: 0 0 25px;
  }

  .booking-right-col,
  .booking-left-col {
    width: 100%;
  }

  .booking-info-block {
    border-radius: 15px;
    margin: 0 0 30px;
  }

  .destination-bottom {
    padding: 0;
  }

  .destination-cover img {
    border-radius: 10px;
  }

  .destination-title h2 {
    font-size: 16px;
    line-height: 24px;
  }

  .destination-title h6 {
    font-size: 14px;
  }

  .destination-title h6 img {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .destination-cmn-bx {
    padding: 15px 0;
  }

  .destination-cmn-bx p {
    font-size: 14px;
    line-height: 22px;
  }

  .trip-details-bx h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .trip-details-bx .btn-change {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 6px;
  }

  .destination-cmn-bx h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .destination-cmn-bx table tbody tr td {
    font-size: 14px;
    line-height: 20px;
    padding: 3px 0;
  }

  .total-destirw h3 {
    font-size: 14px;
  }

  .total-destirw h3 span {
    font-size: 18px;
  }

  .review-request-box,
  .payment-method-block {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-method-block h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }

  .payment-method-block p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .payment-method-block h4 {
    font-size: 16px;
  }

  .payment-details-box {
    padding: 15px;
    border-radius: 15px;
  }

  .payment-details-box h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }

  .payment-form {
    padding: 0 0px;
  }

  .payment-form .row {
    margin: 0 -5px;
  }

  .payment-form .col-md-4 {
    padding: 0 5px;
  }

  .payment-typebx [type="radio"]:checked + label,
  .payment-typebx [type="radio"]:not(:checked) + label {
    padding: 10px;
    font-size: 10px;
    line-height: 13px;
  }

  .payment-typebx label img {
    height: 13px;
  }

  .payment-form .col-md-6,
  .payment-form .col-md-12 {
    padding: 0 5px;
  }

  .review-request-bottom p,
  .review-request-top p {
    max-width: 100%;
  }

  .review-request-bottom .btn-main {
    font-size: 16px;
    padding: 10px 15px;
  }

  .saved-cards-row ul li {
    flex-wrap: wrap;
  }

  .saved-cards-row ul li .payment-typebx {
    max-width: 100%;
    margin: 0 0 15px;
  }

  .btn-change {
    margin: 0;
  }

  .btn-delete {
    margin: 0 0 0 auto;
  }

  .booking-confirm-row {
    max-width: 100%;
    margin: 0 0 30px;
  }

  .date-bx {
    display: none;
  }

  .booking-place-info {
    padding: 10px;
  }

  .booking-confirm-row .row .col-md-4 {
    width: 40%;
    height: 100%;
  }

  .booking-confirm-row .row .col-md-8 {
    width: 60%;
  }

  .place-name-box {
    width: 100%;
  }

  .booking-confirm-row .row {
    align-items: flex-start;
    height: 100%;
  }

  .place-name-box h2 {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px;
  }

  .place-name-box h5 {
    font-size: 12px;
    margin: 0 0 10px;
  }

  .place-name-box p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 5px;
  }

  .place-name-box h3 {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
  }

  .place-name-box h3 span {
    display: inline-block;
    font-size: 14px;
  }

  .place-name-box h5 img {
    width: 13px;
    margin: 0 5px 0 0;
  }

  /* *** End Booking Page *** */
  /* *** Profile Pages *** */
  .profile-body-wrp .container {
    padding: 0 15px 80px;
  }

  .profile-cover-block {
    margin: 15px 0 12px;
    border-radius: 11px;
  }

  .profile-cover-block img {
    height: 160px;
    object-fit: cover;
  }

  .profile-cover-block h1 {
    font-size: 16px;
    line-height: 22px;
    max-width: 140px;
  }

  .wizards-header ul {
    flex-flow: column;
    margin: 0 auto;
    display: table;
    max-width: 250px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .wizards-header ul li {
    width: 100%;
    flex-flow: initial;
    margin: 0 0 24px;
    padding: 10px 0;
    justify-content: flex-start;
    align-items: center;
  }

  .wizards-header ul li span {
    margin: 0 24px 0 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .wizards-header ul li p {
    margin: 0;
    text-align: left;
  }

  .wizards-header ul li:after {
    width: 2px;
    height: 50%;
    top: 50px;
    left: 15px;
    right: auto;
  }

  .wizards-header ul li:first-child:after {
    width: 2px;
  }

  .wizards-header ul li:last-child:after {
    display: none;
  }

  .wizards-header ul li:last-child {
    margin: 0;
  }

  .wizards-header {
    margin: 0 auto 15px;
  }

  .profile-wrp {
    padding: 40px;
  }

  .profile-wrp h2 {
    font-size: 15px;
    line-height: 20px;
    margin: 0 auto 20px;
  }

  .profile-wrp h3 {
    font-size: 12px;
    margin: 0 auto 40px;
  }

  .profile-setup-box .row {
    margin: 0 -15px;
  }

  .profile-setup-box .row .col-md-6 {
    width: 100%;
    padding: 0 15px;
  }

  .profile-setup-box .form-group {
    margin: 0 0 25px;
  }

  .profile-setup-box .form-group label {
    font-size: 13px;
  }

  .profile-setup-box .form-group .form-control {
    padding: 12px 20px;
  }

  .country-bx img {
    width: 35px;
    height: 24px;
  }

  .profile-setup-box .form-group .call-box .form-control {
    padding: 12px 70px;
  }

  .country-bx {
    top: 11px;
  }

  .profile-setup-box .form-group .call-box button {
    top: 8px;
    right: 12px;
  }

  .profile-setup-box .btn-main {
    max-width: 180px;
    padding: 12px 20px;
    font-size: 15px;
  }

  .upload-profile-wrp h2 {
    font-size: 16px;
    margin: 0 auto 25px;
  }

  .upload-profile-block {
    padding: 45px 30px;
  }

  .upload-profile-block h3 {
    font-size: 14px;
    margin: 0 auto 30px;
  }

  .profile-picture-box {
    min-width: 129px;
    width: 129px;
    height: 129px;
    margin: 0 auto 50px;
  }

  .profile-picture-box img {
    width: 129px;
    height: 129px;
  }

  .upload-profile-block p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto 45px;
  }

  .verification-block .btn-group .btn-back,
  .verification-block .btn-group .btn-main,
  .upload-profile-block .btn-group .btn-secondary,
  .upload-profile-block .btn-group .btn-main {
    padding: 10px 15px;
    font-size: 14px;
    max-width: 160px;
  }

  .upload-profile-block .btn-group .btn-secondary {
    margin: 0 0 0 10px;
  }

  .verification-block {
    padding: 40px 30px;
  }

  .verification-block h2 {
    margin: 0 auto 30px;
  }

  .verification-block h3 {
    font-size: 14px;
    margin: 0 auto 20px;
  }

  .verification-block p {
    font-size: 14px;
    margin: 0 auto 40px;
  }

  .verification-block .btn-group .btn-back {
    padding: 9px 15px;
    margin: 0 15px 0 0;
  }

  .verification-block .btn-group .btn-back img {
    top: 7px;
    left: 10px;
  }

  .verification-method-row h4 {
    font-size: 14px;
  }

  .custom-rdbx [type="radio"]:checked + label,
  .custom-rdbx [type="radio"]:not(:checked) + label {
    padding: 15px 15px 15px 62px;
  }

  .custom-rdbx [type="radio"]:checked + label:before,
  .custom-rdbx [type="radio"]:not(:checked) + label:before {
    top: 15px;
  }

  .custom-rdbx [type="radio"]:checked + label:after,
  .custom-rdbx [type="radio"]:not(:checked) + label:after {
    top: 15px;
  }

  .verification-method-row {
    margin: 0 auto 45px;
  }

  .passport-block {
    margin: 0 auto 30px;
  }

  .passport-photo-notes h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 20px;
  }

  .passport-photo-notes ul li {
    font-size: 14px;
  }

  .passport-photo-notes ul {
    margin: 0 auto 45px;
  }

  .passport-photo-rw {
    margin: 0 auto 35px;
  }

  .passport-uploadbox {
    margin: 0;
  }

  .upload-btn-wrapper .btn {
    min-width: 140px;
    max-width: 140px;
    padding: 20px 15px;
  }

  .upload-btn-wrapper .btn img {
    margin: 15px auto;
    max-width: 55px;
    border-radius: 4px;
  }

  .upload-btn-wrapper .btn span {
    font-size: 14px;
  }

  /* *** End Profile Pages *** */
  /* *** User Profile Page *** */
  aside.profile-sidebar {
    left: -100%;
    max-width: 250px;
    width: 100%;
  }

  aside.profile-sidebar.show {
    left: 0;
  }

  .user-profile-wrp .container {
    padding: 0 15px;
  }

  .user-profile-wrp {
    padding: 15px 0;
  }

  aside.profile-sidebar ul li a {
    padding: 5px 10px;
    font-size: 15px;
  }

  .profile-about-box {
    margin: 0 0 30px;
  }

  .my-trips-wrp .row,
  .profile-progress-row .row {
    margin: 0 -7px;
  }

  .my-trips-wrp .row .col-md-3,
  .profile-progress-row .row .col-md-3 {
    width: 50%;
    padding: 0 7px;
  }

  .progress-box {
    padding: 15px;
    border-radius: 5px;
    margin: 0 0 15px;
  }

  .profile-review-wrp,
  .profile-about-row {
    padding: 30px 0;
  }

  .progress-box figure {
    margin: 0 5px 0 0;
    min-width: 30px;
    max-width: 30px;
  }

  .progress-box figure img {
    width: 100%;
  }

  .progress-box h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .progress-box h3 span {
    font-size: 12px;
  }

  .my-trips-wrp {
    padding: 30px 0;
  }

  .profile-review-wrp h2,
  .my-trips-wrp h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px;
  }

  .trip-block {
    margin: 0 0 15px;
    border-radius: 10px;
  }

  .trip-contry {
    margin: 0 auto 10px;
  }

  .profile-review-box {
    margin: 0 0 30px;
  }

  .book-head h2 {
    font-size: 16px;
  }

  .book-head a {
    padding: 8px 10px;
    font-size: 14px;
  }

  .current-book-wrp .row .col-md-6 {
    width: 100%;
  }

  .room-bookbox {
    padding: 15px;
    margin: 0 0 30px;
  }

  .room-profile-img {
    margin-right: 15px;
  }

  .room-profile-data h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
  }

  .room-profile-data p {
    font-size: 14px;
    margin: 0 0 10px;
  }

  .room-profile-data ul li {
    margin-right: 15px;
    font-size: 12px;
  }

  .room-profile-data ul li figure {
    min-width: 15px;
    max-width: 15px;
    margin: 0 5px 0 0;
  }

  .room-profile-data ul li figure img {
    width: 100%;
  }

  .room-bottom h4 {
    font-size: 16px;
    line-height: 24px;
  }

  .room-bottom .row .col-md-6 {
    width: 50%;
  }

  .room-bottom .btn-secondary {
    padding: 10px;
    font-size: 12px;
    border-radius: 6px;
  }

  .room-profile-img {
    min-width: 50px;
  }

  .room-profile-img img {
    width: 50px;
    height: 50px;
  }

  .btn-sidebar-dash {
    display: block;
    margin: 30px 0 0 15px;
    display: table;
    position: relative;
    z-index: 100
  }

  body.show {
    overflow: hidden;
  }

  /* *** End User Profile Page *** */
  /* *** Login & Register Pages *** */
  .login-wrp {
    padding: 15px;
  }

  .login-left-box {
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
  }

  .login-left-box .login-back img {
    height: 160px;
  }

  .login-right-box {
    width: 100%;
    height: auto;
    margin: 25px 0 0;
    padding: 30px;
  }

  .login-quote-box,
  figure.login-shp3,
  figure.login-shp2,
  figure.login-shp1 {
    display: none;
  }

  .login-left-box h2 {
    display: table;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }

  .btn-back {
    display: none;
  }

  .register-form-block h1 {
    text-align: center;
    padding: 0 0 15px;
    margin: 0 0 15px;
  }

  .register-form-block h2 {
    text-align: center;
  }

  .tab-row {
    margin: 0 auto 20px;
  }

  /* *** End Login & Register Pages *** */
  /* *** Home Page *** */
  .home-wrpper {
    overflow: hidden;
  }

  header.home-header {
    display: block;
    top: 15px;
    padding: 15px 30px;
  }

  .hm-navrw {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: radial-gradient(50% 50% at 50% 50%, #1A2031 0%, #161515 100%);
    flex-flow: column;
    justify-content: center;
    transition: .4s linear;
    -webkit-transition: .4s linear;
  }

  .hm-navrw.show {
    right: 0;
  }

  .close-toggle {
    display: block;
    position: absolute;
    top: 35px;
    right: 35px;
  }

  .home-navbar {
    margin: 0 auto 40px;
    flex-flow: column;
  }

  .home-navbar ul {
    flex-flow: column;
  }

  .home-navbar ul li {
    margin: 0 0 20px;
  }

  .home-logo {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .btn-nav {
    padding: 12px 40px;
    font-size: 16px;
  }

  .btn-bar {
    display: block;
    margin: 0 0 0 auto;
  }

  .home-hero-banner {
    border-radius: 24px;
    height: auto;
  }

  .hero-container {
    height: auto;
    border-radius: 24px;
    overflow: hidden;
  }

  .hero-filter-row {
    position: relative;
    width: 100%;
    border-radius: 24px;
    max-width: 100%;
    padding: 15px 0;
  }

  .hero-center {
    top: 100px;
    position: relative;
    margin: 0 0 70px;
  }

  .banner-data {
    margin: 0 auto;
    padding: 0 15px;
  }

  .banner-data h1 {
    font-size: 32px;
    text-align: center;
    margin: 0 auto 15px;
    min-height: 116px;
  }

  .banner-data p {
    font-size: 14px;
    text-align: center;
    margin: 0 auto 20px;
  }

  .btn-main {
    padding: 10px 30px;
    margin: 0 auto;
    font-size: 14px;
  }

  .hero-img {
    bottom: 0;
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
  }

  .virtual-block {
    bottom: 0;
    width: 100%;
    margin: 0 auto 15px;
    max-width: 340px;
    left: 0;
  }

  .virtual-data h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .hero-filter-row:before {
    display: none;
  }

  .flexible-wrp {
    margin: 0 auto;
    padding: 30px 15px 0;
    border-radius: 16px;
  }

  .flexible-wrp .row .col-md-7,
  .flexible-wrp .row .col-md-5 {
    width: 100%;
  }

  .flexible-data {
    margin: 0 auto 25px;
  }

  .flexible-data h2 {
    text-align: center;
  }

  .flexible-data .btn-main {
    font-size: 14px;
    padding: 12px 30px;
  }

  .filter-hero-bx {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 0;
  }

  .filter-hero-bx .form-group {
    width: 50%;
    padding: 0 7px;
    margin: 0 0 15px;
  }

  .filter-hero-bx button {
    max-width: 100%;
  }

  .flex-slider-row {
    justify-content: center;
  }

  .flex-slider-row .swiper {
    width: 300px;
    height: 250px;
  }

  .flex-box {
    border-radius: 15px;
  }

  .flex-bottom {
    padding: 15px 24px;
  }

  .flex-bottom h4 {
    font-size: 18px;
    line-height: 26px;
  }

  .flex-bottom h4 span {
    font-size: 14px;
  }

  .flex-top h3 {
    font-size: 24px;
  }

  .flex-slider-row .swiper {
    margin: 0;
  }

  .result-block {
    max-width: 280px;
    min-width: 280px;
    padding: 15px;
    border-radius: 6px;
  }

  .result-block h3 {
    margin: 0 0 15px;
  }

  .result-block ul li {
    margin: 0 0 10px;
  }

  .result-block ul li a figure {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    min-width: 40px;
  }

  #result2 {
    right: 0;
    left: auto;
  }

  .quantity-blocks ul li {
    padding: 10px 0;
  }

  /* *** End Home Page *** */
  /* *** Property New Page *** */
  .mobile-meun {
    padding: 10px;
  }

  .property-wrp header {
    display: none;
  }

  .property-wrp {
    padding: 0;
  }

  .main-list-left {
    margin: 0 auto;
    height: auto;
  }

  .populer-list-wrp {
    padding: 0;
  }

  .filter-choice {
    margin: 0 5px 0 0;
  }

  .filter-choice ul li a {
    padding: 10px 15px;
  }

  .btn-filter {
    min-width: 49px;
    width: 49px;
    height: 49px;
    padding: 0;
    align-items: column
  }

  .populer-list-wrp .row .col-md-6 {
    width: 100%;
  }

  .tags-bx .hotel-block {
    max-width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    width: 100%;
    position: fixed;
    bottom: 30px;
    display: flex !important;
  }

  .tags-bx .hotel-block .hotel-img {
    width: 30%;
  }

  .tags-bx .hotel-block .hotel-data {
    width: 70%;
  }

  .tags-bx .include-rw,
  .tags-bx .slider-arrow,
  .tags-bx .area-lst-wrp .hotel-block .like-btn,
  .tags-bx .area-lst-wrp .hotel-block .hotel-img label {
    display: none;
  }

  .area-lst-wrp .hotel-block .hotel-data h3 {
    font-size: 14px;
    line-height: 22px;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-data {
    padding: 10px 15px;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-data .htl-dthead {
    flex-flow: column;
    align-items: flex-start;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 {
    font-size: 12px;
    top: 0;
    right: 0;
    position: relative;
    margin: 0;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 span {
    font-size: 10px;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot {
    flex-flow: column;
    align-items: flex-start;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot h5 {
    margin: 0;
    font-size: 12px;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot h5 img {
    width: 12px;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot h4 {
    font-size: 12px;
    position: absolute;
    top: 15px;
    right: 15px;
  }

  .tags-bx .area-lst-wrp .hotel-block .htl-foot h4 img {
    width: 10px;
  }

  .tags-bx .area-lst-wrp .hotel-block .hotel-img figure.pro-img img {
    height: 100%;
  }

  .tags-bx .area-lst-wrp .hotel-block .swiper,
  .pro-img {
    height: 100%;
  }

  .close-map {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 125;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #2996E8;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .close-map img {
    width: 20px;
  }

  .close-map:hover {
    background: #101010;
  }

  div.tags-bx span.pri-num {
    font-size: 14px;
  }

  .area-lst-wrp .hotel-block .like-btn img {
    width: 20px;
    height: auto;
  }

  .area-lst-wrp .hotel-block .hotel-img label {
    font-size: 14px;
  }

  .area-lst-wrp .hotel-block .hotel-img label img {
    max-width: 18px;
    min-width: 18px;
  }

  .area-lst-wrp .hotel-block .hotel-data {
    padding: 15px 10px;
  }

  .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 {
    font-size: 14px;
    top: 15px;
    right: 10px;
  }

  .area-lst-wrp .hotel-block .hotel-data .htl-dthead h6 span {
    font-size: 12px;
  }

  .htl-foot h5 {
    font-size: 12px;
  }

  .htl-foot h5 img {
    width: 15px;
  }

  .htl-foot h4 {
    font-size: 12px;
  }

  .htl-foot h4 img {
    width: 15px;
  }

  .htl-foot h4 span {
    font-size: 10px;
  }

  .hotel-block {
    background: #fff;
  }

  aside.filter-sidebar {
    top: 0;
    border-radius: 0;
    height: 100vh;
    z-index: 125;
  }

  aside.filter-sidebar.show {
    left: 0;
  }

  .best-deals-wrp {
    padding: 15px 0 60px;
  }

  .desktop-part {
    display: none;
  }

  .mobile-part-show {
    display: block;
  }

  .flexible-wrp .row {
    margin: 0 auto;
  }

  .area-lst-wrp {
    grid-template-columns: repeat(2, 1fr);
  }

  /* *** End Property New Page *** */
}
@media (max-width: 560px) {
  .area-lst-wrp {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .hotel-data ul {
    display: flex;
    flex-flow: initial;
  }
}

@media (min-width: 320px) and (max-width: 420px) {
  .payment-form .col-md-4 {
    width: 100%;
  }

  .passport-photo-rw {
    flex-flow: column;
  }

  .passport-uploadbox {
    margin: 0 0 30px;
  }

  .upload-btn-wrapper .btn {
    min-width: 230px;
    max-width: 230px;
    padding: 20px 15px;
  }
}
label.red-back {
  background-color: red;
}

label.green-back {
  background-color: greenyellow;
}

.btn-reset {
  width: 100%;
  height: auto;
  padding: 8px 15px;
  border: none;
  border-radius: 30px;
  background: rgba(41, 150, 232, 0.60);
  color: #fff;
  font-family: 'SF Pro Display';
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  max-width: 120px;
  min-width: 120px;
  text-align: center;
  display: inline;
  letter-spacing: -0.02em;
  cursor: default;
}

  .btn-reset:hover {
    background: #2996E8;
  }

.fieldinit {
  border: 1px solid grey !important;
}

.fieldinvalid {
  border: 1px solid red !important;
}

.fieldvalid {
  border: 1px solid green !important;
}

.calendar-block {
  width: max-content;
  background: #fff;
  border-radius: 15px;
  padding: 25px;
  position: absolute;
  top: 100%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.10);
  display: none;
  z-index: 5;
}


.details-calendar-block {
  width: max-content;
  background: #fff;
  border-radius: 15px;
  padding: 25px;
  position: absolute;
  top: 35%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.10);
  display: none;
  z-index: 5;
}

  .details-calendar-block.show, .calendar-block.show {
    display: block;
  }

.landing-passanger-block {
  left: 0;
  right: auto;
}

.toppin {
  z-index: 9999 !important;
}

.backpin {
  z-index: 100;
}


.glider,.glider-contain{margin:0 auto;position:relative}.glider,.glider-track{transform:translateZ(0)}.glider-dot,.glider-next,.glider-prev{border:0;padding:0;user-select:none;outline:0}.glider-contain{width:100%}.glider{overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.glider-track{width:100%;margin:0;padding:0;display:flex;z-index:1}.glider.draggable{user-select:none;cursor:-webkit-grab;cursor:grab}.glider.draggable .glider-slide img{user-select:none;pointer-events:none}.glider.drag{cursor:-webkit-grabbing;cursor:grabbing}.glider-slide{user-select:none;justify-content:center;align-content:center;width:100%;min-width:150px}.glider-slide img{max-width:100%}.glider::-webkit-scrollbar{opacity:0;height:0}.glider-next,.glider-prev{position:absolute;background:0 0;z-index:2;font-size:40px;text-decoration:none;left:-23px;top:30%;cursor:pointer;color:#666;opacity:1;line-height:1;transition:opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67)}.glider-next:focus,.glider-next:hover,.glider-prev:focus,.glider-prev:hover{color:#ccc}.glider-next{right:-23px;left:auto}.glider-next.disabled,.glider-prev.disabled{opacity:.25;color:#666;cursor:default}.glider-hide{opacity:0}.glider-dots{user-select:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0}.glider-dot{display:block;cursor:pointer;color:#ccc;border-radius:999px;background:#ccc;width:12px;height:12px;margin:7px}.glider-dot:focus,.glider-dot:hover{background:#ddd}.glider-dot.active{background:#a89cc8}@media(max-width:36em){.glider::-webkit-scrollbar{opacity:1;-webkit-appearance:none;width:7px;height:3px}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:rgba(156,156,156,.25);-webkit-box-shadow:0 0 1px rgba(255,255,255,.25);box-shadow:0 0 1px rgba(255,255,255,.25)}}
._gliderContain_ympt8_1 {
  position: relative;
  width: 100%;
  height: 255px;
}

._glider_ympt8_1 {
  display: flex;
  overflow: hidden;
  height: 100%;
  border-radius: 1rem 1rem 0 0;
}

._gliderSlide_ympt8_14 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._gliderSlide_ympt8_14 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 1rem;
}

._gliderPrev_ympt8_27 {
  left: 10px;
}

._gliderNext_ympt8_31 {
  right: 10px;
}

._sliderArrowBtn_ympt8_35 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  cursor: pointer;
  z-index: 10;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  width: 40px;
  height: 40px;
  background: rgba(30, 30, 30, 0.2);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(6px);
  border-radius: 16px;
}
._sliderArrowBtn_ympt8_35:hover {
  background: #2996e8;
}.colorable path,
.colorable line,
.colorable rect,
.colorable circle {
  stroke: var(--icon-color, #000);
  color: var(--icon-color, #000);
}._date-range-picker-container_1ojev_1 {
  position: relative;
}

._date-range-picker_1ojev_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 570px;
  min-height: 370px;
  border-radius: 1rem;
  border: 1px solid #EAEBF0;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0392156863);
  overflow: hidden;
}
@media (max-width: 768px) {
  ._date-range-picker_1ojev_1 {
    width: 300px;
  }
}
._date-range-picker_1ojev_1 ._nav_1ojev_22 {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 0.75rem 1rem;
  width: 100%;
  position: relative;
}
._date-range-picker_1ojev_1 ._nav_1ojev_22::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 2%;
  width: 96%;
  border-bottom: 1px solid #EDEDED;
}
._date-range-picker_1ojev_1 ._calendars_1ojev_38 {
  display: flex;
}
@media (max-width: 768px) {
  ._date-range-picker_1ojev_1 ._calendars_1ojev_38 {
    flex-direction: column;
    align-items: center;
  }
}
._date-range-picker_1ojev_1 ._divider_1ojev_47 {
  width: 0.5px;
  background-color: #EDEDED;
}
@media (max-width: 768px) {
  ._date-range-picker_1ojev_1 ._divider_1ojev_47 {
    display: none;
  }
}
._date-range-picker_1ojev_1 ._months_1ojev_56 {
  margin: auto;
  width: 100%;
  padding: 0 1.5rem;
}
._date-range-picker_1ojev_1 ._footer_1ojev_61 {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: #fff;
  border-top: 1px solid #EDEDED;
  border-radius: 0 0 1rem 1rem;
}
._date-range-picker_1ojev_1 ._closeBtn_1ojev_71 {
  border-radius: 2rem;
  background-color: transparent;
  color: #252525;
  border: 1px solid #EAEBF0;
}
._date-range-picker_1ojev_1 ._closeBtn_1ojev_71:hover {
  color: #252525 !important;
  background-color: #f5f5f5;
}
._date-range-picker_1ojev_1 ._continueBtn_1ojev_81 {
  border-radius: 2rem;
  background-color: #4486F6;
  color: #fff;
}
._date-range-picker_1ojev_1 ._continueBtn_1ojev_81:hover:not(:disabled) {
  background-color: #1765cc;
}

._date-range-picker_1ojev_1._single-tab_1ojev_90 {
  min-height: 300px;
}._tabs_1nkid_1 {
  display: inline-flex;
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  padding: 4px;
  height: 40px;
  box-shadow: 0 2px 5.3px 0 rgba(0, 0, 0, 0.1882352941);
  overflow: hidden;
  gap: 1rem;
}

._slider_1nkid_13 {
  position: absolute;
  top: 4px;
  height: calc(100% - 8px);
  background: #4486F6;
  border-radius: 12px;
  transition: all 0.3s ease;
  z-index: 0;
}

._option_1nkid_23 {
  border: none;
  background: transparent !important;
  position: relative;
  z-index: 1;
  color: #000;
  cursor: pointer;
  border-radius: 12px;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px; /* controls spacing around text */
  height: 100%;
  min-width: 100px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
}
._option_1nkid_23._active_1nkid_44 {
  color: #fff;
}
._option_1nkid_23:focus {
  outline: none;
}._monthSliderWrapper_uyk1l_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

/* === Top Section: Month Counter === */
._monthCount_uyk1l_10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  color: #111;
}

._monthNumberInput_uyk1l_18 {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  line-height: 1;
  /* hide number arrows */
}
._monthNumberInput_uyk1l_18::-webkit-outer-spin-button, ._monthNumberInput_uyk1l_18::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._monthNumberInput_uyk1l_18 {
  /* to keep layout stable while typing */
}
._monthNumberInput_uyk1l_18:focus {
  outline: none;
}

._monthLabel_uyk1l_40 {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 4px;
}

/* === SLIDER CONTAINER === */
._slider_uyk1l_47 {
  position: relative;
  width: 100%;
  height: 48px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible; /* we manage inside now */
  box-shadow: 65px 31px 55px 0 rgba(8, 25, 46, 0.1490196078), 0 4px 13px 0 rgba(0, 0, 0, 0.0901960784) inset;
}

/* Inner "track" that defines the true slider range */
._sliderTrack_uyk1l_62 {
  position: relative;
  margin-left: 12px;
  margin-right: 24px;
  width: 100%;
  overflow: visible;
}

/* === FILL === */
._sliderFill_uyk1l_71 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 28px;
  background: linear-gradient(90deg, #007aff 0%, #4dc3ff 100%);
  border-radius: 20px;
  pointer-events: none;
}

/* === DOTS === */
._sliderDot_uyk1l_83 {
  position: absolute;
  top: 50%;
  width: 6px;
  height: 6px;
  background: rgba(1, 1, 1, 0.1);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* === HANDLE (Knob) === */
._handleWrapper_uyk1l_94 {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
}
._handleWrapper_uyk1l_94:active {
  cursor: grabbing;
}
._handleWrapper_uyk1l_94 img {
  width: 100%;
  height: 100%;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

/* White circular knob */
._sliderHandle_uyk1l_120 {
  width: 24px;
  height: 24px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #ffffff;
  position: relative;
  z-index: 2;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15), 0 0 10px rgba(77, 195, 255, 0.4);
}

/* === DATE RANGE TEXT === */
._dateRange_uyk1l_132 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
._dateRange_uyk1l_132 p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
._dateRange_uyk1l_132 ._date_uyk1l_132 {
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
}
@media (max-width: 768px) {
  ._dateRange_uyk1l_132 {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}

/* === CALENDAR & FOOTER === */
._calendarWrapper_uyk1l_156 {
  display: flex;
  height: 330px;
}
@media (max-width: 768px) {
  ._calendarWrapper_uyk1l_156 {
    flex-direction: column;
    height: fit-content;
  }
}

._footer_uyk1l_167 {
  text-align: right;
}._calendar-wrapper_wn7qo_1 {
  all: unset;
  display: flex;
}

._header_wn7qo_6 {
  width: 100%;
  display: flex;
  min-height: 3.25rem;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  font-weight: 600;
  gap: 10px;
}
._header_wn7qo_6 p {
  flex: 1;
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  color: #828282;
}
._header_wn7qo_6 button {
  all: unset;
  display: flex;
  cursor: pointer;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border: 1px solid #EDEDED;
  border-radius: 3rem;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0392156863);
}
._header_wn7qo_6 button:hover {
  background: #828282;
  --icon-color: #fff;
}
@media (max-width: 768px) {
  ._header_wn7qo_6 p:first-child {
    text-align: start;
  }
  ._header_wn7qo_6 p:last-child {
    text-align: end;
  }
}

._calendar_wn7qo_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
}
._calendar_wn7qo_1 ._grid_wn7qo_56 {
  display: grid;
  grid-template-columns: repeat(7, 36px);
  grid-row-gap: 4px;
  text-align: center;
}
._calendar_wn7qo_1 ._day-header_wn7qo_62 {
  font-family: Lato, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #333333;
}
._calendar_wn7qo_1 ._day-cell_wn7qo_70 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  cursor: pointer;
  position: relative;
}
._calendar_wn7qo_1 ._day-cell_wn7qo_70 span {
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 36px;
  text-align: center;
  display: block;
  width: 100%;
}
._calendar_wn7qo_1 ._day-cell_wn7qo_70:hover {
  background: #f0f4f8;
}
._calendar_wn7qo_1 ._day-cell_wn7qo_70._faded_wn7qo_90 {
  opacity: 0.4;
  color: #333;
}
._calendar_wn7qo_1 ._day-cell_wn7qo_70._disabled-day_wn7qo_94 {
  opacity: 0.4;
  pointer-events: none;
  position: relative;
}
._calendar_wn7qo_1 ._day-cell_wn7qo_70._disabled-day_wn7qo_94::after {
  content: "";
  position: absolute;
  top: 53%;
  left: 50%;
  height: 1px;
  width: 12px;
  background-color: currentColor;
  transform: translate(-50%, -50%);
}
._calendar_wn7qo_1 ._day-cell_wn7qo_70._in-range_wn7qo_109 {
  background: #ECF4FC;
  color: #000;
}
._calendar_wn7qo_1 ._day-cell_wn7qo_70._selected_wn7qo_113 {
  border-radius: 100%;
  background: #4486F6;
  color: #fff;
}

/* TODAY */
._today_wn7qo_120 {
  position: relative;
  font-weight: 700;
  border: 1px solid #4486F6;
  border-radius: 100%;
}
._today_wn7qo_120::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #4486F6;
}/* Fit content (default) */
._fitContent_urvla_2 {
  width: fit-content;
}

/* Full width button */
._fullWidth_urvla_7 {
  width: 100%;
}

._button_urvla_11 {
  padding: 0.5rem 1rem;
  font-size: 0.875rem; /* text-sm */
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 500;
  line-height: 1;
  height: 2.25rem; /* h-9 */
  white-space: nowrap;
}

._button_urvla_11:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Primary / Solid */
._primary_urvla_33 {
  background-color: #2196f3;
  color: #fff;
  border: none;
}
._primary_urvla_33:hover:not(:disabled) {
  background-color: #1e90ff;
}

/* Secondary / Gray background */
._secondary_urvla_43 {
  background-color: #f3f4f6;
  color: #374151;
  border: 1px solid #d1d5db;
}
._secondary_urvla_43:hover:not(:disabled) {
  background-color: #e5e7eb;
}

/* Tertiary / Outline style */
._tertiary_urvla_53 {
  background-color: #fff;
  color: #374151;
  border: 1px solid #d1d5db;
}
._tertiary_urvla_53:hover:not(:disabled) {
  background-color: #E6EEFF;
  color: #0068F0;
}
._tertiary_urvla_53:hover:not(:disabled) ._icon_urvla_62 {
  --icon-color: #0068F0;
}

/* Active state for tertiary */
._tertiary_urvla_53._active_urvla_67 {
  color: #E6EEFF;
  background-color: #0068F0;
  border-color: #0068F0;
}
._tertiary_urvla_53._active_urvla_67:hover:not(:disabled) {
  background-color: #0068F0;
  color: #E6EEFF;
}

/* Icon-only button */
._iconOnly_urvla_78 {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  border-radius: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._iconOnly_urvla_78:hover:not(:disabled) {
  background-color: #e6f0ff;
}
._iconOnly_urvla_78:hover:not(:disabled) ._icon_urvla_62 {
  --icon-color: #0068F0 !important;
}._backdrop_c0bw8_1 {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

._modal_c0bw8_11 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: #fff;
  border-radius: 12px;
  padding: 1.25rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  position: relative;
  margin: 0 12px;
  height: fit-content;
  max-height: 90%;
}
._modal_c0bw8_11 ._modalHeader_c0bw8_24 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._modal_c0bw8_11 ._modalHeader_c0bw8_24 ._title_c0bw8_29 {
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
}
._modal_c0bw8_11 ._body_c0bw8_36 {
  display: flex;
  flex-direction: column;
  overflow: auto;
  margin-right: -1.25rem;
  padding-right: 1.25rem;
}

/* === TERTIARY VARIANT === */
._tertiary_c0bw8_45 {
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
}
._tertiary_c0bw8_45 ._tertiaryBody_c0bw8_54 {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
._tertiary_c0bw8_45 ._tertiaryButton_c0bw8_60 {
  z-index: 1;
  position: absolute;
  right: 1rem;
  top: 1rem;
}._card_8g9sr_1 {
  width: 100%;
  height: max-content;
  cursor: pointer;
  border-radius: 18px 18px 0 0;
  overflow: hidden;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
._card_8g9sr_1:hover h3 {
  color: #0068F0;
}

._imageWrapper_8g9sr_14 {
  position: relative;
  overflow: hidden;
}
._imageWrapper_8g9sr_14 ._carousel_8g9sr_18 {
  height: 100%;
  border-radius: 18px 18px 0 0;
}
._imageWrapper_8g9sr_14 ._carousel_8g9sr_18 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

/* === TOP OVERLAYS === */
._views_8g9sr_30 {
  min-height: 28px;
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 9999px;
  backdrop-filter: blur(20px) saturate(150%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  user-select: none;
}

._heart_8g9sr_50 {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: none;
  background: white;
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.25s ease, background 0.25s ease;
  z-index: 2;
}
._heart_8g9sr_50:hover {
  background: rgba(255, 255, 255, 0.85);
}

/* === STATS OVERLAY === */
._stats_8g9sr_72 {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  z-index: 2;
  width: fit-content;
}
._stats_8g9sr_72 ._topRow_8g9sr_84,
._stats_8g9sr_72 ._bottomRow_8g9sr_85 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._stats_8g9sr_72 div > div {
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 4px 10px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  font-size: 12px;
  font-weight: 500;
  border-radius: 9999px;
  backdrop-filter: blur(20px) saturate(150%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  user-select: none;
}
._stats_8g9sr_72 div > div span {
  white-space: nowrap;
  display: inline-block;
}

/* === CONTENT === */
._content_8g9sr_113 {
  padding-top: 2px;
}
._content_8g9sr_113 ._price_8g9sr_116 {
  display: flex;
  justify-content: space-between;
}
._content_8g9sr_113 ._price_8g9sr_116 p {
  font-size: 19px;
  font-weight: 700;
  color: #111;
  margin: 0;
  line-height: 24px;
}
._content_8g9sr_113 ._price_8g9sr_116 p span {
  color: rgba(30, 30, 30, 0.6);
  font-weight: 500;
  font-size: 14px;
}
._content_8g9sr_113 ._price_8g9sr_116 ._area_8g9sr_132 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._content_8g9sr_113 ._price_8g9sr_116 ._area_8g9sr_132 span {
  color: #111;
  font-weight: 600;
  font-size: 13px;
}

._header_8g9sr_143 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
._header_8g9sr_143 h3 {
  font-size: 19px;
  line-height: 24px;
  font-weight: 600;
  color: #1e1e1e;
  margin: 0;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s;
}
._header_8g9sr_143 ._price_8g9sr_116 {
  text-align: right;
}
._header_8g9sr_143 ._price_8g9sr_116 p {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin: 0;
}
._header_8g9sr_143 ._price_8g9sr_116 span {
  display: block;
  font-size: 12px;
  color: rgba(30, 30, 30, 0.6);
}

._description_8g9sr_177 {
  font-size: 13px;
  color: rgba(30, 30, 30, 0.65);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

._footer_8g9sr_186 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

._address_8g9sr_193 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: rgba(30, 30, 30, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._rating_8g9sr_204 {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
._rating_8g9sr_204 ._reviews_8g9sr_212 {
  font-weight: 400;
  color: rgba(30, 30, 30, 0.6);
  font-size: 11px;
}

._rentType_8g9sr_218 {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 9999px;
  user-select: none;
  backdrop-filter: blur(20px) saturate(150%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
._rentType_8g9sr_218._daily_8g9sr_233 {
  background: linear-gradient(90deg, #0ea5e9, #2563eb);
  color: #fff;
}
._rentType_8g9sr_218._monthly_8g9sr_237 {
  background: linear-gradient(90deg, #22c55e, #16a34a);
  color: #fff;
}
._rentType_8g9sr_218 svg {
  flex-shrink: 0;
}
._rentType_8g9sr_218 span {
  line-height: 14px;
}._carousel_1b8w4_1 {
  position: relative;
  width: auto;
  height: 180px;
  overflow: hidden;
  border-radius: 1rem;
  user-select: none;
}
._carousel_1b8w4_1._hovered_1b8w4_9 ._arrow_1b8w4_9 {
  display: flex !important;
}

/* Cursor states */
._grab_1b8w4_14 {
  cursor: grab;
}

._grabbing_1b8w4_18 {
  cursor: grabbing;
}

._slidesWrapper_1b8w4_22 {
  display: flex;
  height: 100%;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

._slide_1b8w4_22 {
  height: 100%;
}
._slide_1b8w4_22 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
  pointer-events: none;
  user-select: none;
}

._arrow_1b8w4_9 {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 36px;
  height: 36px;
  border: none;
  background: white;
  backdrop-filter: blur(6px);
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
}
._arrow_1b8w4_9:hover {
  background: rgba(255, 255, 255, 0.85);
}

._prev_1b8w4_62 {
  left: 10px;
}

._next_1b8w4_66 {
  right: 10px;
}

._dots_1b8w4_70 {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}

._dot_1b8w4_70 {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}
._dot_1b8w4_70._active_1b8w4_89 {
  background: white;
}

@media (max-width: 768px) {
  ._arrow_1b8w4_9 {
    display: flex !important;
  }
}._wrapper_xw1jt_1 {
  position: relative;
  width: 100%;
}

._dropdown_xw1jt_6 {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  z-index: 999;
}._container_1s6vd_1 {
  display: flex;
  align-items: stretch;
  justify-content: center;
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
._container_1s6vd_1:hover {
  border-color: #c9c9c9;
}

._cell_1s6vd_17 {
  flex: 1;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  transition: background-color 0.2s ease;
}
._cell_1s6vd_17:hover {
  background: #fafafa;
}
._cell_1s6vd_17._active_1s6vd_29 {
  background: #eef6ff;
  border-color: #2996e8;
}

._header_1s6vd_34 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

._label_1s6vd_41 {
  font-size: 12px;
  font-weight: 600;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

._value_1s6vd_49 {
  font-size: 14px;
  font-weight: 500;
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._value_1s6vd_49._placeholder_1s6vd_57 {
  color: rgba(0, 0, 0, 0.4);
}

._clearBtn_1s6vd_61 {
  appearance: none;
  border: none;
  background: transparent;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  width: fit-content;
  height: fit-content;
  --icon-color: rgba(0, 0, 0, 0.4);
}
._clearBtn_1s6vd_61:hover {
  --icon-color: rgba(0, 0, 0, 1);
}
._clearBtn_1s6vd_61 svg {
  pointer-events: none;
}

._divider_1s6vd_83 {
  width: 1px;
  background: #e4e4e4;
  margin: 6px 0;
}

._clearBtn_1s6vd_61 {
  pointer-events: all;
  z-index: 3;
}._wrapper_2luc7_1 {
  width: 100%;
  max-width: 672px;
  margin: 48px auto;
}
._wrapper_2luc7_1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
._wrapper_2luc7_1 li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
  font-size: 14px;
  color: #64748b;
}

/* Icon */
._iconWrap_2luc7_21 {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
  animation: _zoomIn_2luc7_1 0.5s ease-out;
}

/* Card */
._card_2luc7_29 {
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(34, 197, 94, 0.2);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  animation: _slideUp_2luc7_1 0.7s ease-out;
}

._cardInner_2luc7_37 {
  padding: 32px;
}

._title_2luc7_41 {
  font-size: 36px;
  font-weight: bold;
  color: #0f172a;
  margin-bottom: 12px;
  text-align: center;
}

._subtitle_2luc7_49 {
  font-size: 18px;
  color: #64748b;
  text-align: center;
}

/* Details box */
._details_2luc7_56 {
  background: #f0f9ff;
  border-radius: 8px;
  padding: 24px;
  margin: 32px 0;
}

._row_2luc7_63 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
  font-size: 14px;
}
._row_2luc7_63:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

._label_2luc7_77 {
  color: #64748b;
}

._value_2luc7_81 {
  font-weight: 600;
  color: #0f172a;
  text-align: right;
}

._mono_2luc7_87 {
  font-family: monospace;
}

._total_2luc7_91 {
  font-size: 32px;
  font-weight: bold;
  color: #22c55e;
}

/* List */
._listTitle_2luc7_98 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 16px;
}

._dot_2luc7_108 {
  width: 6px;
  height: 6px;
  background: #3b82f6;
  border-radius: 50%;
  margin-top: 8px;
  flex-shrink: 0;
}

/* Actions */
._actions_2luc7_118 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._actions_2luc7_118 button {
  height: 48px;
  width: 100%;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: 0.2s;
}
@media (min-width: 640px) {
  ._actions_2luc7_118 {
    flex-direction: row;
  }
}

._primary_2luc7_143 {
  background: #3b82f6;
  color: #fff;
}
._primary_2luc7_143:hover {
  background: #2563eb;
}

/* Support */
._support_2luc7_152 {
  text-align: center;
  font-size: 14px;
  color: #64748b;
  margin-top: 24px;
}
._support_2luc7_152 a {
  color: #3b82f6;
  text-decoration: none;
  font-weight: 500;
}
._support_2luc7_152 a:hover {
  text-decoration: underline;
}

/* Animations */
@keyframes _zoomIn_2luc7_1 {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _slideUp_2luc7_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}._wrapper_15d0d_1 {
  width: 100%;
  max-width: 672px;
  margin: 48px auto;
}
._wrapper_15d0d_1 h3 {
  font-size: 16px;
  margin-bottom: 16px;
  font-weight: 600;
  color: #0f172a;
}
._wrapper_15d0d_1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
._wrapper_15d0d_1 li {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #64748b;
}

/* Icon */
._icon_15d0d_26 {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
  position: relative;
  animation: _zoomIn_15d0d_1 0.5s ease-out;
}

/* Card */
._card_15d0d_35 {
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(239, 68, 68, 0.2);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  animation: _slideUp_15d0d_1 0.7s ease-out;
}

._inner_15d0d_43 {
  padding: 32px;
}
._inner_15d0d_43 h1 {
  font-size: 36px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 12px 0;
  text-align: center;
}

._sub_15d0d_54 {
  font-size: 18px;
  color: #64748b;
  margin: 0;
  text-align: center;
}

/* Alert */
._alert_15d0d_62 {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
  padding: 16px;
  border-radius: 8px;
  margin: 32px 0;
}
._alert_15d0d_62 p {
  color: #0f172a;
  font-size: 14px;
}

._dot_15d0d_77 {
  width: 6px;
  height: 6px;
  background: #3b82f6;
  border-radius: 50%;
  margin-top: 8px;
  flex-shrink: 0;
}

/* Buttons */
._actions_15d0d_87 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._actions_15d0d_87 button {
  height: 48px;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
}

._primary_15d0d_106 {
  background: #3b82f6;
  color: #fff;
}
._primary_15d0d_106:hover {
  background: #2563eb;
}

/* Support Card */
._supportCard_15d0d_115 {
  margin-top: 24px;
  background: #fff;
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 8px;
}

._supportInner_15d0d_122 {
  padding: 24px;
  display: flex;
  gap: 16px;
}

._mailIconBox_15d0d_128 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(59, 130, 246, 0.1);
  padding: 12px;
  border-radius: 8px;
  height: fit-content;
}

._supportText_15d0d_138 {
  flex: 1;
}

._supportLabel_15d0d_142 {
  font-size: 16px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 4px;
}

._supportDescription_15d0d_149 {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 12px;
}

._supportLinks_15d0d_155 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._supportLinks_15d0d_155 a {
  text-decoration: none;
  color: #3b82f6;
  font-weight: 500;
}

/* Animations */
@keyframes _zoomIn_15d0d_1 {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _slideUp_15d0d_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Responsive */
@media (min-width: 640px) {
  ._supportLinks_15d0d_155 {
    flex-direction: row;
    gap: 16px;
  }
}._wrapper_px1yw_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._wrapper_px1yw_1 ul {
  padding-left: 18px;
  margin: 0;
}
._wrapper_px1yw_1 ul li {
  list-style: initial;
  margin-bottom: 4px;
  font-size: 12px;
}

/* Header */
._header_px1yw_17 {
  text-align: center;
}

._iconWrap_px1yw_21 {
  width: 56px;
  height: 56px;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 50%;
  margin: 0 auto 8px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

._icon_px1yw_21 {
  width: 28px;
  height: 28px;
  color: #3b82f6;
}

._title_px1yw_38 {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 4px;
}

._subtitle_px1yw_45 {
  font-size: 13px;
  color: #64748b;
}

/* Card Base */
._card_px1yw_51 {
  padding: 20px;
  border-radius: 8px;
  border: 2px solid transparent;
  background: #fff;
}

/* Warning Card */
._warningCard_px1yw_59 {
  border-color: rgba(234, 179, 8, 0.3);
  background: rgba(250, 204, 21, 0.05);
}

._warningContent_px1yw_64 {
  display: flex;
  gap: 12px;
}

._warningIcon_px1yw_69 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: #f59e0b;
  margin-top: 2px;
}

._warningText_px1yw_77 {
  flex: 1;
}

._cardTitle_px1yw_81 {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 6px;
  color: #0f172a;
}

._cardBody_px1yw_88 {
  font-size: 13px;
  color: #475569;
}
._cardBody_px1yw_88 p {
  margin: 0 0 6px 0;
}

/* Destructive Card */
._destructiveCard_px1yw_97 {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
}

._cardTitleSmall_px1yw_102 {
  font-weight: 600;
  font-size: 14px;
  color: #0f172a;
  margin-bottom: 4px;
}

._textSmall_px1yw_109 {
  font-size: 12px;
  color: #475569;
  margin-bottom: 6px;
}

._destructiveCard_px1yw_97 ul {
  list-style: disc;
  padding-left: 18px;
  margin: 0;
}
._destructiveCard_px1yw_97 ul li {
  margin-bottom: 4px;
  font-size: 12px;
  color: #475569;
}

/* Checkbox Section */
._checkboxBox_px1yw_127 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #f1f5f9;
  border-radius: 8px;
  padding: 12px;
}

._checkbox_px1yw_127 {
  margin-top: 3px;
  accent-color: #3b82f6;
  width: 16px;
  height: 16px;
}

._checkboxLabel_px1yw_143 {
  font-size: 12px;
  font-weight: 500;
  color: #0f172a;
  line-height: 1.5;
  cursor: pointer;
}

/* Button */
._actions_px1yw_152 {
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
}

._button_px1yw_158 {
  min-width: 128px;
  height: 44px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}

._buttonPrimary_px1yw_169 {
  background: #3b82f6;
  color: #fff;
}
._buttonPrimary_px1yw_169:hover {
  background: #2563eb;
}

._buttonDisabled_px1yw_177 {
  background: #cbd5e1;
  color: #f8fafc;
  cursor: not-allowed;
}._wrapper_rnzk5_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Header */
._header_rnzk5_8 {
  text-align: center;
}
._header_rnzk5_8 h2 {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
}
._header_rnzk5_8 p {
  font-size: 13px;
  color: #64748b;
  margin-top: 2px;
}

/* Grid Layouts */
._gridTwo_rnzk5_23 {
  display: grid;
  gap: 12px;
}
@media (min-width: 768px) {
  ._gridTwo_rnzk5_23 {
    grid-template-columns: repeat(2, 1fr);
  }
}

._gridBenefits_rnzk5_33 {
  display: grid;
  gap: 10px;
}
@media (min-width: 768px) {
  ._gridBenefits_rnzk5_33 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Card Base */
._card_rnzk5_44 {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  transition: box-shadow 0.2s ease;
}

._hoverCard_rnzk5_51:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Primary and Gradient Cards */
._primaryCard_rnzk5_56 {
  border: 2px solid rgba(59, 130, 246, 0.2);
  background: rgba(59, 130, 246, 0.05);
}

._gradientPrimary_rnzk5_61 {
  border: 1px solid rgba(59, 130, 246, 0.3);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(59, 130, 246, 0.03));
}

._gradientSuccess_rnzk5_66 {
  border: 1px solid rgba(34, 197, 94, 0.3);
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.08), rgba(34, 197, 94, 0.03));
}

/* Card Content */
._cardContent_rnzk5_72 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}

._cardHeader_rnzk5_79 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._cardHeader_rnzk5_79 h3 {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

._iconWrap_rnzk5_90 {
  width: 32px;
  height: 32px;
  background: #3b82f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._iconPrimary_rnzk5_100 {
  color: #fff;
  width: 16px;
  height: 16px;
}

._iconSuccess_rnzk5_106 {
  color: #22c55e;
  width: 16px;
  height: 16px;
}

._cardDesc_rnzk5_112 {
  font-size: 12px;
  color: #475569;
  line-height: 1.4;
}

._featureList_rnzk5_118 {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #64748b;
}
._featureList_rnzk5_118 li {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}

._checkIcon_rnzk5_132 {
  width: 12px;
  height: 12px;
  color: #3b82f6;
}

/* Benefits Section */
._benefitsSection_rnzk5_139 h3 {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 8px;
  text-align: center;
}

._benefitContent_rnzk5_147 {
  display: flex;
  gap: 10px;
  padding: 12px;
}
._benefitContent_rnzk5_147 h4 {
  font-size: 12px;
  font-weight: 600;
  color: #0f172a;
}
._benefitContent_rnzk5_147 p {
  font-size: 12px;
  color: #475569;
  line-height: 1.5;
}

._benefitIcon_rnzk5_163 {
  min-width: 32px;
  height: 32px;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Text Blocks */
._textCenter_rnzk5_174 {
  text-align: center;
  padding: 16px;
}
._textCenter_rnzk5_174 h3 {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}
._textCenter_rnzk5_174 p {
  font-size: 12px;
  color: #475569;
  line-height: 1.5;
  margin-top: 4px;
}

._iconTitle_rnzk5_190 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 6px;
}

._successText_rnzk5_198 {
  color: #22c55e;
  font-size: 12px;
  font-weight: 500;
}

/* Button */
._actions_rnzk5_205 {
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
}

._buttonPrimary_rnzk5_211 {
  background: #3b82f6;
  color: #fff;
  border: none;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  min-width: 128px;
  transition: background 0.2s;
}
._buttonPrimary_rnzk5_211:hover {
  background: #2563eb;
}

.sendbird-word {
  display: inline;
  height: -moz-fit-content;
  height: fit-content;
}
.sendbird-word__url {
  display: inline;
  color: inherit;
  word-break: break-all;
}
.sendbird-openchannel-conversation-header {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-openchannel-conversation-header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-openchannel-conversation-header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 120px);
}
.sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  position: absolute;
  top: 16px;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  left: 20px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  right: 20px;
}
.sendbird-openchannel-conversation-header__left__title {
  position: absolute;
  top: 12px;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__left__title {
  left: 60px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__left__title {
  right: 60px;
}
.sendbird-openchannel-conversation-header__left__sub-title {
  position: absolute;
  top: 36px;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__left__sub-title {
  left: 60px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__left__sub-title {
  right: 60px;
}
.sendbird-openchannel-conversation-header__right {
  position: absolute;
  top: 0px;
  width: 64px;
  height: 64px;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__right {
  right: 0px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__right {
  left: 0px;
}
.sendbird-openchannel-conversation-header__right__trigger {
  position: absolute;
  top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__right__trigger {
  right: 16px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__right__trigger {
  left: 16px;
}
.sendbird-openchannel-conversation-header__left__cover-image--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
  background-color: var(--sendbird-light-background-300);
}
.sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
  background-color: var(--sendbird-dark-background-300);
}
.sendbird-open-channel-preview {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: 264px;
  height: 58px;
  min-width: 264px;
  min-height: 58px;
  box-sizing: border-box;
}
.sendbird--mobile-mode .sendbird-open-channel-preview {
  width: 100%;
}
.sendbird-theme--light .sendbird-open-channel-preview {
  background-color: var(--sendbird-light-background-50);
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-open-channel-preview {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}
.sendbird-theme--light .sendbird-open-channel-preview:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-open-channel-preview:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-open-channel-preview.selected {
  background-color: var(--sendbird-light-primary-100);
}
[dir="ltr"] .sendbird-theme--light .sendbird-open-channel-preview.selected {
  border-left: solid 4px var(--sendbird-light-primary-300);
}
[dir="rtl"] .sendbird-theme--light .sendbird-open-channel-preview.selected {
  border-right: solid 4px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-open-channel-preview.selected {
  background-color: var(--sendbird-dark-primary-300);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-open-channel-preview.selected {
  border-left: solid 4px var(--sendbird-dark-primary-200);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-open-channel-preview.selected {
  border-right: solid 4px var(--sendbird-dark-primary-200);
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
  position: relative;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
  margin-left: 16px;
}
[dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
  margin-right: 16px;
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__context {
  position: relative;
  margin-top: 8px;
  display: inline-flex;
  flex-direction: column;
  width: calc(100% - 100px);
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
  margin-left: 16px;
}
[dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
  margin-right: 16px;
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 16px;
  box-sizing: border-box;
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
  position: relative;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow-x: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
  overflow-y: hidden;
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
  max-width: calc(100% - 20px);
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
  position: relative;
  display: inline-flex;
}
[dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
  margin-right: 4px;
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
  position: relative;
  margin-top: 8px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 14px;
  box-sizing: border-box;
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
  position: relative;
  display: inline-flex;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
}
.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
  position: relative;
  display: inline-flex;
  width: 160px;
  max-width: 160px;
  height: 12px;
  box-sizing: border-box;
  overflow-x: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
[dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
  margin-right: 4px;
}
.sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
  overflow-y: hidden;
}
.sendbird-message-item-menu__list__menu-item:focus-visible {
  outline: none;
}
.sendbird-create-open-channel-ui {
  position: relative;
  display: inline-flex;
}
.sendbird-create-open-channel-ui__profile-input {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section {
  position: relative;
  margin-top: 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
  position: relative;
  display: inline-flex;
}
[dir="ltr"] .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
  margin-left: 18px;
}
[dir="rtl"] .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
  margin-right: 18px;
}
.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
  position: relative;
  margin-top: 8px;
  display: inline-flex;
  flex-direction: row;
}
.sendbird-open-channel-list,
.sendbird-open-channel-list-ui {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: 256px;
  min-width: 256px;
  height: 100%;
  box-sizing: border-box;
}
.sendbird--mobile-mode .sendbird-open-channel-list,
.sendbird--mobile-mode .sendbird-open-channel-list-ui {
  width: 100%;
}
[dir="ltr"] .sendbird-theme--light .sendbird-open-channel-list,
[dir="ltr"] .sendbird-theme--light .sendbird-open-channel-list-ui {
  border-right: solid 1px var(--sendbird-light-onlight-04);
}
[dir="rtl"] .sendbird-theme--light .sendbird-open-channel-list,
[dir="rtl"] .sendbird-theme--light .sendbird-open-channel-list-ui {
  border-left: solid 1px var(--sendbird-light-onlight-04);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-open-channel-list,
[dir="ltr"] .sendbird-theme--dark .sendbird-open-channel-list-ui {
  border-right: solid 1px var(--sendbird-dark-ondark-04);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-open-channel-list,
[dir="rtl"] .sendbird-theme--dark .sendbird-open-channel-list-ui {
  border-left: solid 1px var(--sendbird-dark-ondark-04);
}
.sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
.sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
  background-color: var(--sendbird-light-background-50);
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
.sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}
.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
[dir="ltr"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
  margin-left: 24px;
}
[dir="rtl"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
[dir="rtl"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
  margin-right: 24px;
}
.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
  position: absolute;
  top: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
[dir="ltr"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
  right: 56px;
}
[dir="rtl"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
[dir="rtl"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
  left: 56px;
}
.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
  position: absolute;
  top: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
[dir="ltr"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
  right: 16px;
}
[dir="rtl"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
[dir="rtl"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
  left: 16px;
}
.sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 64px);
  box-sizing: border-box;
  overflow-y: scroll;
}
.sendbird-open-channel-list-ui__channel-list--place-holder--loading {
  position: relative;
  min-height: 62px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
  background-color: var(--sendbird-dark-background-500);
}
:root {
  --sendbird-light-primary-500: #491389;
  --sendbird-light-primary-400: #6211c8;
  --sendbird-light-primary-300: #742ddd;
  --sendbird-light-primary-200: #c2a9fa;
  --sendbird-light-primary-100: #dbd1ff;
  --sendbird-light-secondary-500: #066858;
  --sendbird-light-secondary-400: #027d69;
  --sendbird-light-secondary-300: #259c72;
  --sendbird-light-secondary-200: #69c085;
  --sendbird-light-secondary-100: #a8e2ab;
  --sendbird-light-information-100: #adc9ff;
  --sendbird-highlight-100: #fff2b6;
  --sendbird-light-error-500: #9d091e;
  --sendbird-light-error-400: #bf0711;
  --sendbird-light-error-300: #de360b;
  --sendbird-light-error-200: #f66161;
  --sendbird-light-error-100: #fdaaaa;
  --sendbird-light-background-700: #000000;
  --sendbird-light-background-600: #161616;
  --sendbird-light-background-500: #2C2C2C;
  --sendbird-light-background-400: #393939;
  --sendbird-light-background-300: #bdbdbd;
  --sendbird-light-background-200: #e0e0e0;
  --sendbird-light-background-100: #eeeeee;
  --sendbird-light-background-50: #FFFFFF;
  --sendbird-light-overlay-01: rgba(0, 0, 0, 0.55);
  --sendbird-light-overlay-02: rgba(0, 0, 0, 0.32);
  --sendbird-light-onlight-01: rgba(0, 0, 0, 0.88);
  --sendbird-light-onlight-02: rgba(0, 0, 0, 0.50);
  --sendbird-light-onlight-03: rgba(0, 0, 0, 0.38);
  --sendbird-light-onlight-04: rgba(0, 0, 0, 0.12);
  --sendbird-light-ondark-01: rgba(255, 255, 255, 0.88);
  --sendbird-light-ondark-02: rgba(255, 255, 255, 0.50);
  --sendbird-light-ondark-03: rgba(255, 255, 255, 0.38);
  --sendbird-light-ondark-04: rgba(255, 255, 255, 0.12);
  --sendbird-light-shadow-01: 0 1px 5px 0 rgba(33, 34, 66, 0.04), 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 1px 0 rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-02: 0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 8px 10px 1px rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-03: 0 6px 10px -5px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-04: 0 9px 15px -7px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.08), 0 24px 38px 3px rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-05: 0 2px 8px 0 rgba(0, 0, 0, 0.08), 0 4px 6px 0 rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-message-input: 0 1px 5px 0 rgba(33, 34, 66, 0.12), 0 0 1px 0 rgba(33, 34, 66, 0.16), 0 2px 1px 0 rgba(33, 34, 66, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
:root {
  --sendbird-dark-primary-500: #491389;
  --sendbird-dark-primary-400: #6211c8;
  --sendbird-dark-primary-300: #742ddd;
  --sendbird-dark-primary-200: #c2a9fa;
  --sendbird-dark-primary-100: #dbd1ff;
  --sendbird-dark-secondary-500: #066858;
  --sendbird-dark-secondary-400: #027d69;
  --sendbird-dark-secondary-300: #259c72;
  --sendbird-dark-secondary-200: #69c085;
  --sendbird-dark-secondary-100: #a8e2ab;
  --sendbird-dark-information-100: #adc9ff;
  --sendbird-highlight-100: #fff2b6;
  --sendbird-dark-error-500: #9d091e;
  --sendbird-dark-error-400: #bf0711;
  --sendbird-dark-error-300: #de360b;
  --sendbird-dark-error-200: #f66161;
  --sendbird-dark-error-100: #fdaaaa;
  --sendbird-dark-background-700: #000000;
  --sendbird-dark-background-600: #161616;
  --sendbird-dark-background-500: #2C2C2C;
  --sendbird-dark-background-400: #393939;
  --sendbird-dark-background-300: #bdbdbd;
  --sendbird-dark-background-200: #e0e0e0;
  --sendbird-dark-background-100: #eeeeee;
  --sendbird-dark-background-50: #FFFFFF;
  --sendbird-dark-overlay-01: rgba(0, 0, 0, 0.55);
  --sendbird-dark-overlay-02: rgba(0, 0, 0, 0.32);
  --sendbird-dark-onlight-01: rgba(0, 0, 0, 0.88);
  --sendbird-dark-onlight-02: rgba(0, 0, 0, 0.50);
  --sendbird-dark-onlight-03: rgba(0, 0, 0, 0.38);
  --sendbird-dark-onlight-04: rgba(0, 0, 0, 0.12);
  --sendbird-dark-ondark-01: rgba(255, 255, 255, 0.88);
  --sendbird-dark-ondark-02: rgba(255, 255, 255, 0.50);
  --sendbird-dark-ondark-03: rgba(255, 255, 255, 0.38);
  --sendbird-dark-ondark-04: rgba(255, 255, 255, 0.12);
  --sendbird-dark-shadow-01: 0 1px 5px 0 rgba(33, 34, 66, 0.04), 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 1px 0 rgba(0, 0, 0, 0.12);
  --sendbird-dark-shadow-02: 0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 8px 10px 1px rgba(0, 0, 0, 0.12);
  --sendbird-dark-shadow-03: 0 6px 10px -5px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.12);
  --sendbird-dark-shadow-04: 0 9px 15px -7px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.08), 0 24px 38px 3px rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-05: 0 2px 8px 0 rgba(0, 0, 0, 0.08), 0 4px 6px 0 rgba(0, 0, 0, 0.12);
  --sendbird-dark-shadow-message-input: 0 1px 5px 0 rgba(33, 34, 66, 0.12), 0 0 1px 0 rgba(33, 34, 66, 0.16), 0 2px 1px 0 rgba(33, 34, 66, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
:root {
  --sendbird-iconbutton-color: #825eeb;
  --sendbird-message-input-border-active: #7B53EF;
  --sendbird-selected-reaction-button-border-hover: #9E8CF5;
  --sendbird-add-reaction-button-border-hover: #9E8CF5;
  --sendbird-tooltip-background: #000000;
  --sendbird-tooltip-text-color: rgba(255, 255, 255, 0.88);
  --sendbird-button-border-focus: #FFFFFF;
  --sendbird-file-message-icon-background: #FFFFFF;
  --sendbird-font-family-default: "Roboto", sans-serif;
  --sendbird-message-balloon-width: 404px;
}
.sendbird-message-content .sendbird-avatar-img {
  top: 50%;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-avatar-img {
  left: 50%;
  transform: translate(-50%, -50%);
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-avatar-img {
  right: 50%;
  transform: translate(50%, -50%);
}
.sendbird-message-content .sendbird-voice-message-item-body__playback-time {
  position: absolute;
  top: 15px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-voice-message-item-body__playback-time {
  right: 12px;
  left: unset;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-voice-message-item-body__playback-time {
  left: 12px;
  right: unset;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-reaction-badge__inner {
  padding-left: 20px;
  padding-right: 4px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-reaction-badge__inner {
  padding-right: 20px;
  padding-left: 4px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  left: 4px;
  right: unset;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  right: 4px;
  left: unset;
}
.sendbird-thread-list-item-content .sendbird-avatar-img {
  top: 50%;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-avatar-img {
  left: 50%;
  transform: translate(-50%, -50%);
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-avatar-img {
  right: 50%;
  transform: translate(50%, -50%);
}
.sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time {
  position: absolute;
  top: 15px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time {
  right: 12px;
  left: unset;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time {
  left: 12px;
  right: unset;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner {
  padding-left: 20px;
  padding-right: 4px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner {
  padding-right: 20px;
  padding-left: 4px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  left: 4px;
  right: unset;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  right: 4px;
  left: unset;
}
.sendbird-parent-message-info .sendbird-avatar-img {
  top: 50%;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-avatar-img {
  left: 50%;
  transform: translate(-50%, -50%);
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-avatar-img {
  right: 50%;
  transform: translate(50%, -50%);
}
.sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time {
  position: absolute;
  top: 15px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time {
  right: 12px;
  left: unset;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time {
  left: 12px;
  right: unset;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-reaction-badge__inner {
  padding-left: 20px;
  padding-right: 4px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-reaction-badge__inner {
  padding-right: 20px;
  padding-left: 4px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  left: 4px;
  right: unset;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  right: 4px;
  left: unset;
}
.sendbird-experimental__rem__units .sendbird-label--h-1 {
  font-size: 1.25rem;
}
.sendbird-experimental__rem__units .sendbird-label--h-2 {
  font-size: 1.125rem;
}
.sendbird-experimental__rem__units .sendbird-label--subtitle-1 {
  font-size: 1rem;
}
.sendbird-experimental__rem__units .sendbird-label--subtitle-2 {
  font-size: 0.875rem;
}
.sendbird-experimental__rem__units .sendbird-label--body-1 {
  font-size: 0.875rem;
}
.sendbird-experimental__rem__units .sendbird-label--body-2 {
  font-size: 0.75rem;
}
.sendbird-experimental__rem__units .sendbird-label--button-1 {
  font-size: 0.875rem;
}
.sendbird-experimental__rem__units .sendbird-label--button-2 {
  font-size: 0.875rem;
}
.sendbird-experimental__rem__units .sendbird-label--caption-1 {
  font-size: 0.875rem;
}
.sendbird-experimental__rem__units .sendbird-label--caption-2 {
  font-size: 0.75rem;
}
.sendbird-experimental__rem__units .sendbird-label--caption-3 {
  font-size: 0.75rem;
}
.sendbird-experimental__rem__units .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  font-size: 0.875rem;
}
.sendbird-experimental__rem__units .sendbird-checkbox {
  font-size: 1.375rem;
}
.sendbird-experimental__rem__units .sendbird-mention-user-label {
  font-size: 0.875rem;
}
.sendbird-experimental__rem__units .sendbird-mention-user-label.purple {
  font-size: 1.125rem;
}
.sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--textarea,
.sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--placeholder {
  font-size: 0.875rem;
}
.sendbird-experimental__rem__units .sendbird-input .sendbird-input__input,
.sendbird-experimental__rem__units .sendbird-input .sendbird-input__placeholder {
  font-size: 0.875rem;
}
.sendbird-experimental__rem__units .sendbird-tooltip__text {
  font-size: 0.75rem;
}
.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text {
  font-size: 0.75rem;
}
.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
  font-size: 0.75rem;
}
.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message__file-message {
  font-size: 0.75rem;
}
.sendbird-modal--full-mobile .sendbird-modal__content {
  width: 100vw;
  max-width: 100%;
  height: 100%;
}
.sendbird-modal {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir="ltr"] .sendbird-modal {
  left: 0;
}
[dir="rtl"] .sendbird-modal {
  right: 0;
}
.sendbird-modal__backdrop--clickoutside {
  cursor: pointer;
}
.sendbird-modal__content {
  width: 480px;
  border-radius: 4px;
  z-index: 10001;
  padding: 18px 24px 24px 24px;
  position: relative;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-modal__content {
  background-color: var(--sendbird-light-background-50);
  box-shadow: var(--sendbird-light-shadow-04);
}
.sendbird-theme--dark .sendbird-modal__content {
  background-color: var(--sendbird-dark-background-500);
  box-shadow: var(--sendbird-dark-shadow-04);
}
.sendbird-modal__content .sendbird-modal__close {
  position: absolute;
  top: 16px;
  cursor: pointer;
}
[dir="ltr"] .sendbird-modal__content .sendbird-modal__close {
  right: 16px;
}
[dir="rtl"] .sendbird-modal__content .sendbird-modal__close {
  left: 16px;
}
.sendbird-theme--light .sendbird-modal__content .sendbird-modal__close path {
  fill: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-modal__content .sendbird-modal__close path {
  fill: var(--sendbird-dark-ondark-01);
}
.sendbird-modal__content .sendbird-modal__header {
  margin-bottom: 16px;
}
.sendbird-modal__content .sendbird-modal__body {
  height: calc(100% - 116px);
  overflow: auto;
}
.sendbird-modal__content .sendbird-modal__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 32px;
}
[dir="ltr"] .sendbird-modal__content .sendbird-modal__footer {
  text-align: right;
}
[dir="rtl"] .sendbird-modal__content .sendbird-modal__footer {
  text-align: left;
}
.sendbird--mobile-mode .sendbird-modal__content .sendbird-modal__footer {
  position: sticky;
  bottom: 24px;
}
.sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child {
  min-width: 80px;
  height: 40px;
}
[dir="ltr"] .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child {
  margin-left: 8px;
}
[dir="rtl"] .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child {
  margin-right: 8px;
}
.sendbird-modal__backdrop {
  position: fixed;
  z-index: 10000;
  height: 100%;
  width: 100%;
  top: 0;
}
[dir="ltr"] .sendbird-modal__backdrop {
  left: 0;
}
[dir="rtl"] .sendbird-modal__backdrop {
  right: 0;
}
.sendbird-theme--light .sendbird-modal__backdrop {
  background-color: var(--sendbird-light-overlay-02);
}
.sendbird-theme--dark .sendbird-modal__backdrop {
  background-color: var(--sendbird-dark-overlay-02);
}
.sendbird-iconbutton {
  color: var(--sendbird-iconbutton-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  background-color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  border-radius: 4px;
  outline: 0px;
}
.sendbird-iconbutton .sendbird-iconbutton__inner {
  height: 100%;
}
.sendbird-theme--light .sendbird-iconbutton .sendbird-iconbutton__inner svg {
  fill: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-iconbutton .sendbird-iconbutton__inner svg {
  fill: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-iconbutton:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-iconbutton:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-iconbutton:active {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-iconbutton:active {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-iconbutton:disabled {
  cursor: not-allowed !important;
}
.sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path {
  fill: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path {
  fill: var(--sendbird-dark-ondark-02);
}
.sendbird-theme--light .sendbird-iconbutton--pressed {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-iconbutton--pressed {
  background-color: var(--sendbird-dark-background-700);
}
.sendbird-button {
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  font-family: var(--sendbird-font-family-default);
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sendbird-button:hover {
  box-shadow: none;
}
.sendbird-button:focus {
  outline: none;
}
.sendbird-button:active {
  box-shadow: none;
}
.sendbird-button.sendbird-button__disabled {
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-button.sendbird-button__disabled {
  background-color: var(--sendbird-light-background-200);
  border: none;
}
.sendbird-theme--dark .sendbird-button.sendbird-button__disabled {
  background-color: var(--sendbird-dark-background-400);
  border: none;
}
.sendbird-theme--light .sendbird-button.sendbird-button__disabled:hover {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-button.sendbird-button__disabled:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-button--big {
  height: 40px;
}
.sendbird-button--big .sendbird-button__text {
  margin: 10px 16px;
}
.sendbird-button--small {
  height: 32px;
}
.sendbird-button--small .sendbird-button__text {
  margin: 6px 16px;
}
.sendbird-theme--light .sendbird-button--primary {
  background-color: var(--sendbird-light-primary-300);
  border: 1px solid var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-button--primary {
  background-color: var(--sendbird-dark-primary-200);
  border: 1px solid var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-button--primary .sendbird-button__text {
  color: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-button--primary .sendbird-button__text {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-theme--light .sendbird-button--primary:hover {
  background-color: var(--sendbird-light-primary-400);
  border-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-button--primary:hover {
  background-color: var(--sendbird-dark-primary-300);
  border-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-button--primary:focus {
  border: 1px solid var(--sendbird-button-border-focus);
  box-shadow: 0 0 0 2px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-button--primary:focus {
  border: 1px solid var(--sendbird-button-border-focus);
  box-shadow: 0 0 0 2px var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-button--primary:active {
  background-color: var(--sendbird-light-primary-500);
}
.sendbird-theme--dark .sendbird-button--primary:active {
  background-color: var(--sendbird-dark-primary-400);
}
.sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:hover {
  box-shadow: 0 0 0 2px var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:hover {
  box-shadow: 0 0 0 2px var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:active {
  box-shadow: 0 0 0 2px var(--sendbird-light-primary-500);
}
.sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:active {
  box-shadow: 0 0 0 2px var(--sendbird-dark-primary-400);
}
.sendbird-button--secondary {
  background-color: transparent;
}
.sendbird-theme--light .sendbird-button--secondary {
  border: 1px solid var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-button--secondary {
  border: 1px solid var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .sendbird-button--secondary .sendbird-button__text {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-button--secondary .sendbird-button__text {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-button--secondary:hover {
  background-color: transparent;
}
.sendbird-theme--light .sendbird-button--secondary:hover {
  border: 1px solid var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-button--secondary:hover {
  border: 1px solid var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button__text {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button__text {
  color: var(--sendbird-dark-primary-200);
}
.sendbird-button--secondary.sendbird-button__disabled {
  border: none;
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text {
  color: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text {
  color: var(--sendbird-dark-ondark-02);
}
.sendbird-button--secondary.sendbird-button__disabled:hover {
  border: none;
}
.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text {
  color: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text {
  color: var(--sendbird-dark-ondark-02);
}
.sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text {
  color: var(--sendbird-dark-primary-200);
}
.sendbird-button--secondary:focus {
  background-color: transparent;
  border: 1px solid transparent;
}
.sendbird-theme--light .sendbird-button--secondary:focus {
  box-shadow: var(--sendbird-light-primary-300) 0 0 0 2px;
}
.sendbird-theme--dark .sendbird-button--secondary:focus {
  box-shadow: var(--sendbird-dark-primary-200) 0 0 0 2px;
}
.sendbird-theme--light .sendbird-button--secondary:focus .sendbird-button__text {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-button--secondary:focus .sendbird-button__text {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-button--secondary:active {
  box-shadow: none;
}
.sendbird-theme--light .sendbird-button--secondary:active {
  border: 1px solid var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-button--secondary:active {
  border: 1px solid var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-button--secondary:active .sendbird-button__text {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-button--secondary:active .sendbird-button__text {
  color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-button--warning {
  background-color: transparent;
  border: 1px solid var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-button--warning {
  background-color: transparent;
  border: 1px solid var(--sendbird-dark-error-200);
}
.sendbird-theme--light .sendbird-button--warning .sendbird-button__text {
  color: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-button--warning .sendbird-button__text {
  color: var(--sendbird-dark-error-200);
}
.sendbird-theme--light .sendbird-button--warning:hover {
  border-color: var(--sendbird-light-error-400);
}
.sendbird-theme--dark .sendbird-button--warning:hover {
  border-color: var(--sendbird-dark-error-100);
}
.sendbird-theme--light .sendbird-button--warning:hover .sendbird-button__text {
  color: var(--sendbird-light-error-400);
}
.sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button__text {
  color: var(--sendbird-dark-error-100);
}
.sendbird-theme--light .sendbird-button--warning:focus {
  border-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-dark-error-200);
}
.sendbird-theme--dark .sendbird-button--warning:focus {
  border-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-dark-error-200);
}
.sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus {
  border-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-light-error-400);
}
.sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-dark-error-100);
}
.sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus {
  border-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-light-error-400);
}
.sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-dark-error-100);
}
.sendbird-theme--light .sendbird-button--danger {
  background-color: var(--sendbird-light-error-300);
  border: 1px solid var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-button--danger {
  background-color: var(--sendbird-dark-error-200);
  border: 1px solid var(--sendbird-dark-error-200);
}
.sendbird-theme--light .sendbird-button--danger .sendbird-button__text {
  color: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-button--danger .sendbird-button__text {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-theme--light .sendbird-button--danger:hover {
  background-color: var(--sendbird-light-error-400);
  border-color: var(--sendbird-light-error-400);
}
.sendbird-theme--dark .sendbird-button--danger:hover {
  background-color: var(--sendbird-dark-error-400);
  border-color: var(--sendbird-dark-error-400);
}
.sendbird-theme--light .sendbird-button--danger:focus {
  border-color: var(--sendbird-button-border-focus);
  box-shadow: 0 0 0 2px var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-button--danger:focus {
  border-color: var(--sendbird-button-border-focus);
  box-shadow: 0 0 0 2px var(--sendbird-dark-error-300);
}
.sendbird-button--danger:active {
  box-shadow: none;
}
.sendbird-theme--light .sendbird-button--danger:active {
  background-color: var(--sendbird-light-error-500);
}
.sendbird-theme--dark .sendbird-button--danger:active {
  background-color: var(--sendbird-dark-error-500);
}
.sendbird-theme--light .sendbird-button--danger:hover .sendbird-button--danger:focus {
  box-shadow: 0 0 0 2px var(--sendbird-light-error-400);
}
.sendbird-theme--dark .sendbird-button--danger:hover .sendbird-button--danger:focus {
  box-shadow: 0 0 0 2px var(--sendbird-dark-error-400);
}
.sendbird-theme--light .sendbird-button--danger:active .sendbird-button--danger:focus {
  box-shadow: 0 0 0 2px var(--sendbird-light-error-500);
}
.sendbird-theme--dark .sendbird-button--danger:active .sendbird-button--danger:focus {
  box-shadow: 0 0 0 2px var(--sendbird-dark-error-500);
}
.sendbird-button--disabled {
  border: 1px solid transparent;
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-button--disabled {
  background-color: var(--sendbird-light-background-200);
  color: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-button--disabled {
  background-color: var(--sendbird-dark-background-400);
  color: var(--sendbird-dark-onlight-01);
}
.sendbird--mobile-mode .sendbird-label {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
[class*=sendbird-label] {
  font-family: var(--sendbird-font-family-default);
}
.sendbird-label--h-1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.2px;
}
.sendbird-label--h-2 {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.2px;
}
.sendbird-label--subtitle-1 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: -0.2px;
}
.sendbird-label--subtitle-2 {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: -0.2px;
}
.sendbird-label--body-1 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}
.sendbird-label--body-2 {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}
.sendbird-label--button-1 {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}
.sendbird-label--button-2 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}
.sendbird-label--button-3 {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}
.sendbird-label--caption-1 {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}
.sendbird-label--caption-2 {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
}
.sendbird-label--caption-3 {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
}
.sendbird-theme--light .sendbird-label--color-onbackground-1 {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-label--color-onbackground-1 {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-label--color-onbackground-2 {
  color: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-label--color-onbackground-2 {
  color: var(--sendbird-dark-ondark-02);
}
.sendbird-theme--light .sendbird-label--color-onbackground-3 {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-label--color-onbackground-3 {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .sendbird-label--color-onbackground-4 {
  color: var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-label--color-onbackground-4 {
  color: var(--sendbird-dark-ondark-04);
}
.sendbird-theme--light .sendbird-label--color-oncontent-1 {
  color: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-label--color-oncontent-1 {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-theme--light .sendbird-label--color-oncontent-2 {
  color: var(--sendbird-light-ondark-02);
}
.sendbird-theme--dark .sendbird-label--color-oncontent-2 {
  color: var(--sendbird-dark-onlight-02);
}
.sendbird-theme--light .sendbird-label--color-oncontent-3 {
  color: var(--sendbird-light-ondark-03);
}
.sendbird-theme--dark .sendbird-label--color-oncontent-3 {
  color: var(--sendbird-dark-onlight-03);
}
.sendbird-theme--light .sendbird-label--color-oncontent-inverse-1 {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-1 {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-label--color-oncontent-inverse-3 {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-3 {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .sendbird-label--color-primary {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-label--color-primary {
  color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-label--color-error {
  color: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-label--color-error {
  color: var(--sendbird-dark-error-200);
}
.sendbird-theme--light .sendbird-label--color-secondary-3 {
  color: var(--sendbird-light-secondary-300);
}
.sendbird-theme--dark .sendbird-label--color-secondary-3 {
  color: var(--sendbird-dark-secondary-200);
}
.sendbird-icon {
  display: inline-block;
}
.sendbird-icon:focus {
  outline: none;
}
.sendbird-theme--light .sendbird-icon-color--primary [class*=fill] {
  fill: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-icon-color--primary [class*=fill] {
  fill: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-icon-color--primary-2 [class*=fill] {
  fill: var(--sendbird-light-primary-200);
}
.sendbird-theme--dark .sendbird-icon-color--primary-2 [class*=fill] {
  fill: var(--sendbird-dark-primary-400);
}
.sendbird-theme--light .sendbird-icon-color--primary [class*=stroke] {
  stroke: var(--sendbird-light-primary-300);
  stroke-width: 2px;
  stroke-linejoin: round;
}
.sendbird-theme--dark .sendbird-icon-color--primary [class*=stroke] {
  stroke: var(--sendbird-dark-primary-200);
  stroke-width: 2px;
  stroke-linejoin: round;
}
.sendbird-theme--light .sendbird-icon-color--secondary [class*=fill] {
  fill: var(--sendbird-light-secondary-300);
}
.sendbird-theme--dark .sendbird-icon-color--secondary [class*=fill] {
  fill: var(--sendbird-dark-secondary-200);
}
.sendbird-theme--light .sendbird-icon-color--secondary-2 [class*=fill] {
  fill: var(--sendbird-light-secondary-200);
}
.sendbird-theme--dark .sendbird-icon-color--secondary-2 [class*=fill] {
  fill: var(--sendbird-dark-secondary-200);
}
.sendbird-theme--light .sendbird-icon-color--content [class*=fill] {
  fill: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-icon-color--content [class*=fill] {
  fill: var(--sendbird-dark-onlight-01);
}
.sendbird-theme--light .sendbird-icon-color--content-inverse [class*=fill] {
  fill: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-icon-color--content-inverse [class*=fill] {
  fill: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-icon-color--content-inverse-3 [class*=fill] {
  fill: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-icon-color--content-inverse-3 [class*=fill] {
  fill: var(--sendbird-dark-ondark-03);
}
.sendbird-icon-color--white [class*=fill] {
  fill: #ffffff;
}
.sendbird-icon-color--gray [class*=fill] {
  fill: var(--sendbird-light-onlight-04);
}
.sendbird-icon-color--thumbnail-icon [class*=fill] {
  fill: var(--sendbird-light-onlight-02);
}
.sendbird-theme--light .sendbird-icon-color--sent [class*=fill] {
  fill: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-icon-color--sent [class*=fill] {
  fill: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .sendbird-icon-color--read [class*=fill] {
  fill: var(--sendbird-light-secondary-300);
}
.sendbird-theme--dark .sendbird-icon-color--read [class*=fill] {
  fill: var(--sendbird-dark-secondary-200);
}
.sendbird-theme--light .sendbird-icon-color--on-background-1 [class*=fill] {
  fill: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-icon-color--on-background-1 [class*=fill] {
  fill: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-icon-color--on-background-2 [class*=fill] {
  fill: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-icon-color--on-background-2 [class*=fill] {
  fill: var(--sendbird-dark-ondark-02);
}
.sendbird-theme--light .sendbird-icon-color--on-background-3 [class*=fill] {
  fill: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-icon-color--on-background-3 [class*=fill] {
  fill: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .sendbird-icon-color--on-background-4 [class*=fill] {
  fill: var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-icon-color--on-background-4 [class*=fill] {
  fill: var(--sendbird-dark-ondark-04);
}
.sendbird-theme--light .sendbird-icon-color--background-3 [class*=fill] {
  fill: var(--sendbird-light-background-300);
}
.sendbird-theme--dark .sendbird-icon-color--background-3 [class*=fill] {
  fill: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-icon-color--error [class*=fill] {
  fill: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-icon-color--error [class*=fill] {
  fill: var(--sendbird-dark-error-200);
}
.sendbird-context-menu {
  display: inline;
}
.sendbird-message-content__sendbird-ui-container-type__default__header-container .sendbird-context-menu {
  display: flex;
}
.sendbird__offline .sendbird-dropdown__menu .sendbird-dropdown__menu-item {
  cursor: not-allowed;
}
.sendbird__offline .sendbird-message-item-menu__list__menu-item.menu-item-delete {
  cursor: pointer;
}
.sendbird-dropdown__menu {
  z-index: 99999;
  position: absolute;
  top: 100%;
  min-width: 140px;
  margin: 0px;
  padding: 8px 0px;
  border-radius: 4px;
  list-style: none;
}
.sendbird-theme--light .sendbird-dropdown__menu {
  box-shadow: var(--sendbird-light-shadow-02);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-dropdown__menu {
  box-shadow: var(--sendbird-dark-shadow-02);
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-dropdown__menu .sendbird-dropdown__menu-item {
  cursor: pointer;
  white-space: nowrap;
  padding: 8px 16px;
}
.sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable {
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-dropdown__reaction-bar {
  position: absolute;
  top: 100%;
  min-width: 44px;
  max-height: 208px;
  overflow-y: scroll;
  margin: 0px;
  padding: 8px;
  border-radius: 8px;
  list-style: none;
}
[dir="ltr"] .sendbird-dropdown__reaction-bar {
  left: 0;
}
[dir="rtl"] .sendbird-dropdown__reaction-bar {
  right: 0;
}
.sendbird-theme--light .sendbird-dropdown__reaction-bar {
  box-shadow: var(--sendbird-light-shadow-02);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-dropdown__reaction-bar {
  box-shadow: var(--sendbird-dark-shadow-02);
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button, .sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button--selected {
  margin: 4px;
}
.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__emptyLabel {
  width: -moz-fit-content;
  width: fit-content;
}
.sendbird-dropdown__menu-backdrop {
  background-color: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
}
[dir="ltr"] .sendbird-dropdown__menu-backdrop {
  left: 0;
}
[dir="rtl"] .sendbird-dropdown__menu-backdrop {
  right: 0;
}
.sendbird-sort-by-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sendbird__offline .sendbird-menu-item {
  cursor: not-allowed;
}
.sendbird-menu-item {
  cursor: pointer;
  white-space: nowrap;
  padding: 8px 16px;
  display: flex;
}
.sendbird-menu-item.disable {
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-menu-item.disable:hover {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-menu-item.disable:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-menu-item:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-menu-item:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-menu-item > * {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sendbird-menu-item__text {
  display: flex;
  justify-content: space-between;
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-conversation {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-conversation {
  background-color: var(--sendbird-light-background-50);
  border: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-conversation {
  background-color: var(--sendbird-dark-background-600);
  border: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-conversation__messages {
  overflow: hidden;
  flex: 1 1 0;
}
.sendbird-conversation__messages-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
.sendbird-conversation__footer {
  width: 100%;
  padding: 0px 0px 24px 0px;
}
.sendbird-msg-hoc__animated .sendbird-message-content {
  animation: bounce 1s ease;
}
@keyframes bounce {
  50% {
    transform: translateY(-10px);
  }

  60% {
    transform: translateY(0);
  }

  90% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}
.sendbird-conversation__scroll-container {
  display: flex;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: column;
}
.sendbird-conversation__scroll-container .sendbird-conversation__padding {
  flex: 1 1 0;
}
.sendbird-conversation__footer {
  position: relative;
  box-sizing: border-box;
  margin-top: 6px;
}
.sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator {
  position: absolute;
  display: inline-flex;
  bottom: 8px;
}
[dir="ltr"] .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text {
  margin-left: 24px;
  margin-right: 10px;
}
[dir="rtl"] .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text {
  margin-right: 24px;
  margin-left: 10px;
}
.sendbird-connection-status {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.sendbird-place-holder {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.sendbird-place-holder .sendbird-place-holder__body {
  display: flex;
  flex-direction: column;
  height: 104px;
  align-items: center;
}
.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__icon {
  margin-bottom: 10px;
}
.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__text {
  margin-top: 10px;
}
.sendbird-place-holder .sendbird-place-holder__body__reconnect {
  margin-top: 18px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
[dir="ltr"] .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon {
  margin-right: 4px;
}
[dir="rtl"] .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon {
  margin-left: 4px;
}
.sendbird-place-holder .sendbird-place-holder__body--align-top {
  position: absolute;
  top: 24px;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}
.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in {
  display: flex;
  min-width: 60px;
}
[dir="ltr"] .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in {
  margin-right: 2px;
}
[dir="rtl"] .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in {
  margin-left: 2px;
}
.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__channel-name {
  display: block;
  max-width: calc(100% - 62px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__searching,
.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__no-result {
  display: flex;
  justify-content: center;
}
.sendbird-loader {
  display: inline-block;
  animation: 1s infinite linear;
  animation-name: rotate;
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-chat-header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  min-height: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-chat-header {
  padding-left: 20px;
  padding-right: 16px;
}
[dir="rtl"] .sendbird-chat-header {
  padding-right: 20px;
  padding-left: 16px;
}
.sendbird-theme--light .sendbird-chat-header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-chat-header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-chat-header__left {
  margin-right: 24px;
}
[dir="rtl"] .sendbird-chat-header__left {
  margin-left: 24px;
}
.sendbird-chat-header__left, .sendbird-chat-header__right {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sendbird-chat-header .sendbird-chat-header__left__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 780px;
}
[dir="ltr"] .sendbird-chat-header .sendbird-chat-header__left__title {
  margin-left: 8px;
  margin-right: 16px;
}
[dir="rtl"] .sendbird-chat-header .sendbird-chat-header__left__title {
  margin-right: 8px;
  margin-left: 16px;
}
.sendbird--mobile-mode .sendbird-chat-header .sendbird-chat-header__left__title {
  max-width: calc(100vw - 240px);
}
.sendbird-chat-header .sendbird-chat-header__left__subtitle {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="ltr"] .sendbird-chat-header .sendbird-chat-header__right__mute {
  margin-right: 18px;
}
[dir="rtl"] .sendbird-chat-header .sendbird-chat-header__right__mute {
  margin-left: 18px;
}
.sendbird-chat-header .sendbird-iconbutton--pressed {
  background-color: inherit;
}
[dir="ltr"] .sendbird-chat-header .sendbird-chat-header__right__info {
  margin-left: 16px;
}
[dir="rtl"] .sendbird-chat-header .sendbird-chat-header__right__info {
  margin-right: 16px;
}
[dir="ltr"] .sendbird-chat-header__icon_back {
  margin-right: 8px;
}
[dir="rtl"] .sendbird-chat-header__icon_back {
  margin-left: 8px;
}
.sendbird-chat-header--default-avatar {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
[dir="rtl"] .sendbird-chat-header--default-avatar {
  .sendbird-icon {
    &.sendbird-icon-broadcast {
      transform: rotateY(180deg);
    }
  }
}
.sendbird-theme--light .sendbird-chat-header--default-avatar {
  background-color: var(--sendbird-light-secondary-300);
}
.sendbird-theme--dark .sendbird-chat-header--default-avatar {
  background-color: var(--sendbird-dark-secondary-200);
}
.sendbird-image-renderer {
  overflow: hidden;
  position: relative;
}
.sendbird-image-renderer__hidden-image-loader {
  display: none;
}
.sendbird-image-renderer,
.sendbird-image-renderer__image {
  width: 320px;
  height: 180px;
}
.sendbird-multiple-files-image-renderer__image-cover {
  position: absolute;
  top: 0px;
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background-color: var(--sendbird-light-overlay-01);
}
.sendbird-image-renderer:hover .sendbird-multiple-files-image-renderer__image-cover {
  display: inline-flex;
}
.sendbird-multiple-files-image-renderer__icon-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.sendbird-multiple-files-image-renderer__icon-wrapper .sendbird-multiple-files-image-renderer__icon-wrapper__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--sendbird-light-ondark-01);
  z-index: 2;
}
.sendbird-avatar {
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.sendbird-avatar:focus {
  outline: none;
}
.sendbird-avatar .sendbird-avatar-img {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar-img {
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar-img {
  right: 50%;
  transform: translate(50%, -50%);
}
.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img {
  background-color: var(--sendbird-light-background-300);
}
.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img {
  background-color: var(--sendbird-dark-background-300);
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:first-child {
  transform: translate(2%, -50%);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:first-child {
  transform: translate(-2%, -50%);
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child {
  transform: translate(-102%, -50%);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child {
  transform: translate(102%, -50%);
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__three-child--upper .sendbird-avatar-img:first-child {
  transform: translate(-50%, -102%);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__three-child--upper .sendbird-avatar-img:first-child {
  transform: translate(50%, -102%);
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child {
  transform: translate(-77%, -23%) scale(0.5);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child {
  transform: translate(77%, -23%) scale(0.5);
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child {
  transform: translate(-23%, -23%) scale(0.5);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child {
  transform: translate(23%, -23%) scale(0.5);
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child {
  transform: translate(-77%, -77%) scale(0.5);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child {
  transform: translate(77%, -77%) scale(0.5);
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2) {
  transform: translate(-23%, -77%) scale(0.5);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2) {
  transform: translate(23%, -77%) scale(0.5);
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3) {
  transform: translate(-77%, -23%) scale(0.5);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3) {
  transform: translate(77%, -23%) scale(0.5);
}
[dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child {
  transform: translate(-23%, -23%) scale(0.5);
}
[dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child {
  transform: translate(23%, -23%) scale(0.5);
}
.sendbird-avatar .sendbird-avatar-img--default {
  align-items: center;
  display: flex;
  justify-content: center;
}
.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default {
  background-color: var(--sendbird-light-background-300);
}
.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default {
  background-color: var(--sendbird-dark-background-300);
}
.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default.text {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default.text {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-avatar .sendbird-avatar-text {
  font-family: Roboto;
  font-size: 8px;
  font-style: normal;
  font-weight: bold;
  font-weight: 400;
  line-height: 12px;
  text-align: center;
}
.sendbird-theme--light .sendbird-avatar .sendbird-avatar-text {
  color: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-text {
  color: var(--sendbird-dark-ondark-02);
}
.sendbird-ui-header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  min-height: 64px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-theme--light .sendbird-ui-header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-ui-header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-ui-header--is-desktop {
  max-width: 176px;
}
.sendbird-ui-header--is-mobile {
  max-width: 80px;
}
.sendbird-ui-header__left {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}
[dir="ltr"] .sendbird-ui-header__left {
  left: 0px;
  margin-right: 8px;
}
[dir="rtl"] .sendbird-ui-header__left {
  right: 0px;
  margin-left: 8px;
}
.sendbird-ui-header__middle {
  flex: 1;
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sendbird-ui-header__middle__subtitle__container {
  display: flex;
  width: 100%;
}
.sendbird-ui-header__middle__title,
.sendbird-ui-header__middle__subtitle {
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.sendbird-ui-header__right {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}
[dir="ltr"] .sendbird-ui-header__right {
  right: 0px;
  margin-left: 8px;
}
[dir="rtl"] .sendbird-ui-header__right {
  left: 0px;
  margin-right: 8px;
}
.sendbird-textbutton {
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
}
.sendbird-textbutton--not-underline {
  text-decoration: none;
  cursor: pointer;
}
.sendbird-textbutton--disabled {
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-textbutton--disabled {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-textbutton--disabled {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .sendbird-color--onbackground-1 {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-color--onbackground-1 {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-color--onbackground-1--background-color {
  background-color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-color--onbackground-1--background-color {
  background-color: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-color--onbackground-2 {
  color: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-color--onbackground-2 {
  color: var(--sendbird-dark-ondark-02);
}
.sendbird-theme--light .sendbird-color--onbackground-2--background-color {
  background-color: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-color--onbackground-2--background-color {
  background-color: var(--sendbird-dark-ondark-02);
}
.sendbird-theme--light .sendbird-color--onbackground-3 {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-color--onbackground-3 {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .sendbird-color--onbackground-3--background-color {
  background-color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-color--onbackground-3--background-color {
  background-color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .sendbird-color--onbackground-4 {
  color: var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-color--onbackground-4 {
  color: var(--sendbird-dark-ondark-04);
}
.sendbird-theme--light .sendbird-color--onbackground-4--background-color {
  background-color: var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-color--onbackground-4--background-color {
  background-color: var(--sendbird-dark-ondark-04);
}
.sendbird-theme--light .sendbird-color--oncontent-1 {
  color: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-color--oncontent-1 {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-theme--light .sendbird-color--oncontent-1--background-color {
  background-color: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-color--oncontent-1--background-color {
  background-color: var(--sendbird-dark-onlight-01);
}
.sendbird-theme--light .sendbird-color--primary {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-color--primary {
  color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-color--primary--background-color {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-color--primary--background-color {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-color--error {
  color: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-color--error {
  color: var(--sendbird-dark-error-200);
}
.sendbird-theme--light .sendbird-color--error--background-color {
  background-color: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-color--error--background-color {
  background-color: var(--sendbird-dark-error-300);
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-conversation__messages {
  position: relative;
}
.sendbird-conversation__messages .sendbird-conversation__messages-padding {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  padding: 0 24px;
}
.sendbird--mobile-mode .sendbird-conversation__messages .sendbird-conversation__messages-padding {
  padding: 0 12px;
}
.sendbird-conversation__messages .sendbird-separator,
.sendbird-conversation__messages .sendbird-admin-message {
  padding-top: 8px;
  padding-bottom: 8px;
}
.sendbird-conversation__messages__notification {
  position: fixed;
  top: 0px;
  width: calc(100% - 50px);
}
[dir="ltr"] .sendbird-conversation__messages__notification {
  margin-left: 25px;
}
[dir="rtl"] .sendbird-conversation__messages__notification {
  margin-right: 25px;
}
.sendbird-conversation__scroll-bottom-button {
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 30px;
  width: 40px;
  height: 40px;
  border-radius: 24px;
}
[dir="ltr"] .sendbird-conversation__scroll-bottom-button {
  left: calc(100% - 65px);
}
[dir="rtl"] .sendbird-conversation__scroll-bottom-button {
  right: calc(100% - 65px);
}
.sendbird-theme--light .sendbird-conversation__scroll-bottom-button {
  background-color: var(--sendbird-light-background-50);
  box-shadow: var(--sendbird-light-shadow-05);
}
.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button {
  background-color: var(--sendbird-dark-background-400);
  box-shadow: var(--sendbird-dark-shadow-05);
}
.sendbird-conversation__scroll-bottom-button:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-conversation__scroll-bottom-button:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-conversation__scroll-bottom-button:active {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:active {
  background-color: var(--sendbird-dark-background-700);
}
.sendbird-conversation__scroll-bottom-button:focus {
  outline: none;
}
.sendbird-separator {
  width: 100%;
  display: flex;
  align-items: center;
}
.sendbird-separator .sendbird-separator__left {
  border: none;
  height: 1px;
  display: inline-block;
  width: 100%;
}
.sendbird-separator .sendbird-separator__right {
  border: none;
  height: 1px;
  display: inline-block;
  width: 100%;
}
.sendbird-separator .sendbird-separator__text {
  margin: 0px 16px;
  display: flex;
  white-space: nowrap;
}
.sendbird-message-input {
  display: inline-block;
  width: 100%;
  position: relative;
}
.sendbird-message-input .sendbird-message-input--textarea {
  position: relative;
  width: 100%;
  border-radius: 4px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  max-height: 92px;
  min-height: 58px;
  overflow-y: scroll;
  letter-spacing: normal;
  box-sizing: border-box;
  resize: none;
  font-family: var(--sendbird-font-family-default);
  background-color: inherit;
  white-space: pre-wrap;
}
[dir="ltr"] .sendbird-message-input .sendbird-message-input--textarea {
  padding: 18px 64px 18px 16px;
}
[dir="rtl"] .sendbird-message-input .sendbird-message-input--textarea {
  padding: 18px 16px 18px 64px;
}
.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea {
  color: var(--sendbird-light-onlight-01);
  caret-color: var(--sendbird-light-primary-300);
  border: solid 1px var(--sendbird-light-onlight-03);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea {
  color: var(--sendbird-dark-ondark-01);
  caret-color: var(--sendbird-dark-primary-200);
  border: solid 1px var(--sendbird-dark-ondark-03);
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-message-input .sendbird-message-input--textarea:focus {
  outline: none;
}
.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:focus {
  color: var(--sendbird-light-onlight-01);
  border: solid 1px var(--sendbird-light-primary-300);
  box-shadow: var(--sendbird-light-shadow-message-input);
}
.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:focus {
  color: var(--sendbird-dark-ondark-01);
  border: solid 1px var(--sendbird-dark-primary-200);
  box-shadow: var(--sendbird-dark-shadow-message-input);
}
.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:active {
  border: solid 1px var(--sendbird-message-input-border-active);
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:active {
  border: solid 1px var(--sendbird-message-input-border-active);
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-message-input .sendbird-message-input--placeholder {
  position: absolute;
  pointer-events: none;
  top: 18px;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  line-height: 1.43;
}
[dir="ltr"] .sendbird-message-input .sendbird-message-input--placeholder {
  left: 16px;
}
[dir="rtl"] .sendbird-message-input .sendbird-message-input--placeholder {
  right: 16px;
}
.sendbird-message-input .sendbird-message-input--attach {
  position: absolute;
  padding: 6px;
  bottom: 14px;
}
[dir="ltr"] .sendbird-message-input .sendbird-message-input--attach {
  right: 16px;
}
[dir="rtl"] .sendbird-message-input .sendbird-message-input--attach {
  left: 16px;
}
[dir="ltr"] .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled {
  right: 48px;
}
[dir="rtl"] .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled {
  left: 48px;
}
.sendbird-message-input .sendbird-message-input--voice-message {
  position: absolute;
  padding: 6px;
  bottom: 14px;
}
[dir="ltr"] .sendbird-message-input .sendbird-message-input--voice-message {
  right: 16px;
}
[dir="rtl"] .sendbird-message-input .sendbird-message-input--voice-message {
  left: 16px;
}
.sendbird-message-input .sendbird-message-input--send {
  position: absolute;
  padding: 6px;
  bottom: 14px;
}
[dir="ltr"] .sendbird-message-input .sendbird-message-input--send {
  right: 16px;
}
[dir="rtl"] .sendbird-message-input .sendbird-message-input--send {
  left: 16px;
  transform: rotate(180deg);
}
.sendbird-message-input .sendbird-message-input--attach-input {
  display: none;
}
.sendbird-message-input__edit {
  padding: 16px;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-message-input__edit {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-message-input__edit {
  background-color: var(--sendbird-dark-background-700);
}
.sendbird-message-input--edit-action {
  margin-top: 4px;
}
[dir="ltr"] .sendbird-message-input--edit-action {
  text-align: right;
}
[dir="rtl"] .sendbird-message-input--edit-action {
  text-align: left;
}
[dir="ltr"] .sendbird-message-input--edit-action button:last-child {
  margin-left: 8px;
}
[dir="rtl"] .sendbird-message-input--edit-action button:last-child {
  margin-right: 8px;
}
.sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel {
  width: 80px;
}
.sendbird-theme--light .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel {
  border: solid 1px var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel {
  border: solid 1px var(--sendbird-dark-ondark-03);
}
.sendbird-message-input--edit-action .sendbird-message-input--edit-action__save {
  width: 80px;
}
.sendbird-message-input-form__disabled {
  cursor: not-allowed;
}
.sendbird-message-input__disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-message-input__disabled .sendbird-message-input--textarea {
  color: var(--sendbird-light-onlight-04);
  border: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-message-input__disabled .sendbird-message-input--textarea {
  color: var(--sendbird-dark-ondark-04);
  border: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-message-content {
  display: inline-flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}
.sendbird-message-content.incoming {
  justify-content: flex-start;
}
.sendbird-message-content.outgoing {
  justify-content: flex-end;
}
.sendbird-message-content .sendbird-message-content__middle {
  max-width: 400px;
}
.sendbird--mobile-mode .sendbird-message-content .sendbird-message-content__middle {
  max-width: calc(100vw - 140px);
}
.sendbird-message-content .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.use-quote {
  bottom: -8px;
  margin-top: -8px;
}
.sendbird-message-content__middle__quote-message__quote {
  width: 100%;
}
.sendbird-message-content.incoming .sendbird-message-content__left {
  display: inline-flex;
  min-width: 40px;
  position: relative;
  flex-shrink: 0;
}
.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar {
  bottom: 2px;
  position: absolute;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar {
  left: 0;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar {
  right: 0;
}
.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple {
  border: 2px solid;
}
.sendbird-theme--light .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple {
  border-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple {
  border-color: var(--sendbird-dark-background-600);
}
.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.use-thread-replies {
  bottom: 35px;
}
.sendbird-message-content.incoming .sendbird-message-content__middle {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container {
  max-width: 100%;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  bottom: 6px;
  display: flex;
  flex-direction: row;
  min-width: 80px;
  position: absolute;
  white-space: nowrap;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  right: -84px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  left: -84px;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover {
  display: none;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default {
  min-width: -moz-fit-content;
  min-width: fit-content;
  bottom: -16px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default {
  left: 2px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default {
  right: 2px;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
  margin-bottom: 4px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 100%;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
  margin-left: 12px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
  margin-right: 12px;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message {
  display: inline-flex;
  position: relative;
  width: 100%;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing {
  justify-content: flex-end;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming {
  justify-content: flex-start;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message:hover {
  cursor: pointer;
}
.sendbird-message-content.incoming .sendbird-message-content__right {
  display: inline-flex;
  padding-top: 18px;
  position: relative;
  width: 50px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__right {
  margin-left: 4px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__right {
  margin-right: 4px;
}
.sendbird-message-content.incoming .sendbird-message-content__right.use-reactions {
  width: 70px;
}
.sendbird-message-content.incoming .sendbird-message-content__right.chain-top {
  padding-top: 2px;
}
.sendbird-message-content.incoming .sendbird-message-content__right.chain-top.use-quote {
  padding-top: 18px;
}
.sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu {
  display: none;
  flex-direction: row;
  height: 32px;
  position: relative;
}
.sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu.sendbird-mouse-hover {
  display: inline-flex;
}
.sendbird--mobile-mode .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  display: inline-flex;
}
.sendbird-message-content.incoming:hover .sendbird-message-content__right .sendbird-message-content-menu {
  display: inline-flex;
}
.sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  display: none;
}
.sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default {
  display: flex;
}
.sendbird-message-content.outgoing .sendbird-message-content__left {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: flex-end;
  position: relative;
  width: 50px;
}
.sendbird-message-content.outgoing .sendbird-message-content__left.use-reactions {
  width: 70px;
}
.sendbird-message-content.outgoing .sendbird-message-content__left.use-quote .sendbird-message-content-menu {
  top: 18px;
}
.sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu {
  display: none;
  flex-direction: row;
  position: absolute;
  top: 2px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu {
  right: 4px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu {
  left: 4px;
}
.sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu.sendbird-mouse-hover {
  display: inline-flex;
}
.sendbird-message-content.outgoing .sendbird-message-content__middle {
  align-items: flex-end;
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message {
  display: inline-flex;
  position: relative;
  width: 100%;
}
.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing {
  justify-content: flex-end;
}
.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming {
  justify-content: flex-start;
}
.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container {
  position: relative;
  width: 100%;
}
.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  bottom: 2px;
  box-sizing: content-box;
  display: flex;
  justify-content: flex-end;
  min-height: 16px;
  min-width: 80px;
  position: absolute;
  white-space: nowrap;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  left: -84px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  right: -84px;
}
.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover {
  display: none;
}
.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at .sendbird-message-content__middle__body-container__created-at__component-container {
  display: inline-flex;
  position: relative;
}
.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default {
  min-width: -moz-fit-content;
  min-width: fit-content;
  bottom: -20px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default {
  left: 2px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default {
  right: 2px;
}
.sendbird-message-content.outgoing .sendbird-message-content__right {
  display: none;
}
.sendbird--mobile-mode .sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  display: inline-flex;
}
.sendbird-message-content.outgoing:hover .sendbird-message-content__left .sendbird-message-content-menu {
  display: inline-flex;
}
.sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  display: none;
}
.sendbird-message-content__middle__body-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  align-items: flex-end;
}
.sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body {
  box-sizing: border-box;
}
.sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body.reactions {
  width: 100%;
}
.sendbird-message-content__middle__body-container:has(.sendbird-message-content__middle__message-item-body.reactions) {
  align-items: unset;
}
.sendbird-message-content-reactions {
  border-radius: 0 0 16px 16px;
  max-width: 400px;
  position: relative;
  width: 100%;
}
.sendbird-theme--light .sendbird-message-content-reactions {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-message-content-reactions {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-message-content-reactions.primary {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-message-content-reactions.primary {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-message-content-reactions.mouse-hover, .sendbird-theme--light .sendbird-message-content-reactions:hover {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover, .sendbird-theme--dark .sendbird-message-content-reactions:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-message-content-reactions.mouse-hover.primary, .sendbird-theme--light .sendbird-message-content-reactions:hover.primary {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover.primary, .sendbird-theme--dark .sendbird-message-content-reactions:hover.primary {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-message-content-reactions.image-grid {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-message-content-reactions.image-grid {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-message-content__middle__thread-replies {
  margin-top: 4px;
}
.sendbird-message-content__middle__feedback-buttons {
  margin-top: 4px;
}
.sendbird-voice-message-item-body.sendbird-message-content__middle__message-item-body {
  height: 50px;
  min-width: 136px;
}
.sendbird-message-content__middle__body-container__feedback-buttons-container {
  margin-top: 4px;
  position: relative;
  display: flex;
  gap: 4px;
}
.sendbird-message-content__sendbird-ui-container-type__default__root {
  max-width: 400px;
}
.sendbird-message-content__sendbird-ui-container-type__default__root .sendbird-message-content__sendbird-ui-container-type__default__header-container {
  display: flex;
  align-items: center;
  margin: 8px 0 6px;
}
.sendbird-message-content__sendbird-ui-container-type__default__root .sendbird-message-content__sendbird-ui-container-type__default__header-container .sendbird-message-content__sendbird-ui-container-type__default__header-container__left__profile {
  width: 28px;
  height: 28px;
  margin-inline-end: 24px;
}
.sendbird-message-content__sendbird-ui-container-type__default__root .sendbird-message-content__sendbird-ui-container-type__default__bottom {
  padding-inline-start: 52px;
}
.sendbird-message-status {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.sendbird-message-status .sendbird-message-status__icon {
  position: relative;
  display: inline-block;
  top: -2px;
}
.sendbird-message-status .sendbird-message-status__icon.hide-icon {
  display: none;
}
.sendbird-message-status .sendbird-message-status__text {
  position: relative;
  display: inline-block;
}
[dir="ltr"] .sendbird-message-status .sendbird-message-status__text {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-message-status .sendbird-message-status__text {
  margin-right: 4px;
}
.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again {
  text-decoration: underline;
}
.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again:hover {
  cursor: pointer;
}
.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete {
  text-decoration: underline;
}
.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete:hover {
  cursor: pointer;
}
.sendbird-text {
  color: var(--primary-1);
}
.sendbird-reaction-button {
  border-radius: 8px;
  display: inline-block;
  border: solid 1px transparent;
  box-sizing: border-box;
  cursor: pointer;
}
.sendbird-theme--light .sendbird-reaction-button:hover {
  border: solid 1px var(--sendbird-light-background-100);
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-reaction-button:hover {
  border: solid 1px var(--sendbird-dark-background-400);
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-reaction-button__inner {
  margin: 3px;
}
.sendbird-reaction-button--selected {
  cursor: pointer;
  border-radius: 8px;
  display: inline-block;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-reaction-button--selected {
  border: solid 1px var(--sendbird-light-primary-100);
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-reaction-button--selected {
  border: solid 1px var(--sendbird-dark-primary-400);
  background-color: var(--sendbird-dark-primary-400);
}
.sendbird-reaction-button--selected:hover {
  border: solid 1px var(--sendbird-selected-reaction-button-border-hover);
}
.sendbird-reaction-button--selected__inner {
  margin: 3px;
}
.sendbird-reaction-button--selected.sendbird-reactions--pressed {
  display: block !important;
}
.sendbird-emoji-reactions {
  display: inline-block;
  border-radius: 16px;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--sendbird-message-balloon-width);
  min-height: 24px;
  padding: 7px 5px 3px 5px;
}
.sendbird-theme--light .sendbird-emoji-reactions {
  background-color: var(--sendbird-light-background-50);
  border: 1px solid var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-emoji-reactions {
  background-color: var(--sendbird-dark-background-600);
  border: 1px solid var(--sendbird-dark-background-500);
}
.sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge {
  margin-bottom: 4px;
}
[dir="ltr"] .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge {
  margin-left: 2px;
  margin-right: 1px;
}
[dir="rtl"] .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge {
  margin-right: 2px;
  margin-left: 1px;
}
.sendbird-emoji-reactions:focus {
  outline: none;
}
.sendbird-emoji-reactions .sendbird-context-menu {
  height: 26px;
}
.sendbird-emoji-reactions__add-reaction-badge {
  position: relative;
  top: -4px;
  display: inline-flex;
  width: 36px;
  height: 24px;
}
[dir="ltr"] .sendbird-emoji-reactions .sendbird-context-menu {
  margin-left: 2px;
}
[dir="rtl"] .sendbird-emoji-reactions .sendbird-context-menu {
  margin-right: 2px;
}
.sendbird-reaction-badge {
  display: inline-block;
  border-radius: 15px;
  width: 50px;
  height: 24px;
}
.sendbird-theme--light .sendbird-reaction-badge {
  background-color: var(--sendbird-light-background-100);
  border: solid 1px var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-reaction-badge {
  background-color: var(--sendbird-dark-background-500);
  border: solid 1px var(--sendbird-dark-background-500);
}
.sendbird-reaction-badge:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-reaction-badge:hover {
  border: solid 1px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-reaction-badge:hover {
  border: solid 1px var(--sendbird-dark-primary-200);
}
.sendbird-reaction-badge--is-add {
  display: inline-block;
  border-radius: 15px;
  width: 36px;
  height: 24px;
}
.sendbird-theme--light .sendbird-reaction-badge--is-add {
  background-color: var(--sendbird-light-background-100);
  border: solid 1px var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-reaction-badge--is-add {
  background-color: var(--sendbird-dark-background-500);
  border: solid 1px var(--sendbird-dark-background-500);
}
.sendbird-reaction-badge--is-add:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-reaction-badge--is-add:hover {
  border: solid 1px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-reaction-badge--is-add:hover {
  border: solid 1px var(--sendbird-dark-primary-200);
}
[dir="ltr"] .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  left: 8px;
}
[dir="rtl"] .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  right: 8px;
}
.sendbird-reaction-badge--selected {
  display: inline-block;
  border-radius: 15px;
  width: 50px;
  height: 24px;
}
.sendbird-theme--light .sendbird-reaction-badge--selected {
  background-color: var(--sendbird-light-primary-100);
  border: solid 1px var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-reaction-badge--selected {
  background-color: var(--sendbird-dark-primary-400);
  border: solid 1px var(--sendbird-dark-primary-400);
}
.sendbird-reaction-badge--selected:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-reaction-badge--selected:hover {
  border: solid 1px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-reaction-badge--selected:hover {
  border: solid 1px var(--sendbird-dark-primary-200);
}
.sendbird-reaction-badge__inner {
  position: relative;
  display: flex;
  height: 24px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
[dir="ltr"] .sendbird-reaction-badge__inner {
  padding-left: 20px;
  padding-right: 4px;
}
[dir="rtl"] .sendbird-reaction-badge__inner {
  padding-right: 20px;
  padding-left: 4px;
}
.sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  position: absolute;
  top: 2px;
}
[dir="ltr"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  left: 4px;
}
[dir="rtl"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  right: 4px;
}
[dir="ltr"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count {
  margin-right: 4px;
}
.sendbird-message__bottomsheet__reacted-members {
  position: relative;
  padding: 0px 16px;
  box-sizing: border-box;
  width: 100%;
  height: 46px;
  overflow-x: scroll;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
}
.sendbird-message__bottomsheet__reacted-members__item {
  position: relative;
  height: 100%;
  display: inline-flex;
  gap: 4px;
  flex-direction: row;
  align-items: center;
}
.sendbird-message__bottomsheet__reactor-list {
  position: relative;
  padding: 0px 16px;
  width: 100%;
  height: 216px;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  overflow-y: scroll;
}
.sendbird-message__bottomsheet__reactor-list__item.sendbird-user-list-item {
  border-bottom: 0px;
  min-height: 48px;
}
.sendbird-bottomsheet {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
}
[dir="ltr"] .sendbird-bottomsheet {
  left: 0;
}
[dir="rtl"] .sendbird-bottomsheet {
  right: 0;
}
.sendbird-bottomsheet__content {
  position: fixed;
  z-index: 10001;
  bottom: 0;
  width: 100%;
}
[dir="ltr"] .sendbird-bottomsheet__content {
  left: 0;
}
[dir="rtl"] .sendbird-bottomsheet__content {
  right: 0;
}
.sendbird-bottomsheet__backdrop {
  position: fixed;
  z-index: 10000;
  height: 100%;
  width: 100%;
  top: 0;
}
[dir="ltr"] .sendbird-bottomsheet__backdrop {
  left: 0;
}
[dir="rtl"] .sendbird-bottomsheet__backdrop {
  right: 0;
}
.sendbird-theme--light .sendbird-bottomsheet__backdrop {
  background-color: var(--sendbird-light-overlay-02);
}
.sendbird-theme--dark .sendbird-bottomsheet__backdrop {
  background-color: var(--sendbird-dark-overlay-02);
}
.sendbird-user-list-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 56px;
}
.sendbird--mobile-mode .sendbird-user-list-item {
  width: 100%;
}
.sendbird-theme--light .sendbird-user-list-item {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-user-list-item {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-user-list-item .sendbird-user-list-item__avatar {
  position: absolute;
  top: 8px;
  cursor: pointer;
  z-index: 0;
}
[dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__avatar {
  left: 0px;
}
[dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__avatar {
  right: 0px;
}
.sendbird-user-list-item .sendbird-muted-avatar {
  position: absolute;
  top: 8px;
  pointer-events: none;
  z-index: 1;
}
[dir="ltr"] .sendbird-user-list-item .sendbird-muted-avatar {
  left: 0px;
}
[dir="rtl"] .sendbird-user-list-item .sendbird-muted-avatar {
  right: 0px;
}
.sendbird-user-list-item .sendbird-user-list-item__title {
  position: absolute;
  top: 17px;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__title {
  left: 56px;
}
[dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__title {
  right: 56px;
}
.sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__title {
  max-width: 62%;
}
.sendbird-user-list-item .sendbird-user-list-item__subtitle {
  position: absolute;
  top: 23px;
  max-width: 237px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__subtitle {
  left: 140px;
}
[dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__subtitle {
  right: 140px;
}
.sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__subtitle {
  max-width: 40%;
}
.sendbird-user-list-item .sendbird-user-list-item__checkbox {
  position: absolute;
  top: 16px;
}
[dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__checkbox {
  right: 16px;
}
[dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__checkbox {
  left: 16px;
}
.sendbird-user-list-item .sendbird-user-list-item__action {
  position: absolute;
  top: 10px;
}
[dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__action {
  right: 0;
}
[dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__action {
  left: 0;
}
.sendbird-user-list-item .sendbird-user-list-item__operator {
  position: absolute;
  top: 22px;
}
[dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__operator {
  right: 40px;
}
[dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__operator {
  left: 40px;
}
[dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox {
  right: 66px;
}
[dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox {
  left: 66px;
}
.sendbird-user-list-item--small {
  display: block;
  position: relative;
  box-sizing: border-box;
  height: 40px;
}
[dir="ltr"] .sendbird-user-list-item--small {
  padding-left: 12px;
}
[dir="rtl"] .sendbird-user-list-item--small {
  padding-right: 12px;
}
.sendbird-user-list-item--small .sendbird-user-list-item--small__avatar {
  cursor: pointer;
  position: absolute;
  top: 10px;
}
.sendbird-user-list-item--small .sendbird-muted-avatar {
  position: absolute;
  top: 10px;
  pointer-events: none;
}
[dir="ltr"] .sendbird-user-list-item--small .sendbird-muted-avatar {
  left: 12px;
}
[dir="rtl"] .sendbird-user-list-item--small .sendbird-muted-avatar {
  right: 12px;
}
.sendbird-user-list-item--small .sendbird-user-list-item--small__title {
  position: absolute;
  top: 10px;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__title {
  left: 54px;
}
[dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__title {
  right: 54px;
}
.sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle {
  position: absolute;
  top: 14px;
  max-width: 237px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle {
  left: 140px;
}
[dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle {
  right: 140px;
}
.sendbird--mobile-mode .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle {
  max-width: 40%;
}
.sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox {
  position: absolute;
  top: 16px;
}
[dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox {
  right: 16px;
}
[dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox {
  left: 16px;
}
.sendbird-user-list-item--small .sendbird-user-list-item--small__action {
  display: none;
  position: absolute;
  top: 4px;
}
[dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__action {
  right: 10px;
}
[dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__action {
  left: 10px;
}
.sendbird-user-list-item--small .sendbird-user-list-item--small__operator {
  position: absolute;
  top: 10px;
}
[dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__operator {
  right: 24px;
}
[dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__operator {
  left: 24px;
}
.sendbird-theme--light .sendbird-user-list-item--small:hover, .sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-user-list-item--small:hover, .sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-user-list-item--small:hover .sendbird-user-list-item--small__action, .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__action {
  display: block;
}
.sendbird-user-list-item--small:hover .sendbird-user-list-item--small__operator, .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__operator {
  display: none;
}
.sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton {
  background-color: var(--sendbird-dark-background-700);
}
.sendbird-muted-avatar {
  border-radius: 50%;
  display: inline-block;
}
.sendbird-muted-avatar .sendbird-muted-avatar__icon {
  position: relative;
}
.sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon {
  position: absolute;
  top: 4px;
}
[dir="ltr"] .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon {
  left: 4px;
}
[dir="rtl"] .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon {
  right: 4px;
}
.sendbird-muted-avatar .sendbird-muted-avatar__bg {
  opacity: 0.5;
  position: absolute;
  border-radius: 50%;
  top: 0;
}
[dir="ltr"] .sendbird-muted-avatar .sendbird-muted-avatar__bg {
  left: 0;
}
[dir="rtl"] .sendbird-muted-avatar .sendbird-muted-avatar__bg {
  right: 0;
}
.sendbird-theme--light .sendbird-muted-avatar .sendbird-muted-avatar__bg {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-muted-avatar .sendbird-muted-avatar__bg {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-checkbox {
  display: inline-block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[dir="ltr"] .sendbird-checkbox {
  padding-left: 35px;
}
[dir="rtl"] .sendbird-checkbox {
  padding-right: 35px;
}
.sendbird-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.sendbird-checkbox--checkmark {
  position: absolute;
  top: 0;
  height: 18px;
  width: 18px;
  border-radius: 2px;
  background-color: inherit;
}
[dir="ltr"] .sendbird-checkbox--checkmark {
  left: 0;
}
[dir="rtl"] .sendbird-checkbox--checkmark {
  right: 0;
}
.sendbird-theme--light .sendbird-checkbox--checkmark {
  border: solid 2px var(--sendbird-light-background-400);
}
.sendbird-theme--dark .sendbird-checkbox--checkmark {
  border: solid 2px var(--sendbird-dark-background-300);
}
.sendbird-theme--light .sendbird-checkbox--checkmark.disabled {
  border: solid 2px var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-checkbox--checkmark.disabled {
  border: solid 2px var(--sendbird-dark-ondark-04);
}
.sendbird-theme--light .sendbird-checkbox input:focus ~ .sendbird-checkbox--checkmark {
  box-shadow: 0px 0px 0px 2px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-checkbox input:focus ~ .sendbird-checkbox--checkmark {
  box-shadow: 0px 0px 0px 2px var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark {
  background-color: var(--sendbird-light-primary-300);
  border: solid 2px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark {
  background-color: var(--sendbird-dark-primary-200);
  border: solid 2px var(--sendbird-dark-primary-200);
}
.sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark.disabled {
  cursor: default;
}
.sendbird-theme--light .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark.disabled {
  background-color: var(--sendbird-light-onlight-04);
  border: solid 2px var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark.disabled {
  background-color: var(--sendbird-dark-ondark-04);
  border: solid 2px var(--sendbird-dark-ondark-04);
}
.sendbird-checkbox--checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark:after {
  display: block;
}
.sendbird-theme--light .sendbird-checkbox .sendbird-checkbox--checkmark:after {
  left: 5px;
  top: -0.5px;
  width: 7px;
  height: 12px;
  border: solid var(--sendbird-light-background-50);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after {
  left: 5px;
  top: -0.5px;
  width: 7px;
  height: 12px;
  border: solid var(--sendbird-dark-background-600);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/**rtl:end:ignore**/
.sendbird__user-profile {
  width: 320px;
  border-radius: 4px;
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
}
.sendbird-theme--light .sendbird__user-profile {
  box-shadow: var(--sendbird-light-shadow-02);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird__user-profile {
  box-shadow: var(--sendbird-dark-shadow-02);
  background-color: var(--sendbird-dark-background-500);
}
.sendbird__user-profile .sendbird__user-profile-avatar {
  margin: 8px 0px;
}
.sendbird__user-profile .sendbird__user-profile-name {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-name {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-name {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird__user-profile .sendbird__user-profile-message {
  margin-top: 20px;
}
.sendbird__user-profile .sendbird__user-profile-message button {
  width: 272px;
}
.sendbird__user-profile .sendbird__user-profile-separator {
  margin: 24px 0px;
  height: 1px;
}
.sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-separator {
  background-color: var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-separator {
  background-color: var(--sendbird-dark-ondark-04);
}
.sendbird__user-profile .sendbird__user-profile-userId--label,
.sendbird__user-profile .sendbird__user-profile-userId--value {
  width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: block;
}
[dir="ltr"] .sendbird__user-profile .sendbird__user-profile-userId--label,
[dir="ltr"] .sendbird__user-profile .sendbird__user-profile-userId--value {
  text-align: left;
}
[dir="rtl"] .sendbird__user-profile .sendbird__user-profile-userId--label,
[dir="rtl"] .sendbird__user-profile .sendbird__user-profile-userId--value {
  text-align: right;
}
.sendbird__user-profile .sendbird__user-profile-userId--label {
  margin-bottom: 8px;
}
.sendbird-tooltip {
  position: relative;
  display: inline-flex;
  justify-content: center;
  max-width: 200px;
  border-radius: 8px;
  padding: 8px 16px;
}
.sendbird-theme--light .sendbird-tooltip {
  background-color: var(--sendbird-light-background-700);
}
.sendbird-theme--dark .sendbird-tooltip {
  background-color: var(--sendbird-dark-background-300);
}
.sendbird-tooltip::after {
  content: "";
  position: absolute;
  bottom: -4px;
  width: 8px;
  height: 8px;
}
[dir="ltr"] .sendbird-tooltip::after {
  transform: rotate(45deg);
}
[dir="rtl"] .sendbird-tooltip::after {
  transform: rotate(-45deg);
}
.sendbird-theme--light .sendbird-tooltip::after {
  background-color: var(--sendbird-light-background-700);
}
.sendbird-theme--dark .sendbird-tooltip::after {
  background-color: var(--sendbird-dark-background-300);
}
.sendbird-tooltip__text {
  font-family: var(--sendbird-font-family-default);
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  word-break: keep-all;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-tooltip-wrapper {
  position: relative;
  display: inline-flex;
}
.sendbird-tooltip-wrapper__hover-tooltip {
  position: absolute;
  display: inline-flex;
  width: 200px;
}
.sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container {
  position: relative;
  display: inline-flex;
}
.sendbird-admin-message {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sendbird-admin-message .sendbird-admin-message__text {
  display: flex;
  text-align: center;
}
.sendbird-quote-message {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
}
.sendbird-quote-message.incoming {
  align-items: flex-start;
}
.sendbird-quote-message.outgoing {
  align-items: flex-end;
}
.sendbird-quote-message .sendbird-quote-message__replied-to {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  height: 16px;
  padding: 0px 12px;
  width: 100%;
}
.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
  position: relative;
  margin-bottom: 4px;
}
[dir="ltr"] .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
  margin-right: 4px;
}
[dir="rtl"] .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
  margin-left: 4px;
}
.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text {
  position: relative;
  max-width: 360px;
  overflow: hidden;
  overflow-x: hidden;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  font-size: 12px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__nickname {
  display: inline-block;
  max-width: 148px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__text {
  margin: 0px 4px;
}
.sendbird-quote-message .sendbird-quote-message__replied-message {
  position: relative;
  display: inline-flex;
}
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
  position: relative;
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 12px;
  padding: 8px 12px 16px 12px;
  border-radius: 16px;
  opacity: 0.5;
}
.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message .sendbird-quote-message__replied-message__text-message__word {
  position: relative;
  display: inline-flex;
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Below code is for multiline ellipsis.
  * These properties are not compatible with some browsers, and will be ignored on the unsupported browser.
  */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
  position: relative;
  width: 144px;
  height: 108px;
  border-radius: 6.4px;
  overflow: hidden;
}
.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__video,
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__image {
  position: absolute;
  top: 0px;
  display: inline-flex;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder {
  position: absolute;
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder .sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
  position: absolute;
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  top: 0px;
}
.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
  background-color: rgba(255, 255, 255, 0.4);
}
.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
  background-color: rgba(255, 255, 255, 0.4);
}
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
  background-color: rgb(255, 255, 255);
}
.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
  background-color: rgb(255, 255, 255);
}
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  font-size: 12px;
  padding: 8px 12px 16px 12px;
  border-radius: 16px;
  opacity: 0.5;
}
.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
  background-color: var(--sendbird-dark-background-500);
}
[dir="ltr"] .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon {
  margin-right: 2px;
}
[dir="rtl"] .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon {
  margin-left: 2px;
}
.sendbird-quote-message:hover {
  cursor: pointer;
}
.sendbird-quote-message.unavailable:hover {
  cursor: default;
}
.sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
  flex-direction: row-reverse;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
  padding-right: 0px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
  padding-left: 0px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-quote-message__replied-to {
  padding-left: 0px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-quote-message__replied-to {
  padding-right: 0px;
}
.sendbird-message__mobile-context-menu {
  border-radius: 8px;
  width: 180px;
}
.sendbird-message__contextmenu--hyperlink {
  display: flex;
  justify-content: space-between;
}
.sendbird-message__bottomsheet--hyperlink {
  display: block;
}
.sendbird-message__bottomsheet--hyperlink,
.sendbird-message__contextmenu--hyperlink {
  width: 100%;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-stretch: normal;
  font-style: normal;
  line-height: inherit;
  letter-spacing: inherit;
  font-family: inherit;
}
.sendbird-theme--light .sendbird-message__mobile-context-menu-item:not(:last-child) {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-message__mobile-context-menu-item:not(:last-child) {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-message__bottomsheet {
  width: 100vw;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 16px;
}
.sendbird-theme--light .sendbird-message__bottomsheet {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message__bottomsheet {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-message__bottomsheet-reaction-bar {
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
  margin-top: 0;
}
[dir="ltr"] .sendbird-message__bottomsheet-reaction-bar {
  padding-left: 0;
}
[dir="rtl"] .sendbird-message__bottomsheet-reaction-bar {
  padding-right: 0;
}
.sendbird-message__bottomsheet-reaction-bar__row {
  display: inline-block;
}
.sendbird-message__bottomsheet-reaction-bar__row.sendbird-message__bottomsheet-reaction-bar__all {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sendbird-message__bottomsheet--action {
  cursor: pointer;
  height: 48px;
  display: flex;
  align-items: center;
}
[dir="ltr"] .sendbird-message__bottomsheet--action {
  padding-left: 16px;
}
[dir="rtl"] .sendbird-message__bottomsheet--action {
  padding-right: 16px;
}
[dir="ltr"] .sendbird-message__bottomsheet--action .sendbird-icon {
  margin-right: 24px;
}
[dir="rtl"] .sendbird-message__bottomsheet--action .sendbird-icon {
  margin-left: 24px;
}
.sendbird-message__bottomsheet--action-disabled {
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-message__bottomsheet--action-disabled {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message__bottomsheet--action-disabled {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-ui-thread-replies {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: 20px;
  min-height: 20px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 10px;
  gap: 4px;
  border-radius: 16px;
}
.sendbird-theme--light .sendbird-ui-thread-replies {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-ui-thread-replies {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-ui-thread-replies:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-ui-thread-replies:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-ui-thread-replies:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-ui-thread-replies__user-profiles {
  position: relative;
  width: 100%;
  height: 100%;
  gap: 4px;
  display: inline-flex;
  flex-direction: row;
}
.sendbird-ui-thread-replies__user-profiles__avatar {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sendbird-ui-thread-replies__user-profiles__avatar__image {
  position: absolute;
  top: 0px;
  width: 20px;
  height: 20px;
}
[dir="ltr"] .sendbird-ui-thread-replies__user-profiles__avatar__image {
  left: 0px;
}
[dir="rtl"] .sendbird-ui-thread-replies__user-profiles__avatar__image {
  right: 0px;
}
.sendbird-ui-thread-replies__user-profiles__avatar__cover {
  position: absolute;
  top: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--sendbird-light-overlay-01);
}
[dir="ltr"] .sendbird-ui-thread-replies__user-profiles__avatar__cover {
  left: 0px;
}
[dir="rtl"] .sendbird-ui-thread-replies__user-profiles__avatar__cover {
  right: 0px;
}
.sendbird-ui-thread-replies__user-profiles__avatar__plus {
  position: absolute;
  top: 0px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
[dir="ltr"] .sendbird-ui-thread-replies__user-profiles__avatar__plus {
  left: 0px;
}
[dir="rtl"] .sendbird-ui-thread-replies__user-profiles__avatar__plus {
  right: 0px;
}
.sendbird-ui-thread-replies__reply-counts {
  position: relative;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 12px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
}
.sendbird-ui-thread-replies__icon {
  position: relative;
  display: inline-flex;
}
[dir="rtl"] .sendbird-ui-thread-replies__icon {
  transform: rotate(180deg);
}
.sendbird-og-message-item-body {
  position: relative;
  display: inline-block;
  width: 320px;
  min-width: 320px;
}
.sendbird--mobile-mode .sendbird-og-message-item-body {
  min-width: 160px;
}
.sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble {
  position: relative;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 16px 16px 0px 0px;
  word-break: break-word;
  white-space: pre-line;
}
.sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble .sendbird-og-message-item-body__text-bubble__message {
  display: inline;
  margin: 0px 2px;
}
.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail {
  position: relative;
  overflow: hidden;
}
.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail .sendbird-og-message-item-body__og-thumbnail__image {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sendbird-og-message-item-body.reactions .sendbird-og-message-item-body__description {
  border-radius: 0px;
}
.sendbird-og-message-item-body .sendbird-og-message-item-body__description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  border-radius: 0px 0px 16px 16px;
}
.sendbird-theme--light .sendbird-og-message-item-body .sendbird-og-message-item-body__description {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-og-message-item-body .sendbird-og-message-item-body__description {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__title,
.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__description {
  margin-bottom: 4px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__url {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  margin: 4px 0px;
}
.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail:hover,
.sendbird-og-message-item-body .sendbird-og-message-item-body__description:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-light-primary-300);
  color: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-dark-primary-200);
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-theme--light .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-light-background-100);
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-dark-background-500);
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description, .sendbird-theme--light .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description, .sendbird-theme--dark .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble, .sendbird-theme--light .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble, .sendbird-theme--dark .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble, .sendbird-theme--light .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble, .sendbird-theme--dark .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-og-message-item-body .sendbird-og-message-item-body__cover {
  display: none;
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  border-radius: 16px 16px 0px 0px;
}
[dir="ltr"] .sendbird-og-message-item-body .sendbird-og-message-item-body__cover {
  left: 0;
}
[dir="rtl"] .sendbird-og-message-item-body .sendbird-og-message-item-body__cover {
  right: 0;
}
div.sendbird-og-message-item-body__text-bubble {
  margin: 0px;
}
.sendbird-word {
  white-space: break-spaces;
}
.sendbird-word .sendbird-word__mention {
  display: inline-block;
}
.sendbird-word .sendbird-word__mention:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
  background-color: var(--sendbird-highlight-100);
}
.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
  background-color: var(--sendbird-highlight-100);
}
.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-link-label {
  text-decoration: unset;
}
.sendbird-link-label:hover {
  cursor: pointer;
  text-decoration: underline;
}
.sendbird-link-label:focus {
  outline: none;
}
.sendbird-link-label__label {
  display: inline;
}
.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1 {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1 {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2 {
  color: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2 {
  color: var(--sendbird-dark-ondark-02);
}
.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3 {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3 {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1 {
  color: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1 {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2 {
  color: var(--sendbird-light-ondark-02);
}
.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2 {
  color: var(--sendbird-dark-onlight-02);
}
.sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary {
  color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-link-label .sendbird-label--color-error {
  color: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error {
  color: var(--sendbird-dark-error-200);
}
.sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3 {
  color: var(--sendbird-light-secondary-300);
}
.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
  color: var(--sendbird-dark-secondary-200);
}
.sendbird-text-message-item-body {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  padding: 8px 12px;
  border-radius: 16px;
  white-space: pre-line;
  word-break: break-word;
}
.sendbird-text-message-item-body.reactions {
  border-radius: 16px 16px 0px 0px;
}
.sendbird-theme--light .sendbird-text-message-item-body.incoming {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-text-message-item-body.incoming {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-text-message-item-body.outgoing {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-text-message-item-body.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-text-message-item-body:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-text-message-item-body:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-text-message-item-body:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-text-message-item-body:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-text-message-item-body.disable-hover.mouse-hover.incoming, .sendbird-theme--light .sendbird-text-message-item-body.disable-hover:hover.incoming {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-text-message-item-body.disable-hover.mouse-hover.incoming, .sendbird-theme--dark .sendbird-text-message-item-body.disable-hover:hover.incoming {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-text-message-item-body.disable-hover.mouse-hover.outgoing, .sendbird-theme--light .sendbird-text-message-item-body.disable-hover:hover.outgoing {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-text-message-item-body.disable-hover.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-text-message-item-body.disable-hover:hover.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-text-message-item-body .sendbird-text-message-item-body__text-bubble__message {
  display: inline;
  margin: 0px 2px;
}
div.sendbird-text-message-item-body {
  margin: 0px;
}
.sendbird-file-message-item-body {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 12px;
  align-items: center;
  border-radius: 16px;
}
.sendbird-file-message-item-body.reactions {
  border-radius: 16px 16px 0px 0px;
}
.sendbird-theme--light .sendbird-file-message-item-body.outgoing {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-file-message-item-body.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-file-message-item-body.incoming {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-file-message-item-body.incoming {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-file-message-item-body:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-file-message-item-body:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-file-message-item-body:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-file-message-item-body:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
[dir="ltr"] .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
  margin-right: 8px;
}
[dir="rtl"] .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
  margin-left: 8px;
}
.sendbird-theme--light .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-file-message-item-body .sendbird-file-message-item-body__file-name {
  position: relative;
  top: -6px;
}
.sendbird-image-grid-wrap {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.sendbird-image-grid {
  border-radius: 12px;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(2, 1fr);
  padding: 4px;
  width: -moz-fit-content;
  width: fit-content;
}
.sendbird-theme--light .sendbird-image-grid {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-image-grid {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-image-grid.reactions {
  border-radius: 12px 12px 0 0;
}
.sendbird-fileviewer__header__right__actions__download,
.sendbird-fileviewer__header__right__actions__delete,
.sendbird-fileviewer__header__right__actions__close {
  width: 64px;
  padding: 21px;
  box-sizing: border-box;
  cursor: pointer;
}
.sendbird-fileviewer__header__right__actions__download .disabled,
.sendbird-fileviewer__header__right__actions__delete .disabled,
.sendbird-fileviewer__header__right__actions__close .disabled {
  cursor: not-allowed;
}
.sendbird-fileviewer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100000;
}
[dir="ltr"] .sendbird-fileviewer {
  left: 0;
}
[dir="rtl"] .sendbird-fileviewer {
  right: 0;
}
.sendbird-theme--light .sendbird-fileviewer {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-fileviewer {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-fileviewer .sendbird-fileviewer__header {
  height: 64px;
  min-height: 64px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  overflow: hidden;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
  display: flex;
  margin-inline-end: 8px;
}
.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
  margin-inline-end: 12px;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container {
  flex-direction: column;
  align-items: unset;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-inline-end: 8px;
  padding-top: 3px;
}
.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename {
  display: block;
  max-width: calc(100vw - 240px);
  padding-top: 0;
  margin-inline-end: 0;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__sender-name {
  line-height: 1.1;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right {
  display: flex;
  width: 160px;
  justify-content: flex-end;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
  display: flex;
  flex-direction: row;
}
[dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
  right: 0;
}
[dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
  left: 0;
}
[dir="ltr"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}
[dir="rtl"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-right: 1px solid var(--sendbird-light-onlight-04);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-left: 1px solid var(--sendbird-dark-ondark-04);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-right: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-fileviewer .sendbird-fileviewer__content {
  position: relative;
  height: calc(100% - 72px);
  margin-top: 4px;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__video {
  max-width: 100%;
  max-height: 100%;
}
.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img {
  max-width: 90%;
  max-height: 90%;
}
.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img__multi {
  max-width: calc(100% - 64px - 56px);
  max-height: calc(100% - 64px);
}
.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__unsupported {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sendbird-file-viewer-arrow--left,
.sendbird-file-viewer-arrow--right {
  cursor: pointer;
  position: absolute;
  height: 32px;
  width: 32px;
  top: calc(50% - 16px);
}
.sendbird-file-viewer-arrow--left {
  left: 14px;
}
.sendbird-file-viewer-arrow--right {
  right: 14px;
  transform: rotate(180deg);
}
.sendbird-multiple-files-image-renderer-wrapper {
  cursor: pointer;
  width: 100%;
}
.sendbird-multiple-files-image-renderer__thumbnail__placeholder {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  border-radius: 16px;
  align-items: center;
}
.sendbird-theme--light .sendbird-multiple-files-image-renderer__thumbnail__placeholder {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-multiple-files-image-renderer__thumbnail__placeholder {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-multiple-files-image-renderer__thumbnail__placeholder .sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--sendbird-light-ondark-01);
}
.sendbird-voice-message-item-body {
  position: relative;
  display: inline-flex;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.sendbird-voice-message-item-body.is-reactions-contained {
  border-radius: 16px 16px 0px 0px;
}
.sendbird-voice-message-item-body__progress-bar {
  position: absolute;
  width: 100%;
  height: 50px;
}
.sendbird-voice-message-item-body__status-button {
  position: relative;
  top: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
}
[dir="ltr"] .sendbird-voice-message-item-body__status-button {
  left: 12px;
}
[dir="rtl"] .sendbird-voice-message-item-body__status-button {
  right: 12px;
}
.sendbird-voice-message-item-body__status-button__button {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.sendbird-theme--light .sendbird-voice-message-item-body__status-button__button {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-voice-message-item-body__playback-time {
  position: absolute;
  top: 15px;
}
[dir="ltr"] .sendbird-voice-message-item-body__playback-time {
  right: 12px;
}
[dir="rtl"] .sendbird-voice-message-item-body__playback-time {
  left: 12px;
}
.sendbird-voice-message-item-body__status-button__button__pause {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 13.75px;
  height: 13.75px;
}
.sendbird-voice-message-item-body__status-button__button__pause__inner {
  position: relative;
  display: inline-flex;
  width: 4.38px;
  height: 13.75px;
  border-radius: 2px;
}
.sendbird-theme--light .sendbird-voice-message-item-body__status-button__button__pause__inner {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button__pause__inner {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-progress-bar, .sendbird-progress-bar__fill {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.sendbird-progress-bar {
  justify-content: flex-start;
}
.sendbird-theme--light .sendbird-progress-bar__fill {
  background-color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-progress-bar__fill {
  background-color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light .progress-bar-color--primary {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .progress-bar-color--primary {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--light .progress-bar-color--gray {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--dark .progress-bar-color--gray {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-progress-bar.progress-bar--disabled .sendbird-progress-bar__fill {
  background-color: transparent;
}
.sendbird-thumbnail-message-item-body {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  min-width: 360px;
  max-width: 400px;
  height: 270px;
  border-radius: 16px;
}
.sendbird--mobile-mode .sendbird-thumbnail-message-item-body {
  min-width: 160px;
}
.sendbird-thumbnail-message-item-body.reactions {
  border-radius: 16px 16px 0px 0px;
}
.sendbird-theme--light .sendbird-thumbnail-message-item-body {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-thumbnail-message-item-body {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--light .sendbird-thumbnail-message-item-body:hover {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--dark .sendbird-thumbnail-message-item-body:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__thumbnail {
  position: absolute;
  border-radius: 16px;
}
.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder {
  position: absolute;
  width: 100%;
  height: 270px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder .sendbird-thumbnail-message-item-body__placeholder__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--sendbird-light-background-50);
}
.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__image-cover {
  position: absolute;
  top: 0px;
  display: none;
  width: 100%;
  height: 270px;
  border-radius: 16px;
  background-color: var(--sendbird-light-overlay-01);
}
.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__video {
  position: absolute;
  width: 100%;
  height: 270px;
  border-radius: 16px;
}
.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper {
  position: absolute;
  width: 100%;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper .sendbird-thumbnail-message-item-body__icon-wrapper__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--sendbird-light-ondark-01);
}
.sendbird-thumbnail-message-item-body:hover {
  cursor: pointer;
}
.sendbird-thumbnail-message-item-body:hover .sendbird-thumbnail-message-item-body__image-cover {
  display: inline-flex;
}
.sendbird-unknown-message-item-body {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 12px;
  border-radius: 16px;
}
.sendbird-unknown-message-item-body.reactions {
  border-radius: 16px 16px 0px 0px;
}
.sendbird-theme--light .sendbird-unknown-message-item-body.outgoing {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-unknown-message-item-body.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-unknown-message-item-body.incoming {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-unknown-message-item-body.incoming {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__header {
  display: block;
}
.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description {
  display: block;
}
.sendbird-template-message-item-body {
  max-width: 100%;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  background-color: transparent;
  white-space: pre-line;
  word-break: break-word;
}
.sendbird-template-message-item-body__fallback_message {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  padding: 8px 12px;
  border-radius: 16px;
  white-space: pre-line;
  word-break: break-word;
}
.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.incoming {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.incoming {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.outgoing {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming, .sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming, .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing, .sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__header {
  display: block;
}
.sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__description {
  display: block;
}
.sendbird-template-loading-message-item-body {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  border-radius: 16px;
  height: 274px;
  width: 100%;
}
.sendbird-theme--light .sendbird-template-loading-message-item-body.incoming {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-template-loading-message-item-body.incoming {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-template-loading-message-item-body.outgoing {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-template-loading-message-item-body.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-template-loading-message-item-body:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-template-loading-message-item-body:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}
.sb-message-template__border {
  position: relative;
}
.sb-message-template__border::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-radius: var(--border-radius);
  pointer-events: none;
}
.sb-message-template__action {
  cursor: pointer;
}
.sb-message-template__parent {
  font-family: 'Roboto', serif;
}
.sb-message-template__text {
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
[dir="ltr"] .sb-message-template__text {
  text-align: left;
}
[dir="rtl"] .sb-message-template__text {
  text-align: right;
}
.sb-message-template__text-button {
  font-family: inherit;
  background-color: #e0e0e0;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
.sendbird-theme--light .sb-message-template__text-button {
  color: #742ddd;
}
.sendbird-theme--dark .sb-message-template__text-button {
  color: #c2a9fa;
}
.sb-message-template__text-button:hover {
  opacity: 1;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.sb-message-template__text-button,
.sb-message-template__image-button {
  cursor: pointer;
  border-style: none;
}
.sb-message-template__parent {
  border-radius: unset;
  background-color: transparent;
  overflow: hidden;
}
.sb-message-template__parent * {
  box-sizing: border-box;
  line-height: 1.3;
}
.sb-message-template__carousel {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  touch-action: pan-y;
}
.sendbird-message-template__root * {
  box-sizing: border-box;
}
.sendbird-message-template__root {
  border-radius: 0;
  font-family: var(--sendbird-font-family-default);
}
.sendbird-theme--light {
  --form__chip__color__selected-focus: var(--sendbird-light-primary-300);
  --form__chip__color__submitted-default: var(--sendbird-light-onlight-02);
  --form__chip__bg-color__default: var(--sendbird-light-background-50);
  --form__chip__bg-color__selected: var(--sendbird-light-primary-100);
  --form__chip__bg-color__selected-hover: var(--sendbird-light-background-50);
  --form__chip__bg-color__selected-focus: var(--sendbird-light-background-50);
  --form__chip__bg-color__submitted-default: var(--sendbird-dark-ondark-02);
  --form__chip__bg-color__submitted-selected: var(--sendbird-dark-ondark-02);
  --form__chip__bd-color__default-focus: var(--sendbird-light-primary-300);
  --form__chip__bd-color__selected-focus: var(--sendbird-light-primary-300);
  --form__submitted-input-box__color: var(--sendbird-dark-onlight-01);
  --form__submitted-input-box__bg-color: var(--sendbird-dark-ondark-02);
  --form__submit-button__color__disabled: var(--sendbird-light-background-50);
  --form__submit-button__bg-color__disabled: var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark {
  --form__chip__color__selected-focus: var(--sendbird-dark-ondark-02);
  --form__chip__color__submitted-default: var(--sendbird-dark-ondark-04);
  --form__chip__bg-color__default: var(--sendbird-light-onlight-03);
  --form__chip__bg-color__selected: var(--sendbird-dark-background-600);
  --form__chip__bg-color__selected-hover: var(--sendbird-light-onlight-03);
  --form__chip__bg-color__selected-focus: var(--sendbird-light-onlight-03);
  --form__chip__bg-color__submitted-default: var(--sendbird-light-onlight-04);
  --form__chip__bg-color__submitted-selected: var(--sendbird-light-onlight-04);
  --form__chip__bd-color__default-focus: var(--sendbird-dark-ondark-02);
  --form__chip__bd-color__selected-focus: var(--sendbird-dark-ondark-02);
  --form__submitted-input-box__color: var(--sendbird-dark-ondark-01);
  --form__submitted-input-box__bg-color: var(--sendbird-light-onlight-04);
  --form__submit-button__color__disabled: var(--sendbird-light-onlight-01);
  --form__submit-button__bg-color__disabled: var(--sendbird-dark-ondark-04);
}
.sendbird-form-message__submit-button {
  width: 100%;
}
.sendbird-form-message__submit-button.sendbird-button__disabled {
  cursor: not-allowed;
}
.sendbird-form-message__submit-button.sendbird-button__disabled.sendbird-button--primary .sendbird-button__text {
  color: var(--form__submit-button__color__disabled);
}
.sendbird-theme--light .sendbird-form-message__submit-button.sendbird-button__disabled {
  background-color: var(--form__submit-button__bg-color__disabled);
  border: none;
}
.sendbird-theme--light .sendbird-form-message__submit-button.sendbird-button__disabled:hover {
  background-color: var(--form__submit-button__bg-color__disabled);
}
.sendbird-theme--dark .sendbird-form-message__submit-button.sendbird-button__disabled {
  background-color: var(--form__submit-button__bg-color__disabled);
  border: none;
}
.sendbird-theme--dark .sendbird-form-message__submit-button.sendbird-button__disabled:hover {
  background-color: var(--form__submit-button__bg-color__disabled);
}
.sendbird-form-message__input__label {
  line-height: 14px;
  display: block;
  font-weight: 500;
  margin-bottom: 6px;
}
.sendbird-form-message__input__title-container {
  display: inline-block;
}
.sendbird-form-message__input__container {
  width: 100%;
  position: relative;
}
.sendbird-theme--light .sendbird-form-message__input__title-optional {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-form-message__input__title-optional {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-form-message__input__root {
  padding-bottom: 12px;
  width: 100%;
  font-family: var(--sendbird-font-family-default);
}
.sendbird-form-message__input__textarea {
  display: block;
  resize: none;
  height: 96px !important;
  padding: 7px 12px !important;
}
.sendbird-theme--light .sendbird-form-message__input__textarea ::-moz-placeholder {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--light .sendbird-form-message__input__textarea ::placeholder {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-form-message__input__textarea ::-moz-placeholder {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--dark .sendbird-form-message__input__textarea ::placeholder {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-form-message__error-label {
  margin-top: 4px;
  color: var(--sendbird-light-error-300);
}
.sendbird-form-message__submitted-input-box-text {
  width: calc(100% - 24px);
  line-height: 20px;
}
.sendbird-form-message__root.sendbird-form-message__root {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 12px;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 220px;
  border-radius: 16px;
  overflow: hidden;
}
.sendbird--mobile-mode .sendbird-form-message__root.sendbird-form-message__root {
  max-width: calc(100vw - 164px);
}
.sendbird-form-message__input__chip-container {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: wrap;
}
[dir="ltr"] .sendbird-form-message__submitted-check-icon-chip {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-form-message__submitted-check-icon-chip {
  margin-right: 4px;
}
.sendbird-form-message__submitted-check-icon-container {
  display: flex;
  height: auto;
  align-items: flex-end;
}
.sendbird-form-message__submitted-input-box {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  display: flex;
  word-wrap: break-word;
  width: calc(100% - 24px);
  color: var(--form__submitted-input-box__color);
  background-color: var(--form__submitted-input-box__bg-color);
  border: none;
  pointer-events: none;
  border-radius: 4px;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  padding: 8px 12px;
  min-height: 20px;
}
.sendbird-form-message__submitted-input-box.textarea {
  padding: 9px 12px;
  min-height: 78px;
}
.sendbird-form-message__input__chip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
}
.sendbird-form-message__input__chip {
  border-radius: 100px;
  padding: 5px 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: calc(100% - 32px);
}
.sendbird-theme--light .sendbird-form-message__input__chip.default {
  color: var(--sendbird-light-onlight-02);
  border: 1px solid var(--sendbird-light-onlight-04);
  cursor: pointer;
  background-color: var(--form__chip__bg-color__default);
}
.sendbird-theme--light .sendbird-form-message__input__chip.default:hover {
  color: var(--sendbird-light-primary-300);
  border: 1px solid var(--sendbird-light-primary-300);
}
.sendbird-theme--light .sendbird-form-message__input__chip.default:focus {
  color: var(--sendbird-light-onlight-02);
  border: 1px solid var(--form__chip__bd-color__default-focus);
  outline: none;
  box-shadow: 0 0 0 1px var(--form__chip__bd-color__default-focus);
}
.sendbird-theme--dark .sendbird-form-message__input__chip.default {
  color: var(--sendbird-dark-ondark-02);
  border: 1px solid var(--sendbird-dark-ondark-04);
  cursor: pointer;
  background-color: var(--form__chip__bg-color__default);
}
.sendbird-theme--dark .sendbird-form-message__input__chip.default:hover {
  color: var(--sendbird-dark-primary-200);
  border: 1px solid var(--sendbird-dark-primary-200);
}
.sendbird-theme--dark .sendbird-form-message__input__chip.default:focus {
  color: var(--sendbird-dark-ondark-02);
  border: 1px solid var(--form__chip__bd-color__default-focus);
  outline: none;
  box-shadow: 0 0 0 1px var(--form__chip__bd-color__default-focus);
}
.sendbird-theme--light .sendbird-form-message__input__chip.selected {
  color: var(--sendbird-light-primary-300);
  background-color: var(--form__chip__bg-color__selected);
  border: 1px solid var(--sendbird-light-primary-300);
  cursor: pointer;
}
.sendbird-theme--light .sendbird-form-message__input__chip.selected:hover {
  color: var(--sendbird-light-primary-300);
  background-color: var(--form__chip__bg-color__selected-hover);
  border: 1px solid var(--sendbird-light-primary-300);
}
.sendbird-theme--light .sendbird-form-message__input__chip.selected:focus {
  color: var(--form__chip__color__selected-focus);
  background-color: var(--form__chip__bg-color__selected-focus);
  border: 1px solid var(--form__chip__bd-color__selected-focus);
  outline: none;
  box-shadow: 0 0 0 1px var(--form__chip__bd-color__selected-focus);
}
.sendbird-theme--dark .sendbird-form-message__input__chip.selected {
  color: var(--sendbird-dark-primary-200);
  background-color: var(--form__chip__bg-color__selected);
  border: 1px solid var(--sendbird-dark-primary-200);
  cursor: pointer;
}
.sendbird-theme--dark .sendbird-form-message__input__chip.selected:hover {
  color: var(--sendbird-dark-primary-200);
  background-color: var(--form__chip__bg-color__selected-hover);
  border: 1px solid var(--sendbird-dark-primary-200);
}
.sendbird-theme--dark .sendbird-form-message__input__chip.selected:focus {
  color: var(--form__chip__color__selected-focus);
  background-color: var(--form__chip__bg-color__selected-focus);
  border: 1px solid var(--form__chip__bd-color__selected-focus);
  outline: none;
  box-shadow: 0 0 0 1px var(--form__chip__bd-color__selected-focus);
}
.sendbird-form-message__input__chip.submittedDefault {
  border: none;
  cursor: default;
  padding: 6px 12px;
}
.sendbird-theme--light .sendbird-form-message__input__chip.submittedDefault {
  color: var(--form__chip__color__submitted-default);
  background-color: var(--form__chip__bg-color__submitted-default);
}
.sendbird-theme--dark .sendbird-form-message__input__chip.submittedDefault {
  color: var(--form__chip__color__submitted-default);
  background-color: var(--form__chip__bg-color__submitted-default);
}
.sendbird-form-message__input__chip.submittedSelected {
  border: none;
  cursor: default;
  padding: 6px 12px;
}
.sendbird-theme--light .sendbird-form-message__input__chip.submittedSelected {
  color: var(--sendbird-light-onlight-01);
  background-color: var(--form__chip__bg-color__submitted-selected);
}
.sendbird-theme--dark .sendbird-form-message__input__chip.submittedSelected {
  color: var(--sendbird-dark-ondark-01);
  background-color: var(--form__chip__bg-color__submitted-selected);
}
.sendbird--mobile-mode .sendbird-message-feedback-modal-content__mobile {
  max-width: 280px;
  padding: 16px;
}
.sendbird-message-feedback-modal-footer__root {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sendbird-message-feedback-modal-footer__root_failed {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 48px;
}
.sendbird-message-feedback-modal-footer__right-content {
  display: flex;
  gap: 8px;
}
.sendbird-message-feedback-modal-body__root {
  margin: 21px 0;
}
.sendbird--mobile-mode .sendbird-message-feedback-modal-header {
  font-size: 18px;
  line-height: 1.33;
}
.sendbird-iconbutton__feedback {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  border-radius: 18px;
  border: 1px solid;
  padding: 5px 8px;
}
.sendbird-theme--light .sendbird-iconbutton__feedback {
  border-color: var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-iconbutton__feedback {
  border-color: var(--sendbird-dark-ondark-04);
}
.sendbird-theme--light .sendbird-iconbutton__feedback:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-iconbutton__feedback:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled {
  cursor: not-allowed;
}
.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled:hover {
  background-color: transparent;
}
.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed:hover {
  background-color: transparent;
}
.sendbird-theme--light .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed {
  border-color: var(--sendbird-light-primary-300);
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed {
  border-color: var(--sendbird-dark-primary-200);
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-iconbutton__feedback__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sendbird-theme--light .sendbird-iconbutton__feedback__inner svg path {
  fill: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-iconbutton__feedback__inner svg path {
  fill: var(--sendbird-dark-ondark-02);
}
.sendbird-theme--light .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path {
  fill: var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path {
  fill: var(--sendbird-dark-ondark-04);
}
.sendbird-theme--light .sendbird-iconbutton__feedback__inner__pressed svg path {
  fill: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-iconbutton__feedback__inner__pressed svg path {
  fill: var(--sendbird-dark-onlight-01);
}
.sendbird-message__bottomsheet--feedback-options-menu {
  width: 100vw;
  border-radius: 8px 8px 0 0;
}
.sendbird-theme--light .sendbird-message__bottomsheet--feedback-options-menu {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message__bottomsheet--feedback-options-menu {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-message__bottomsheet--feedback-options-menu :first-child {
  border-radius: 8px 8px 0 0;
}
.sendbird-message__bottomsheet--feedback-option {
  cursor: pointer;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 24px;
}
.sendbird-input {
  display: inline-block;
  width: 100%;
  height: 40px;
  position: relative;
}
.sendbird-input .sendbird-input__input {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  padding: 10px 16px;
  box-sizing: border-box;
  background-color: inherit;
}
.sendbird-theme--light .sendbird-input .sendbird-input__input {
  color: var(--sendbird-light-onlight-01);
  caret-color: var(--sendbird-light-primary-300);
  border: solid 1px var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-input .sendbird-input__input {
  color: var(--sendbird-dark-ondark-01);
  caret-color: var(--sendbird-dark-primary-200);
  border: solid 1px var(--sendbird-dark-ondark-03);
}
.sendbird-input .sendbird-input__input:focus {
  outline: none;
}
.sendbird-theme--light .sendbird-input .sendbird-input__input:focus {
  box-shadow: 0 1px 5px 0 var(--sendbird-light-onlight-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--sendbird-light-onlight-01);
  border: solid 2px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-input .sendbird-input__input:focus {
  box-shadow: 0 1px 5px 0 var(--sendbird-dark-ondark-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--sendbird-dark-ondark-01);
  border: solid 2px var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-input .sendbird-input__input:active {
  box-shadow: 0 1px 5px 0 var(--sendbird-light-onlight-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--sendbird-light-onlight-01);
  border: solid 1px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-input .sendbird-input__input:active {
  box-shadow: 0 1px 5px 0 var(--sendbird-dark-ondark-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--sendbird-dark-ondark-01);
  border: solid 1px var(--sendbird-dark-primary-200);
}
.sendbird-input .sendbird-input__input:disabled {
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-input .sendbird-input__input:disabled {
  background-color: var(--sendbird-light-background-100);
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-input .sendbird-input__input:disabled {
  background-color: var(--sendbird-dark-background-500);
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-input .sendbird-input__placeholder {
  position: absolute;
  pointer-events: none;
  top: 10px;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  line-height: 1.43;
}
[dir="ltr"] .sendbird-input .sendbird-input__placeholder {
  left: 16px;
}
[dir="rtl"] .sendbird-input .sendbird-input__placeholder {
  right: 16px;
}
.sendbird-theme--light .sendbird-input .sendbird-input__placeholder {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-input .sendbird-input__placeholder {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--light {
  --form__input__bg-color_default: var(--sendbird-light-background-50);
  --form__input__bg-color_disabled: var(--sendbird-dark-ondark-02);
  --form__input__bd-color_error: var(--sendbird-light-error-300);
}
.sendbird-theme--dark {
  --form__input__bg-color_default: var(--sendbird-light-onlight-03);
  --form__input__bg-color_disabled: var(--sendbird-light-onlight-04);
  --form__input__bd-color_error: var(--sendbird-dark-error-200);
}
.sendbird-input_for_form {
  display: inline-block;
  width: 100%;
  height: unset;
  position: relative;
}
.sendbird-input_for_form .sendbird-input__input {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 4px;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  padding: 7px 12px;
  box-sizing: border-box;
  background-color: inherit;
}
.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input {
  caret-color: var(--sendbird-light-primary-300);
  color: var(--sendbird-light-onlight-01);
  background-color: var(--form__input__bg-color_default);
  border: solid 1px var(--sendbird-light-onlight-04);
}
.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input:disabled {
  pointer-events: none;
  border: none;
  cursor: not-allowed;
  background-color: var(--form__input__bg-color_disabled);
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input:focus {
  border: solid 1px var(--sendbird-light-primary-300) !important;
  outline: none;
  box-shadow: 0 0 0 1px var(--sendbird-light-primary-300);
}
.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input:active {
  box-shadow: none;
  border: solid 1px var(--sendbird-light-primary-300);
}
.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input.error {
  border: solid 1px var(--form__input__bd-color_error);
}
.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input {
  caret-color: var(--sendbird-dark-primary-200);
  color: var(--sendbird-dark-ondark-01);
  background-color: var(--form__input__bg-color_default);
  border: solid 1px var(--sendbird-dark-ondark-04);
}
.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input:disabled {
  pointer-events: none;
  border: none;
  cursor: not-allowed;
  background-color: var(--form__input__bg-color_disabled);
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input:focus {
  border: solid 1px var(--sendbird-dark-primary-200) !important;
  outline: none;
  box-shadow: 0 0 0 1px var(--sendbird-dark-primary-200);
}
.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input:active {
  box-shadow: none;
  border: solid 1px var(--sendbird-dark-primary-200);
}
.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input.error {
  border: solid 1px var(--form__input__bd-color_error);
}
.sendbird-input_for_form .sendbird-input__placeholder {
  width: calc(100% - 26px);
  height: calc(100% - 16px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: absolute;
  pointer-events: none;
  top: 8px;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  line-height: 1.43;
}
[dir="ltr"] .sendbird-input_for_form .sendbird-input__placeholder {
  left: 13px;
}
[dir="rtl"] .sendbird-input_for_form .sendbird-input__placeholder {
  right: 13px;
}
.sendbird-theme--light .sendbird-input_for_form .sendbird-input__placeholder {
  color: var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__placeholder {
  color: var(--sendbird-dark-ondark-03);
}
.sendbird-input_for_form .sendbird-input__placeholder.textarea {
  -webkit-line-clamp: 4;
}
.sendbird-input-label {
  margin: 4px 0;
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-suggested-replies {
  position: relative;
  display: flex;
  margin-top: 8px;
  margin-bottom: 16px;
}
.sendbird-suggested-replies.vertical {
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
}
.sendbird-suggested-replies.vertical .sendbird-suggested-replies__option:not(:first-child) {
  margin-top: 8px;
}
.sendbird-suggested-replies.horizontal {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
}
.sendbird--mobile-mode .sendbird-suggested-replies.horizontal {
  margin-left: -12px;
  margin-right: -12px;
}
[dir="ltr"] .sendbird--mobile-mode .sendbird-suggested-replies.horizontal {
  padding-left: 52px;
  padding-right: 12px;
}
[dir="rtl"] .sendbird--mobile-mode .sendbird-suggested-replies.horizontal {
  padding-right: 52px;
  padding-left: 12px;
}
[dir="ltr"] .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child) {
  margin-right: 8px;
}
[dir="rtl"] .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child) {
  margin-left: 8px;
}
.sendbird-suggested-replies::-webkit-scrollbar {
  display: none;
}
.sendbird-theme--light .sendbird-suggested-replies {
  font-family: var(--sendbird-font-family-default);
}
.sendbird-theme--dark .sendbird-suggested-replies {
  font-family: var(--sendbird-font-family-default);
}
.sendbird-suggested-replies__option {
  white-space: pre-wrap;
  font-size: 12px;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  border-radius: 18px;
  cursor: pointer;
  word-break: break-word;
}
.sendbird-theme--light .sendbird-suggested-replies__option {
  color: var(--sendbird-light-primary-300);
  border: 1px solid var(--sendbird-light-primary-300);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-suggested-replies__option {
  color: var(--sendbird-dark-primary-200);
  border: 1px solid var(--sendbird-dark-primary-200);
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-theme--light .sendbird-suggested-replies__option:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-suggested-replies__option:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-suggested-replies__option:active {
  background-color: var(--sendbird-light-primary-300);
  color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-suggested-replies__option:active {
  background-color: var(--sendbird-dark-primary-200);
  color: var(--sendbird-dark-background-600);
}
.sendbird-suggested-replies__option.horizontal {
  white-space: nowrap;
}
.sendbird-suggested-replies__option.vertical {
  white-space: pre-wrap;
  max-width: calc(100% - 70px);
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-mention-suggest-list {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 56px);
  max-height: 260px;
  overflow: scroll;
  margin-left: 28px;
  margin-right: 28px;
}
.sendbird-theme--light .sendbird-mention-suggest-list {
  border: 1px solid var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-mention-suggest-list {
  border: 1px solid var(--sendbird-dark-background-500);
}
.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 8px;
}
.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__avatar {
  position: relative;
  display: inline-block;
}
.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  position: relative;
  display: inline-block;
  max-width: calc(100% - 250px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="ltr"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  margin-left: 16px;
}
[dir="rtl"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  margin-right: 16px;
}
.sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  max-width: calc(100% - 150px);
}
.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  position: absolute;
  display: inline-block;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="ltr"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  right: 16px;
}
[dir="rtl"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  left: 16px;
}
.sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  max-width: 100px;
}
.sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 8px;
}
.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
  background-color: var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon {
  margin-right: 4px;
}
[dir="rtl"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon {
  margin-left: 4px;
}
.sendbird-separator {
  width: 100%;
  display: flex;
  align-items: center;
}
.sendbird-separator .sendbird-separator__left {
  border: none;
  height: 1px;
  display: inline-block;
  width: 100%;
}
.sendbird-separator .sendbird-separator__right {
  border: none;
  height: 1px;
  display: inline-block;
  width: 100%;
}
.sendbird-separator .sendbird-separator__text {
  margin: 0px 16px;
  display: flex;
  white-space: nowrap;
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-fileviewer__header__right__actions__download,
.sendbird-fileviewer__header__right__actions__delete,
.sendbird-fileviewer__header__right__actions__close {
  width: 64px;
  padding: 21px;
  box-sizing: border-box;
  cursor: pointer;
}
.sendbird-fileviewer__header__right__actions__download .disabled,
.sendbird-fileviewer__header__right__actions__delete .disabled,
.sendbird-fileviewer__header__right__actions__close .disabled {
  cursor: not-allowed;
}
.sendbird-fileviewer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100000;
}
[dir="ltr"] .sendbird-fileviewer {
  left: 0;
}
[dir="rtl"] .sendbird-fileviewer {
  right: 0;
}
.sendbird-theme--light .sendbird-fileviewer {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-fileviewer {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-fileviewer .sendbird-fileviewer__header {
  height: 64px;
  min-height: 64px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header {
  position: relative;
}
.sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  overflow: hidden;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
  display: flex;
  margin-inline-end: 8px;
}
.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
  margin-inline-end: 12px;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container {
  flex-direction: column;
  align-items: unset;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-inline-end: 8px;
  padding-top: 3px;
}
.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename {
  display: block;
  max-width: calc(100vw - 240px);
  padding-top: 0;
  margin-inline-end: 0;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__sender-name {
  line-height: 1.1;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right {
  display: flex;
  width: 160px;
  justify-content: flex-end;
}
.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
  display: flex;
  flex-direction: row;
}
[dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
  right: 0;
}
[dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
  left: 0;
}
[dir="ltr"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}
[dir="rtl"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-right: 1px solid var(--sendbird-light-onlight-04);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-left: 1px solid var(--sendbird-dark-ondark-04);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-right: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-fileviewer .sendbird-fileviewer__content {
  height: calc(100% - 72px);
  margin-top: 4px;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__video {
  max-width: 100%;
  max-height: 100%;
}
.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img {
  max-width: 90%;
  max-height: 90%;
}
.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__unsupported {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-notification--hide,
.sendbird-notification {
  position: absolute;
}
.sendbird-notification {
  margin-top: 8px;
  margin-left: 24px;
  margin-right: 24px;
  border-radius: 4px;
  padding: 0px 2px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sendbird-theme--light .sendbird-notification {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-notification {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-notification:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-notification:hover {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-notification:hover {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-light-information-100);
}
.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-dark-information-100);
}
.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-notification .sendbird-notification__text {
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir="ltr"] .sendbird-notification .sendbird-notification__text {
  margin-right: 8px;
}
[dir="rtl"] .sendbird-notification .sendbird-notification__text {
  margin-left: 8px;
}
.sendbird-notification--hide {
  display: none;
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-unread-floating-button {
  position: absolute;
  top: 8px;
  width: 181px;
  height: 40px;
  border-radius: 20px;
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease-in-out;
  z-index: 5;
  background-color: #FFFFFF;
}
[dir="ltr"] .sendbird-unread-floating-button {
  left: 50%;
  transform: translateX(-50%);
}
[dir="rtl"] .sendbird-unread-floating-button {
  right: 50%;
  transform: translateX(50%);
}
.sendbird-unread-floating-button.sendbird-unread-floating-button--below-frozen {
  top: 48px;
}
.sendbird-unread-floating-button:hover {
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  background-color: #F5F5F5;
}
[dir="ltr"] .sendbird-unread-floating-button:hover {
  transform: translateX(-50%) translateY(-1px);
}
[dir="rtl"] .sendbird-unread-floating-button:hover {
  transform: translateX(50%) translateY(-1px);
}
.sendbird-unread-floating-button .sendbird-unread-floating-button__text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.5019607843);
  line-height: 1;
  font-size: 14px;
  text-align: center;
  height: 100%;
}
.sendbird-unread-floating-button .sendbird-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sendbird-unread-floating-button .sendbird-icon svg {
  display: block;
  vertical-align: middle;
}
.sendbird-unread-floating-button--hide {
  display: none;
}
.sendbird-notification--hide,
.sendbird-notification {
  position: absolute;
}
.sendbird-notification {
  margin-top: 8px;
  margin-left: 24px;
  margin-right: 24px;
  border-radius: 4px;
  padding: 0px 2px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sendbird-theme--light .sendbird-notification {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-notification {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-notification:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-notification:hover {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-notification:hover {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-light-information-100);
}
.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-dark-information-100);
}
.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-notification .sendbird-notification__text {
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir="ltr"] .sendbird-notification .sendbird-notification__text {
  margin-right: 8px;
}
[dir="rtl"] .sendbird-notification .sendbird-notification__text {
  margin-left: 8px;
}
.sendbird-notification--hide {
  display: none;
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-new-message-floating-button {
  position: absolute;
  bottom: 8px;
  width: 155px;
  height: 40px;
  border-radius: 20px;
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease-in-out;
  z-index: 5;
  background-color: #FFFFFF;
}
[dir="ltr"] .sendbird-new-message-floating-button {
  left: 50%;
  transform: translateX(-50%);
}
[dir="rtl"] .sendbird-new-message-floating-button {
  right: 50%;
  transform: translateX(50%);
}
.sendbird-new-message-floating-button:hover {
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  background-color: #F5F5F5;
}
[dir="ltr"] .sendbird-new-message-floating-button:hover {
  transform: translateX(-50%) translateY(-1px);
}
[dir="rtl"] .sendbird-new-message-floating-button:hover {
  transform: translateX(50%) translateY(-1px);
}
.sendbird-new-message-floating-button .sendbird-new-message-floating-button__text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #742DDD;
  line-height: 1;
  font-size: 14px;
  text-align: center;
  height: 100%;
}
.sendbird-new-message-floating-button .sendbird-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sendbird-new-message-floating-button .sendbird-icon svg {
  display: block;
  vertical-align: middle;
}
.sendbird-new-message-floating-button--hide {
  display: none;
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-notification {
  margin-top: 8px;
  margin-left: 24px;
  margin-right: 24px;
  border-radius: 4px;
  padding: 0px 2px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sendbird-theme--light .sendbird-notification {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-notification {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-notification:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-notification:hover {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-notification:hover {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-light-information-100);
}
.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-dark-information-100);
}
.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-notification .sendbird-notification__text {
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir="ltr"] .sendbird-notification .sendbird-notification__text {
  margin-right: 8px;
}
[dir="rtl"] .sendbird-notification .sendbird-notification__text {
  margin-left: 8px;
}
.typing-dots-container {
  align-items: center;
  border-radius: 16px;
  display: flex;
  gap: 6px;
  justify-content: center;
  padding: 16px 12px;
}
.sendbird-theme--light .typing-dots-container {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .typing-dots-container {
  background-color: var(--sendbird-dark-background-400);
}
.typing-dots-container span {
  animation: blink 1.4s infinite;
  animation-fill-mode: both;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.sendbird-theme--light .typing-dots-container span {
  background-color: var(--sendbird-light-background-700);
}
.sendbird-theme--dark .typing-dots-container span {
  background-color: var(--sendbird-dark-background-50);
}
.typing-dots-container span:nth-child(1) {
  animation-delay: 0.4s;
}
.typing-dots-container span:nth-child(2) {
  animation-delay: 0.6s;
}
.typing-dots-container span:nth-child(3) {
  animation-delay: 0.8s;
}
@keyframes blink {
  0% {
    opacity: 0.12;
    transform: scale(1);
  }

  21.43% {
    opacity: 0.38;
    transform: scale(1.2);
  }

  42.86% {
    opacity: 0.12;
    transform: scale(1);
  }

  100% {
    opacity: 0.12;
    transform: scale(1);
  }
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-message-input-wrapper--voice-message,
.sendbird-message-input-wrapper {
  position: relative;
  width: 100%;
}
.sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input,
.sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input {
  position: relative;
  width: 100%;
}
.sendbird-theme--light .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input,
.sendbird-theme--light .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input {
  border-top: solid 1px var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input,
.sendbird-theme--dark .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input {
  border-top: solid 1px var(--sendbird-dark-ondark-04);
}
.sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input,
.sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 24px;
}
.sendbird--mobile-mode .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input,
.sendbird--mobile-mode .sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input {
  padding: 0px 16px;
}
.sendbird-theme--light .sendbird-message-input-wrapper--voice-message {
  border-top: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-message-input-wrapper--voice-message {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-quote_message_input {
  position: relative;
  width: 100%;
  height: 76px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-quote_message_input {
  padding: 16px 80px 16px 40px;
}
[dir="rtl"] .sendbird-quote_message_input {
  padding: 16px 40px 16px 80px;
}
.sendbird-quote_message_input .sendbird-quote_message_input__avatar {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  position: relative;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sendbird-theme--light .sendbird-quote_message_input .sendbird-quote_message_input__avatar {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-quote_message_input .sendbird-quote_message_input__avatar {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-quote_message_input .sendbird-quote_message_input__body {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
.sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__sender-name {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__message-content {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.sendbird-quote_message_input .sendbird-quote_message_input__close-button {
  position: absolute;
  top: 26px;
}
[dir="ltr"] .sendbird-quote_message_input .sendbird-quote_message_input__close-button {
  right: 40px;
}
[dir="rtl"] .sendbird-quote_message_input .sendbird-quote_message_input__close-button {
  left: 40px;
}
.sendbird-quote_message_input .sendbird-quote_message_input__close-button:hover {
  cursor: pointer;
}
/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */
.sendbird-voice-message-input-wrapper .sendbird-voice-message-input__indicator {
  height: 40px;
}
.sendbird-voice-message-input-wrapper-alert__body {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 74px;
}
.sendbird-voice-message-input-wrapper-alert__body__ok-button {
  width: 74px;
}
.sendbird-voice-message-input {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: 110px;
  padding-top: 22px;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
.sendbird-voice-message-input__indicator {
  position: relative;
  display: inline-flex;
  width: 100%;
}
.sendbird-voice-message-input__indicator__progress-bar {
  position: relative;
  display: inline-flex;
  width: 100%;
  border-radius: 28px;
  overflow: hidden;
}
.sendbird-voice-message-input__indicator__on-rec {
  position: absolute;
  top: 14px;
}
[dir="ltr"] .sendbird-voice-message-input__indicator__on-rec {
  right: 53px;
}
[dir="rtl"] .sendbird-voice-message-input__indicator__on-rec {
  left: 53px;
}
.sendbird-voice-message-input__indicator__playback-time {
  position: absolute;
  top: 10px;
}
[dir="ltr"] .sendbird-voice-message-input__indicator__playback-time {
  right: 16px;
}
[dir="rtl"] .sendbird-voice-message-input__indicator__playback-time {
  left: 16px;
}
.sendbird-voice-message-input__controler {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  height: 34px;
  min-height: 34px;
}
.sendbird-voice-message-input__controler__main {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  border-radius: 50%;
}
.sendbird-theme--light .sendbird-voice-message-input__controler__main {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-voice-message-input__controler__main {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-voice-message-input__controler__main:hover {
  cursor: pointer;
}
.sendbird-voice-message-input__controler__submit {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  border-radius: 50%;
}
.sendbird-theme--light .sendbird-voice-message-input__controler__submit {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-voice-message-input__controler__submit {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-voice-message-input__controler__submit:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-voice-message-input__controler__submit.voice-message--disabled {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-voice-message-input__controler__submit.voice-message--disabled {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-voice-message-input__controler__submit.voice-message--disabled:hover {
  cursor: default;
}
@keyframes flickerAnimation {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.sendbird-voice-message-input__indicator__on-rec {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  border-radius: 50%;
  animation: flickerAnimation 1s infinite;
}
.sendbird-theme--light .sendbird-voice-message-input__indicator__on-rec {
  background-color: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-voice-message-input__indicator__on-rec {
  background-color: var(--sendbird-dark-error-300);
}
.sendbird-voice-message-input__indicator__progress-bar__bar {
  height: 40px;
}
.sendbird-controler-icon {
  position: relative;
  display: inline-block;
}
.sendbird-controler-icon.record-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
}
.sendbird-theme--light .sendbird-controler-icon.record-icon {
  background-color: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-controler-icon.record-icon {
  background-color: var(--sendbird-dark-error-300);
}
.sendbird-controler-icon.stop-icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  border-radius: 2px;
}
.sendbird-theme--light .sendbird-controler-icon.stop-icon {
  background-color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-controler-icon.stop-icon {
  background-color: var(--sendbird-dark-ondark-01);
}
.sendbird-controler-icon.pause-icon {
  display: inline-flex;
  width: 100%;
  gap: 3.75px;
  width: 13.75px;
  height: 13.75px;
  min-width: 13.75px;
  min-height: 13.75px;
}
.sendbird-controler-icon.pause-icon-inner {
  display: inline-flex;
  min-width: 4.38px;
  border-radius: 2px;
}
.sendbird-theme--light .sendbird-controler-icon.pause-icon-inner {
  background-color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-controler-icon.pause-icon-inner {
  background-color: var(--sendbird-dark-ondark-01);
}
/*
  We are sharing the same CSS file
  * the same components
    1. `~/modules/GroupChannelList/components/GroupChannelListUI`
    2. `~/modules/ChannelList/components/ChannelListUI`
  So must to keep the same structure with the component when you make a change on the one component of them
*/
.sendbird-channel-list {
  width: 320px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-channel-list {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-channel-list {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird--mobile-mode .sendbird-channel-list {
  width: 100%;
}
.sendbird-channel-list__header {
  height: 64px;
  min-height: 64px;
}
.sendbird-channel-list__body {
  flex: 1 1 0;
  -ms-flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
/*
  We are sharing the same CSS file
  * the same components
    1. `~/modules/GroupChannelList/components/GroupChannelListHeader`
    2. `~/modules/ChannelList/components/ChannelListHeader`
  So must to keep the same structure with the component when you make a change on the one component of them
*/
.sendbird-channel-header {
  position: relative;
  height: 64px;
  min-height: 64px;
  width: 320px;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-channel-header {
  padding-left: 8px;
  padding-right: 16px;
}
[dir="rtl"] .sendbird-channel-header {
  padding-right: 8px;
  padding-left: 16px;
}
.sendbird-theme--light .sendbird-channel-header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-channel-header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}
.sendbird--mobile-mode .sendbird-channel-header {
  width: 100%;
}
.sendbird-channel-header.sendbird-channel-header--allow-edit .sendbird-channel-header__title {
  cursor: pointer;
}
.sendbird-channel-header .sendbird-channel-header__title {
  display: flex;
  flex-direction: row;
  height: 48px;
  border-radius: 4px;
}
.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:hover {
  background: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:hover {
  background: var(--sendbird-dark-background-500);
}
.sendbird-channel-header .sendbird-channel-header__title:focus {
  outline: none;
}
.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:focus {
  background: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:focus {
  background: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:active {
  border: solid 2px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:active {
  border: solid 2px var(--sendbird-dark-primary-200);
}
.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__left {
  width: 48px;
  padding: 8px;
  box-sizing: border-box;
}
.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right {
  padding-top: 8px;
}
[dir="ltr"] .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right {
  margin-right: 4px;
}
.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__name,
.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__user-id {
  display: block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-channel-header .sendbird-channel-header__right-icon {
  position: absolute;
  top: 16px;
}
[dir="ltr"] .sendbird-channel-header .sendbird-channel-header__right-icon {
  right: 16px;
}
[dir="rtl"] .sendbird-channel-header .sendbird-channel-header__right-icon {
  left: 16px;
}
.sendbird-edit-user-profile section {
  margin-top: 16px;
}
.sendbird-edit-user-profile section .sendbird-input-label {
  display: block;
  margin-bottom: 12px;
}
.sendbird-edit-user-profile .sendbird-edit-user-profile__img .sendbird-input-label {
  margin-bottom: 12px;
}
.sendbird-edit-user-profile__img {
  position: relative;
}
.sendbird-edit-user-profile__img__avatar-button {
  position: absolute;
  top: 50px;
}
[dir="ltr"] .sendbird-edit-user-profile__img__avatar-button {
  left: 96px;
}
[dir="rtl"] .sendbird-edit-user-profile__img__avatar-button {
  right: 96px;
}
.sendbird-edit-user-profile__theme__theme-icon .sendbird-icon {
  cursor: pointer;
}
/*
  We are sharing the same CSS file
  * the same components
    1. `~/modules/GroupChannelList/components/GroupChannelListItem`
    2. `~/modules/ChannelList/components/ChannelPreview`
  So must to keep the same structure with the component when you make a change on the one component of them
*/
.sendbird-channel-preview__leave--mobile .sendbird-modal__content {
  max-width: calc(100% - 80px);
}
.sendbird-channel-preview__leave--mobile .sendbird-modal__close {
  display: none;
}
.sendbird-channel-preview__leave--mobile .sendbird-channel-preview__leave-label--mobile {
  text-decoration: none;
}
.sendbird-channel-preview__leave--mobile .sendbird-modal__header span {
  display: inline-block;
  width: calc(100% - 120px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird__offline .sendbird-channel-preview {
  cursor: not-allowed;
}
.sendbird-channel-preview {
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  width: 320px;
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 16px 12px 16px;
}
.sendbird-theme--light .sendbird-channel-preview {
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-channel-preview {
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}
.sendbird--mobile-mode .sendbird-channel-preview {
  width: 100%;
}
.sendbird-channel-preview:focus {
  outline: none;
}
.sendbird-channel-preview .sendbird-channel-preview__avatar {
  width: 56px;
  height: 56px;
}
.sendbird-channel-preview .sendbird-channel-preview__content {
  width: 100%;
  height: 100%;
}
[dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content {
  margin-left: 16px;
}
[dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content {
  margin-right: 16px;
}
.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content {
  position: relative;
  max-width: calc(100% - 72px);
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper {
  display: flex;
  justify-content: space-between;
  width: 216px;
  height: 16px;
}
.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper {
  width: auto;
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon {
  padding-right: 4px;
}
[dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon {
  padding-left: 4px;
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__channel-name {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 128px;
  word-break: break-all;
  white-space: nowrap;
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members {
  margin-top: 2px;
}
[dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members {
  margin-right: 4px;
}
[dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon {
  padding-left: 4px;
}
[dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon {
  padding-right: 4px;
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at {
  margin-bottom: 4px;
  white-space: nowrap;
}
[dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at {
  margin-right: 4px;
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at.sendbird-message-status {
  max-width: 74px;
  justify-content: flex-end;
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower {
  margin-top: 8px;
  width: 216px;
  height: 32px;
  display: flex;
  justify-content: space-between;
}
.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower {
  width: 100%;
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__last-message {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
[dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count {
  margin-left: 8px;
}
[dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count {
  margin-right: 8px;
}
.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention {
  display: inline-flex;
  align-items: center;
}
[dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention {
  margin-right: 4px;
}
[dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention {
  margin-left: 4px;
}
.sendbird-channel-preview .sendbird-channel-preview__action {
  position: absolute;
  top: 12px;
  display: inline-block;
}
[dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__action {
  right: 12px;
}
[dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__action {
  left: 12px;
}
.sendbird-channel-preview .sendbird-channel-preview__action .sendbird-iconbutton {
  display: none;
}
.sendbird-theme--light .sendbird-channel-preview:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-channel-preview:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-channel-preview:hover .sendbird-channel-preview__action .sendbird-iconbutton {
  display: inline-block;
}
.sendbird-channel-preview:hover .sendbird-channel-preview__content__upper__last-message-at {
  display: none;
}
.sendbird-channel-preview:hover .sendbird-channel-preview__content__lower__unread-message-count {
  display: none;
}
[dir="ltr"] .sendbird-channel-preview--active {
  padding: 12px 16px 12px 12px;
}
[dir="rtl"] .sendbird-channel-preview--active {
  padding: 12px 12px 12px 16px;
}
.sendbird-theme--light .sendbird-channel-preview--active {
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-primary-100);
}
[dir="ltr"] .sendbird-theme--light .sendbird-channel-preview--active {
  border-left: solid 4px var(--sendbird-light-primary-300);
}
[dir="rtl"] .sendbird-theme--light .sendbird-channel-preview--active {
  border-right: solid 4px var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-channel-preview--active {
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-700);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-channel-preview--active {
  border-left: solid 4px var(--sendbird-dark-primary-200);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-channel-preview--active {
  border-right: solid 4px var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name {
  color: var(--sendbird-dark-primary-200);
}
.sendbird-badge {
  height: 20px;
  min-width: 20px;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sendbird-theme--light .sendbird-badge {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-badge {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-badge .sendbird-badge__text {
  margin: 0px 6px;
}
.sendbird-mention-user-label {
  display: inline-block;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  white-space: pre-line;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: 16px;
}
.sendbird-theme--light .sendbird-mention-user-label {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-mention-user-label {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-mention-user-label:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-mention-user-label.reverse {
  color: var(--sendbird-light-ondark-01);
}
.sendbird-theme--dark .sendbird-mention-user-label.reverse {
  color: var(--sendbird-dark-onlight-01);
}
.sendbird-mention-user-label.purple {
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.sendbird-theme--light .sendbird-mention-user-label.purple {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-mention-user-label.purple {
  color: var(--sendbird-dark-primary-200);
}
.sendbird--mobile-mode .sendbird-add-channel__modal .sendbird-modal__content {
  margin: 0 40px;
}
.sendbird-add-channel__rectangle-wrap {
  margin-top: 26px;
}
.sendbird-add-channel__rectangle-footer {
  margin-top: 32px;
}
[dir="ltr"] .sendbird-add-channel__rectangle-footer {
  text-align: right;
}
[dir="rtl"] .sendbird-add-channel__rectangle-footer {
  text-align: left;
}
.sendbird-add-channel__rectangle {
  width: 432px;
  height: 72px;
  border-radius: 4px;
  margin-bottom: 8px;
  padding: 25px 72px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
.sendbird--mobile-mode .sendbird-add-channel__rectangle {
  min-width: 288px;
  width: 100%;
}
[dir="ltr"] .sendbird--mobile-mode .sendbird-add-channel__rectangle {
  padding-right: 0;
}
[dir="rtl"] .sendbird--mobile-mode .sendbird-add-channel__rectangle {
  padding-left: 0;
}
.sendbird-theme--light .sendbird-add-channel__rectangle {
  border: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-add-channel__rectangle {
  border: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-add-channel__rectangle .sendbird-icon {
  position: absolute;
  top: 24px;
}
[dir="ltr"] .sendbird-add-channel__rectangle .sendbird-icon {
  left: 22px;
}
[dir="rtl"] .sendbird-add-channel__rectangle .sendbird-icon {
  right: 22px;
}
.sendbird-create-channel--content {
  width: 480px;
  max-height: 552px;
}
.sendbird-create-channel--scroll {
  height: 360px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.sendbird-channel-settings {
  height: 100%;
  width: 320px;
  display: inline-block;
  box-sizing: border-box;
}
.sendbird--mobile-mode .sendbird-channel-settings {
  width: 100%;
}
.sendbird-theme--light .sendbird-channel-settings {
  background-color: var(--sendbird-light-background-50);
}
[dir="ltr"] .sendbird-theme--light .sendbird-channel-settings {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}
[dir="rtl"] .sendbird-theme--light .sendbird-channel-settings {
  border-right: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-channel-settings {
  background-color: var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-channel-settings {
  border-left: 1px solid var(--sendbird-dark-background-600);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-channel-settings {
  border-right: 1px solid var(--sendbird-dark-background-600);
}
.sendbird-channel-settings .sendbird-channel-settings__header-icon {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path {
  fill: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path {
  fill: var(--sendbird-dark-ondark-01);
}
.sendbird-channel-settings .sendbird-channel-settings__members .sendbird-badge__text {
  margin-top: -2px;
}
.sendbird-channel-settings .sendbird-channel-settings__header {
  height: 64px;
  min-height: 64px;
  position: relative;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__header {
  padding-left: 24px;
  padding-right: 20px;
}
[dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__header {
  padding-right: 24px;
  padding-left: 20px;
}
.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header {
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header {
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}
.sendbird-channel-settings .sendbird-channel-settings__scroll-area {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: calc(100% - 64px);
  overflow-y: auto;
}
.sendbird-channel-settings .sendbird-channel-settings__panel-item {
  cursor: pointer;
  position: relative;
}
[dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-item {
  padding: 12px 22px 10px 56px;
}
[dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-item {
  padding: 12px 56px 10px 22px;
}
.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item {
  border-top: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-channel-settings .sendbird-channel-settings__panel-item:focus {
  outline: none;
}
.sendbird-channel-settings .sendbird-channel-settings__panel-item.sendbird-channel-settings__panel-item__disabled {
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item__leave-channel {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item__leave-channel {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-channel-settings .sendbird-channel-settings__panel-icon-left,
.sendbird-channel-settings .sendbird-channel-settings__panel-icon-right {
  position: absolute;
  top: 10px;
}
[dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left {
  left: 16px;
}
[dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left {
  right: 16px;

  &.sendbird-channel-settings__panel-icon__leave {
    transform: rotate(180deg);
  }
}
[dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right {
  right: 16px;
}
[dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right {
  left: 16px;
}
[dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon--open {
  transform: rotate(90deg);
}
[dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon--open {
  transform: rotate(-90deg);
}
.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path {
  fill: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path {
  fill: var(--sendbird-dark-ondark-01);
}
.sendbird-input-toggle-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}
.sendbird-theme--light .sendbird-input-toggle-button--checked {
  background-color: var(--sendbird-light-primary-300);
  border: 1px solid var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-input-toggle-button--checked {
  background-color: var(--sendbird-dark-primary-200);
  border: 1px solid var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-input-toggle-button--unchecked {
  background-color: var(--sendbird-light-background-300);
  border: 1px solid var(--sendbird-light-background-300);
}
.sendbird-theme--dark .sendbird-input-toggle-button--unchecked {
  background-color: var(--sendbird-dark-background-400);
  border: 1px solid var(--sendbird-dark-background-400);
}
.sendbird-input-toggle-button--disabled {
  cursor: not-allowed;
}
.sendbird-theme--light .sendbird-input-toggle-button--disabled {
  background-color: var(--sendbird-light-background-200);
  border: 1px solid var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-input-toggle-button--disabled {
  background-color: var(--sendbird-dark-background-400);
  border: 1px solid var(--sendbird-dark-background-400);
}
.sendbird-input-toggle-button input {
  position: absolute;
  display: none;
}
.sendbird-input-toggle-button__inner-dot {
  position: absolute;
  border-radius: 50%;
  animation-iteration-count: 1;
}
.sendbird-theme--light .sendbird-input-toggle-button__inner-dot {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-input-toggle-button__inner-dot {
  background-color: var(--sendbird-dark-background-600);
}
/* Manage animation and position by status */
@keyframes sendbirdMoveToEnd {
  0% {
    inset-inline-end: 60%;
  }

  100% {
    inset-inline-end: 10%;
  }
}
@keyframes sendbirdMoveToStart {
  0% {
    inset-inline-end: 10%;
  }

  100% {
    inset-inline-end: 60%;
  }
}
.sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
  animation-name: sendbirdMoveToEnd;
}
.sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
  animation-name: sendbirdMoveToStart;
}
.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
  inset-inline-end: 60%;
}
.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
  inset-inline-end: 10%;
}
.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
  animation-name: sendbirdMoveToStart;
}
.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
  animation-name: sendbirdMoveToEnd;
}
.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
  inset-inline-end: 10%;
}
.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
  inset-inline-end: 60%;
}
.sendbird-channel-profile {
  position: relative;
  text-align: center;
  padding: 32px 40px 27px 40px;
}
.sendbird-theme--light .sendbird-channel-profile {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-channel-profile {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-channel-profile .sendbird-channel-profile--inner {
  height: 92px;
}
.sendbird-channel-profile .sendbird-channel-profile__avatar {
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
}
.sendbird-channel-profile .sendbird-channel-profile__title {
  display: block;
  max-width: 240px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 18px;
}
.sendbird--mobile-mode .sendbird-channel-profile .sendbird-channel-profile__title {
  max-width: 100%;
}
.sendbird-channel-profile .sendbird-channel-profile__edit {
  position: absolute;
  top: 10px;
}
[dir="ltr"] .sendbird-channel-profile .sendbird-channel-profile__edit {
  right: 16px;
}
[dir="rtl"] .sendbird-channel-profile .sendbird-channel-profile__edit {
  left: 16px;
}
.channel-profile-form .channel-profile-form__img-section {
  position: relative;
}
.channel-profile-form .channel-profile-form__avatar-button {
  position: absolute;
  top: 54px;
}
[dir="ltr"] .channel-profile-form .channel-profile-form__avatar-button {
  left: 96px;
}
[dir="rtl"] .channel-profile-form .channel-profile-form__avatar-button {
  right: 96px;
}
.channel-profile-form .channel-profile-form__avatar {
  margin-top: 16px;
}
.channel-profile-form .channel-profile-form__name-section {
  margin-top: 12px;
}
.channel-profile-form .channel-profile-form__name-section .sendbird-input {
  height: 40px;
}
.sendbird-channel-settings__leave-label--mobile {
  text-decoration: none;
}
.sendbird-channel-settings__leave--mobile .sendbird-modal__content {
  max-width: calc(100% - 80px);
}
.sendbird-channel-settings__leave--mobile .sendbird-modal__close {
  display: none;
}
.sendbird-channel-settings__leave--mobile .sendbird-channel-preview__leave-label--mobile {
  text-decoration: none;
}
.sendbird-channel-settings__leave--mobile .sendbird-modal__header span {
  display: inline-block;
  width: calc(100% - 120px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon {
  position: absolute;
}
[dir="ltr"] .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon {
  left: 14px;
}
[dir="rtl"] .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon {
  right: 14px;
}
.sendbird-channel-settings__operator .sendbird-accordion__panel-heder {
  position: relative;
}
.sendbird-more-members__popup-scroll {
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.sendbird--mobile-mode .sendbird-more-members__popup-scroll {
  max-height: 100%;
}
[dir="ltr"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
  right: 72px;
}
[dir="rtl"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
  left: 72px;
}
.sendbird-more-members__popup-scroll .sendbird-user-list-item__title {
  max-width: 240px;
}
.sendbird-channel-settings__empty-list {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 4px;
  display: block;
}
.sendbird-channel-settings-accordion__footer {
  padding: 16px 12px;
  display: flex;
}
[dir="ltr"] .sendbird-channel-settings-accordion__footer {
  justify-content: left;
}
[dir="rtl"] .sendbird-channel-settings-accordion__footer {
  justify-content: right;
}
[dir="ltr"] .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2) {
  margin-left: 8px;
}
[dir="rtl"] .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2) {
  margin-right: 8px;
}
.sendbird-channel-settings__freeze {
  max-width: 320px;
  position: relative;
}
[dir="ltr"] .sendbird-channel-settings__freeze {
  padding: 12px 22px 10px 56px;
}
[dir="rtl"] .sendbird-channel-settings__freeze {
  padding: 12px 56px 10px 22px;
}
.sendbird--mobile-mode .sendbird-channel-settings__freeze {
  max-width: 100%;
}
.sendbird-theme--light .sendbird-channel-settings__freeze {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-channel-settings__freeze {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-channel-settings__frozen-icon {
  position: absolute;
  top: 12px;
}
[dir="ltr"] .sendbird-channel-settings__frozen-icon {
  right: 20px;
}
[dir="rtl"] .sendbird-channel-settings__frozen-icon {
  left: 20px;
}
.sendbird-channel-settings__frozen-icon .sendbird-icon {
  cursor: pointer;
}
.sendbird-channel-settings__members-list .sendbird-badge,
.sendbird-channel-settings__members .sendbird-badge {
  position: absolute;
  top: 12px;
}
[dir="ltr"] .sendbird-channel-settings__members-list .sendbird-badge,
[dir="ltr"] .sendbird-channel-settings__members .sendbird-badge {
  right: 44px;
}
[dir="rtl"] .sendbird-channel-settings__members-list .sendbird-badge,
[dir="rtl"] .sendbird-channel-settings__members .sendbird-badge {
  left: 44px;
}
.sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge,
.sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge,
.sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label,
.sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge .sendbird-label {
  color: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label,
.sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge .sendbird-label {
  color: var(--sendbird-dark-ondark-02);
}
.sendbird-more-members__popup-scroll {
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.sendbird--mobile-mode .sendbird-more-members__popup-scroll {
  max-height: 100%;
}
[dir="ltr"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
  right: 72px;
}
[dir="rtl"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
  left: 72px;
}
.sendbird-more-members__popup-scroll .sendbird-user-list-item__title {
  max-width: 240px;
}
.sendbird-channel-settings__badge {
  position: absolute;
}
[dir="ltr"] .sendbird-channel-settings__badge {
  right: 48px;
}
[dir="rtl"] .sendbird-channel-settings__badge {
  left: 48px;
}
.sendbird-theme--light .sendbird-channel-settings__badge {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-channel-settings__badge {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-channel-settings__badge .sendbird-label {
  color: var(--sendbird-light-onlight-02);
}
.sendbird-theme--dark .sendbird-channel-settings__badge .sendbird-label {
  color: var(--sendbird-dark-ondark-02);
}
.sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer {
  padding-top: 14px;
  padding-bottom: 14px;
}
[dir="ltr"] .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer {
  padding-left: 14px;
}
[dir="rtl"] .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer {
  padding-right: 14px;
}
.sendbird-theme--light .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-message-search-pannel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 320px;
  height: 100%;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-message-search-pannel {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message-search-pannel {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird--mobile-mode .sendbird-message-search-pannel {
  width: 100%;
}
.sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  position: absolute;
  top: 14px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: none;
  font-size: 14px;
  width: calc(100% - 90px);
}
[dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  left: 48px;
}
[dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  right: 48px;
}
.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  color: var(--sendbird-light-onlight-01);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  color: var(--sendbird-dark-ondark-01);
  background-color: var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title {
  margin-right: 4px;
}
.sendbird-message-search-pannel .sendbird-message-search-pannel__input {
  display: flex;
  position: relative;
  padding: 16px;
  box-sizing: border-box;
}
.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container {
  position: relative;
  border-radius: 4px;
  width: 100%;
  height: 44px;
}
.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container {
  border: 1px solid var(--sendbird-light-onlight-03);
}
.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container {
  border: 1px solid var(--sendbird-dark-ondark-03);
}
.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon {
  position: absolute;
  top: 10px;
}
[dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon {
  left: 16px;
}
[dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon {
  right: 16px;
}
.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner {
  position: absolute;
  top: 12px;
}
[dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner {
  right: 12px;
}
[dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner {
  left: 12px;
}
.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button {
  position: absolute;
  top: 12px;
}
[dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button {
  right: 12px;
}
[dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button {
  left: 12px;
}
.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button:hover {
  cursor: pointer;
}
.sendbird-message-search-pannel .sendbird-message-search-pannel__message-search {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
.sendbird-message-search {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.sendbird-theme--light .sendbird-message-search {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message-search {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-message-search-item {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  height: 80px;
  position: relative;
  cursor: pointer;
}
.sendbird-theme--light .sendbird-message-search-item {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message-search-item {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-theme--light .sendbird-message-search-item:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-message-search-item:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-message-search-item .sendbird-message-search-item__left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 80px;
}
.sendbird-message-search-item .sendbird-message-search-item__right {
  display: flex;
  flex-direction: column;
  width: calc(100% - 106px);
}
.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__sender-name {
  position: absolute;
  top: 12px;
  display: inline;
  max-width: 150px;
  height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-text {
  box-sizing: border-box;
  display: flex;
  width: inherit;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 36px;
  word-break: break-word;
}
.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at {
  position: absolute;
  top: 12px;
}
[dir="ltr"] .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at {
  right: 18px;
}
[dir="rtl"] .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at {
  left: 18px;
}
.sendbird-message-search-item .sendbird-message-search-item__right-footer {
  width: 16px;
}
.sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected {
  background-color: var(--sendbird-dark-background-700);
}
.sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left {
  border-inline-start: 4px solid var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left {
  border-inline-start: 4px solid var(--sendbird-dark-primary-200);
}
.sendbird-message-search-file-item {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  height: 80px;
  cursor: pointer;
}
.sendbird-theme--light .sendbird-message-search-file-item {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-message-search-file-item {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-theme--light .sendbird-message-search-file-item:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-message-search-file-item:hover {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-message-search-file-item .sendbird-message-search-file-item__left {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 80px;
}
.sendbird-message-search-file-item .sendbird-message-search-file-item__right {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 106px);
}
.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__sender-name {
  position: absolute;
  top: 12px;
  display: inline-block;
  max-width: 146px;
  height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content {
  position: absolute;
  top: 36px;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  border-radius: 8px;
}
[dir="ltr"] .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
  margin-right: 4px;
}
[dir="rtl"] .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
  margin-left: 4px;
}
.sendbird-theme--light .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__url {
  height: 16px;
  position: relative;
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
}
.sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at {
  position: absolute;
  top: 12px;
}
[dir="ltr"] .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at {
  right: 18px;
}
[dir="rtl"] .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at {
  left: 18px;
}
.sendbird-message-search-file-item .sendbird-message-search-file-item__right-footer {
  width: 16px;
}
.sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected {
  background-color: var(--sendbird-dark-background-700);
}
[dir="ltr"] .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
  border-left: 4px solid var(--sendbird-light-primary-300);
}
[dir="rtl"] .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
  border-right: 4px solid var(--sendbird-light-primary-300);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
  border-left: 4px solid var(--sendbird-dark-primary-200);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
  border-right: 4px solid var(--sendbird-dark-primary-200);
}
.sendbird-thread-ui {
  position: relative;
  max-width: 320px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.sendbird-theme--light .sendbird-thread-ui {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}
[dir="ltr"] .sendbird-theme--light .sendbird-thread-ui {
  border-right: 1px solid var(--sendbird-light-onlight-04);
}
[dir="rtl"] .sendbird-theme--light .sendbird-thread-ui {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-thread-ui {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-thread-ui {
  border-right: 1px solid var(--sendbird-dark-ondark-04);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-thread-ui {
  border-left: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-thread-ui__header {
  width: 320px;
}
.sendbird-theme--light .sendbird-thread-ui__header {
  border-top: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-thread-ui__header {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-thread-ui--scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
}
.sendbird-theme--light .sendbird-thread-ui__parent-message-info {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-thread-ui__parent-message-info {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-theme--light .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-thread-ui__reply-counts {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 11px;
}
.sendbird-theme--light .sendbird-thread-ui__reply-counts {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-thread-ui__reply-counts {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-thread-ui__thread-list {
  padding: 16px;
}
.sendbird-thread-ui__message-input {
  padding: 0px 16px;
  margin-bottom: 24px;
}
.sendbird-thread-ui__thread-list.sendbird-place-holder {
  box-sizing: border-box;
}
.sendbird-parent-message-info {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info {
  padding: 12px 12px 12px 16px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info {
  padding: 12px 16px 12px 12px;
}
.sendbird-parent-message-info__sender {
  position: relative;
  min-width: 40px;
  min-height: 40px;
}
.sendbird-parent-message-info__content {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__content {
  margin-left: 12px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__content {
  margin-right: 12px;
}
.sendbird-parent-message-info__content__info {
  position: relative;
  max-width: 188px;
  height: 16px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.sendbird-parent-message-info__content__info__sender-name,
.sendbird-parent-message-info__content__info__sender-name--use-reaction {
  position: relative;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__content__info__sender-name,
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__content__info__sender-name--use-reaction {
  margin-right: 6px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__content__info__sender-name,
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__content__info__sender-name--use-reaction {
  margin-left: 6px;
}
.sendbird-parent-message-info__content__info__sender-name {
  max-width: 142px;
}
.sendbird-parent-message-info__content__info__sender-name--use-reaction {
  max-width: 110px;
}
.sendbird-parent-message-info__content__info__sent-at {
  position: relative;
  max-width: 52px;
  height: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  word-break: keep-all;
}
.sendbird-parent-message-info__content__body {
  position: relative;
  max-width: 210px;
  overflow: hidden;
}
.sendbird-parent-message-info__content__body.sendbird-thumbnail-message-item-body.incoming {
  min-width: 200px;
  height: 148px;
}
.sendbird-parent-message-info__content__reactions {
  position: relative;
  max-width: 240px;
  width: 100%;
  height: 100%;
}
.sendbird-parent-message-info__reaction-menu,
.sendbird-parent-message-info__context-menu {
  position: relative;
  display: none;
}
.sendbird-parent-message-info .sendbird-text-message-item-body.reactions {
  border-radius: 16px;
}
.sendbird-theme--light .sendbird-parent-message-info .sendbird-emoji-reactions {
  border: 1px solid var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-parent-message-info .sendbird-emoji-reactions {
  border: 1px solid var(--sendbird-dark-background-600);
}
.sendbird-parent-message-info__menu-container,
.sendbird-parent-message-info:hover .sendbird-parent-message-info__context-menu,
.sendbird-parent-message-info:hover .sendbird-parent-message-info__reaction-menu,
.sendbird-parent-message-info__context-menu.sendbird-mouse-hover,
.sendbird-parent-message-info__reaction-menu.sendbird-mouse-hover {
  display: inline-flex;
}
.sendbird-parent-message-info__menu-container {
  flex-direction: row;
  position: absolute;
  top: 6px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__menu-container {
  right: 12px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__menu-container {
  left: 12px;
}
.sendbird-theme--light .sendbird-parent-message-info .sendbird-parent-message-info__content__body {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-parent-message-info .sendbird-parent-message-info__content__body {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-theme--light .sendbird-parent-message-info:hover,
.sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-parent-message-info:hover,
.sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird--mobile-mode .sendbird-parent-message-info.sendbird-thread-ui__parent-message-info:hover {
  background-color: transparent;
}
.sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-emoji-reactions {
  border: 1px solid var(--sendbird-light-background-100);
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-emoji-reactions {
  border: 1px solid var(--sendbird-dark-background-500);
  background-color: var(--sendbird-dark-background-500);
}
.parent-message-info--suggested-mention-list {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 200px;
}
.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item {
  padding-left: 16px;
  padding-right: 16px;
}
.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  max-width: 166px;
}
.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  max-width: 68px;
}
.sendbird-parent-message-info-item {
  margin-top: 8px;
  position: relative;
}
.sendbird-parent-message-info-item__text-message,
.sendbird-parent-message-info-item__og-field {
  display: inline-block;
  white-space: pre-line;
  word-break: break-all;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info-item__text-message,
.sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info-item__og-field {
  padding-right: 4px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info-item__text-message,
.sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info-item__og-field {
  padding-left: 4px;
}
.sendbird-parent-message-info-item__og-field {
  display: inline-flex;
  flex-direction: column;
  margin-top: 4px;
}
.sendbird-parent-message-info-item__og-field__content {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 12px;
}
.sendbird-parent-message-info-item__file-message {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
}
.sendbird-parent-message-info-item__file-message__file-name {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sendbird-parent-message-info-item__thumbnail-message {
  display: block;
  height: 148px;
  position: relative;
  width: 200px;
}
.sendbird-parent-message-info-item__multiple-files-message-wrapper {
  padding: 0;
}
.sendbird-theme--light .sendbird-parent-message-info-item__multiple-files-message-wrapper {
  background-color: transparent;
}
.sendbird-theme--dark .sendbird-parent-message-info-item__multiple-files-message-wrapper {
  background-color: transparent;
}
.sendbird-parent-message-info-item__thumbnail-message__thumbnail {
  border-radius: 16px;
  position: absolute;
}
.sendbird-parent-message-info-item__thumbnail-message__placeholder {
  align-items: center;
  display: flex;
  height: 148px;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.sendbird-parent-message-info-item__thumbnail-message__placeholder__icon {
  align-items: center;
  background-color: var(--sendbird-light-background-50);
  border-radius: 50%;
  display: flex;
  height: 56px;
  justify-content: center;
  width: 56px;
}
.sendbird-parent-message-info-item__thumbnail-message__image-cover {
  background-color: var(--sendbird-light-overlay-01);
  border-radius: 16px;
  display: none;
  height: 148px;
  position: absolute;
  top: 0;
  width: 100%;
}
.sendbird-parent-message-info-item__thumbnail-message__video {
  border-radius: 16px;
  height: 148px;
  position: absolute;
  width: 100%;
}
.sendbird-parent-message-info-item__thumbnail-message__icon-wrapper {
  align-items: center;
  display: flex;
  height: 148px;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon {
  align-items: center;
  background-color: var(--sendbird-light-ondark-01);
  border-radius: 50%;
  display: inline-flex;
  height: 56px;
  justify-content: center;
  width: 56px;
}
.sendbird-parent-message-info-item__thumbnail-message:hover {
  cursor: pointer;
}
.sendbird-parent-message-info-item__thumbnail-message:hover .sendbird-parent-message-info-item__thumbnail-message__image-cover {
  display: inline-flex;
}
.sendbird-parent-message-info-item__voice-message__item {
  height: 50px;
  min-width: 136px;
}
.sendbird-thread-list-item .sendbird-separator {
  margin: 4px 0px;
}
.sendbird-thread-list .sendbird-message-content__middle__sender-name {
  white-space: nowrap;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-thread-list .sendbird-message-content.incoming .sendbird-message-content__middle {
  max-width: 200px;
}
.sendbird-thread-list .sendbird-thumbnail-message-item-body.outgoing {
  min-width: 200px;
  min-height: 148px;
  height: 148px;
}
.sendbird-thread-list .sendbird-message-content .sendbird-message-content__middle {
  max-width: 230px;
}
.sendbird-thread-list .sendbird-message-status__icon.sendbird-message-status--sent {
  display: none;
}
.sendbird-thread-list .sendbird-mention-suggest-list {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.sendbird-thread-list .sendbird-mention-suggest-list__user-item {
  padding-left: 16px;
  padding-right: 16px;
}
.sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  max-width: 134px;
}
.sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  max-width: 46px;
}
.sendbird-thread-list-item-content {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.sendbird-thread-list-item-content.incoming {
  justify-content: flex-start;
}
.sendbird-thread-list-item-content.outgoing {
  justify-content: flex-end;
}
.sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle {
  max-width: 200px;
}
.sendbird--mobile-mode .sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle {
  max-width: calc(100vw - 100px);
}
.sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.use-quote {
  margin-top: -8px;
  bottom: -8px;
}
.sendbird-thread-list-item-content__middle__body-container {
  width: 100%;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left {
  position: relative;
  display: inline-flex;
  min-width: 40px;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar {
  position: absolute;
  bottom: 2px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar {
  left: 0px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar {
  right: 0px;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  position: absolute;
  bottom: 6px;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  min-width: 80px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  right: -84px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  left: -84px;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover {
  display: none;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name {
  position: relative;
  margin-bottom: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name {
  margin-left: 12px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name {
  margin-right: 12px;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message {
  position: relative;
  width: 100%;
  display: inline-flex;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing {
  justify-content: flex-end;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming {
  justify-content: flex-start;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message:hover {
  cursor: pointer;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right {
  position: relative;
  display: inline-flex;
  width: 50px;
  padding-top: 18px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right {
  margin-left: 4px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right {
  margin-right: 4px;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.use-reactions {
  width: 70px;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top {
  padding-top: 2px;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top.use-quote {
  padding-top: 18px;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu {
  position: relative;
  flex-direction: row;
  height: 32px;
  display: none;
}
.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu.sendbird-mouse-hover {
  display: inline-flex;
}
.sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu {
  display: inline-flex;
}
.sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  display: none;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: flex-end;
  width: 50px;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-reactions {
  width: 70px;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-quote .sendbird-thread-list-item-content-menu {
  top: 18px;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
  position: absolute;
  top: 2px;
  flex-direction: row;
  display: none;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
  right: 4px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
  left: 4px;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu.sendbird-mouse-hover {
  display: inline-flex;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message {
  position: relative;
  width: 100%;
  display: inline-flex;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing {
  justify-content: flex-end;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming {
  justify-content: flex-start;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container {
  position: relative;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  position: absolute;
  bottom: 2px;
  white-space: nowrap;
  display: flex;
  justify-content: flex-end;
  box-sizing: content-box;
  min-width: 80px;
  min-height: 16px;
}
.sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  left: -84px;
}
.sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  right: -84px;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover {
  display: none;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at .sendbird-thread-list-item-content__middle__body-container__created-at__component-container {
  position: relative;
  display: inline-flex;
}
.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__right {
  display: none;
}
.sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
  display: inline-flex;
}
.sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  display: none;
}
.sendbird-thread-list-item-content__middle__body-container {
  position: relative;
  display: flex;
  flex-direction: column;
}
.sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__message-item-body {
  width: 100%;
  box-sizing: border-box;
}
.sendbird-thread-list-item-content-reactions {
  position: relative;
  width: 100%;
  max-width: 400px;
  border-radius: 0px 0px 16px 16px;
}
.sendbird-theme--light .sendbird-thread-list-item-content-reactions {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-thread-list-item-content-reactions {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-thread-list-item-content-reactions.primary {
  background-color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.primary {
  background-color: var(--sendbird-dark-primary-200);
}
.sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover, .sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover, .sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover.primary, .sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover.primary {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover.primary, .sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover.primary {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-thread-list-item-content__middle__thread-replies {
  margin-top: 4px;
}
.sendbird-thread-list-item-content__middle__message-item-body.sendbird-og-message-item-body,
.sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body {
  min-width: 200px;
  max-width: 200px;
}
.sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body {
  height: 148px;
}
.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__placeholder,
.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper,
.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__video {
  height: 148px;
}
.sendbird-voice-message-item-body.sendbird-thread-list-item-content__middle__message-item-body {
  min-width: 136px;
  height: 50px;
}
.sendbird-thread-message-input .sendbird-mention-suggest-list {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
  padding-left: 16px;
  padding-right: 16px;
}
.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  max-width: 134px;
}
.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  max-width: 46px;
}
.sendbird-theme--light .sendbird-thread-message-input--voice-message {
  border-top: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-thread-message-input--voice-message {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
}
.sb_mobile {
  height: 100%;
}
.sb_mobile__panelwrap {
  height: 100%;
}
.sb-show-main {
  padding: 0 !important;
}
.sb_mobile__panelwrap .sendbird-thread {
  width: 100%;
  height: 100%;
}
.sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui {
  max-width: 100%;
}
.sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui .sendbird-thread-ui__header {
  width: 100%;
}
.sendbird-app__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
}
.sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  width: 320px;
  min-width: 320px;
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
[dir="ltr"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  border-right: 1px solid var(--sendbird-light-onlight-04);
}
[dir="rtl"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  border-top: 1px solid var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  border-right: 1px solid var(--sendbird-dark-background-600);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  border-left: 1px solid var(--sendbird-dark-background-600);
}
.sendbird-app__wrap .sendbird-app__conversation-wrap {
  flex: 1;
  position: relative;
  width: calc(100% - 320px);
}
.sendbird-app__wrap .sendbird-app__channellist-wrap {
  max-width: 320px;
}
.sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
[dir="ltr"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}
[dir="rtl"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap {
  border-right: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap {
  border-top: 1px solid var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap {
  border-left: 1px solid var(--sendbird-dark-background-600);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap {
  border-right: 1px solid var(--sendbird-dark-background-600);
}
.sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info {
  background-color: var(--sendbird-dark-background-700);
}
[dir="ltr"] .sendbird-app__wrap .sendbird-chat-header__search {
  margin-right: 16px;
}
[dir="rtl"] .sendbird-app__wrap .sendbird-chat-header__search {
  margin-left: 16px;
}
.sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search {
  background-color: var(--sendbird-dark-background-700);
}
[dir="ltr"] .sendbird-app__wrap .sendbird-channel-settings {
  border-left: none;
}
[dir="rtl"] .sendbird-app__wrap .sendbird-channel-settings {
  border-right: none;
}
.sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
[dir="ltr"] .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings {
  border-right: 1px solid var(--sendbird-light-onlight-04);
}
[dir="rtl"] .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings {
  border-top: 1px solid var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings {
  border-right: 1px solid var(--sendbird-dark-background-600);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings {
  border-left: 1px solid var(--sendbird-dark-background-600);
}
.sendbird-app__wrap .sendbird-channel-settings .sendbird-channel-settings__header {
  height: 64px;
}
.sendbird-openchannel-conversation {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.sendbird-theme--light .sendbird-openchannel-conversation {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-openchannel-conversation {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll {
  overflow-y: auto;
  flex: 1 1 0;
  width: 100%;
}
.sendbird-openchannel-conversation .sendbird-openchannel-footer {
  padding: 12px 24px 24px 24px;
}
.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container {
  display: flex;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: column;
}
.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container .sendbird-openchannel-conversation-scroll-padding {
  flex: 1 1 0;
}
.sendbird-frozen-channel-notification {
  position: relative;
  margin-top: 8px;
  margin-right: 24px;
  margin-left: 24px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.sendbird-theme--light .sendbird-frozen-channel-notification {
  background-color: var(--sendbird-light-information-100);
}
.sendbird-theme--dark .sendbird-frozen-channel-notification {
  background-color: var(--sendbird-dark-information-100);
}
.sendbird-oepnchannel-header__icon_back {
  position: absolute;
  top: 18px;
}
[dir="ltr"] .sendbird-oepnchannel-header__icon_back {
  left: 12px;
}
[dir="rtl"] .sendbird-oepnchannel-header__icon_back {
  right: 12px;
}
.sendbird-openchannel-conversation-header {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-openchannel-conversation-header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-openchannel-conversation-header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 120px);
}
.sendbird--mobile-mode .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
  max-width: calc(100% - 160px);
}
.sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  position: absolute;
  top: 16px;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  left: 20px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  right: 20px;
}
[dir="ltr"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  left: 50px;
}
[dir="rtl"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  right: 50px;
}
.sendbird-openchannel-conversation-header__left__title {
  position: absolute;
  top: 12px;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__left__title {
  left: 60px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__left__title {
  right: 60px;
}
[dir="ltr"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title {
  left: 90px;
}
[dir="rtl"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title {
  right: 90px;
}
.sendbird-openchannel-conversation-header__left__sub-title {
  position: absolute;
  top: 36px;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__left__sub-title {
  left: 60px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__left__sub-title {
  right: 60px;
}
[dir="ltr"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title {
  left: 90px;
}
[dir="rtl"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title {
  right: 90px;
}
.sendbird-openchannel-conversation-header__right {
  position: absolute;
  top: 0px;
  width: 64px;
  height: 64px;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__right {
  right: 0px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__right {
  left: 0px;
}
.sendbird-openchannel-conversation-header__right__trigger {
  position: absolute;
  top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir="ltr"] .sendbird-openchannel-conversation-header__right__trigger {
  right: 16px;
}
[dir="rtl"] .sendbird-openchannel-conversation-header__right__trigger {
  left: 16px;
}
.sendbird-openchannel-conversation-header__left__cover-image--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
  background-color: var(--sendbird-light-background-300);
}
.sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
  background-color: var(--sendbird-dark-background-300);
}
.sendbird-openchannel-conversation-scroll {
  position: relative;
  width: 100%;
}
.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container {
  position: sticky;
  width: 100%;
  bottom: 0px;
  height: 100%;
  overflow: hidden;
}
.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__padding {
  height: 8px;
}
.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container {
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages {
  width: 100%;
  height: 100%;
}
.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages .sendbird-openchannel-conversation-scroll__container__place-holder {
  width: 100%;
  height: 100%;
}
.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 8px;
  width: 40px;
  height: 40px;
  border-radius: 24px;
  z-index: 1;
}
[dir="ltr"] .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
  left: calc(50% - 20px);
}
[dir="rtl"] .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
  right: calc(50% - 20px);
}
.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
  background-color: var(--sendbird-light-primary-300);
  box-shadow: var(--sendbird-light-shadow-05);
}
.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
  background-color: var(--sendbird-dark-primary-200);
  box-shadow: var(--sendbird-dark-shadow-05);
}
.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
  background-color: var(--sendbird-light-primary-400);
}
.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
  background-color: var(--sendbird-dark-primary-300);
}
.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active {
  background-color: var(--sendbird-light-primary-500);
}
.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active {
  background-color: var(--sendbird-dark-primary-400);
}
.sendbird-open-channel-msg-hoc {
  min-width: 380px;
}
.sendbird-openchannel-user-message {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.sendbird-theme--light .sendbird-openchannel-user-message:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-user-message:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-openchannel-user-message:hover .sendbird-openchannel-user-message__context-menu {
  display: block;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__left {
  position: relative;
  display: flex;
  width: 52px;
  min-width: 52px;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar {
  position: relative;
  display: flex;
  margin-top: 8px;
}
[dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar {
  margin-left: 24px;
}
[dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar {
  margin-right: 24px;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
[dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right {
  margin: 8px 24px 8px 12px;
}
[dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right {
  margin: 8px 12px 8px 24px;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top {
  position: relative;
  display: flex;
  margin-bottom: 2px;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sender-name {
  position: relative;
  display: flex;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at {
  position: relative;
  display: flex;
}
[dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at {
  margin-right: 4px;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom {
  position: relative;
  display: flex;
  width: 100%;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom .sendbird-openchannel-user-message__right__bottom__message {
  position: relative;
  word-break: break-all;
  white-space: pre-line;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__tail {
  position: relative;
  top: 2px;
}
.sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu {
  position: absolute;
  display: none;
}
[dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu {
  right: 16px;
}
[dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu {
  left: 16px;
}
.sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover {
  background-color: var(--sendbird-dark-background-700);
}
.sendbird-openchannel__mobile-menu-hyperlink {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-stretch: normal;
  font-style: normal;
  line-height: inherit;
  letter-spacing: inherit;
  font-family: inherit;
}
.sendbird-openchannel-admin-message {
  position: relative;
  margin: 16px 24px;
  padding: 12px 16px;
  border-radius: 4px;
}
.sendbird-theme--light .sendbird-openchannel-admin-message {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-admin-message {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-openchannel-admin-message:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-admin-message:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-openchannel-admin-message .sendbird-openchannel-admin-message__text {
  word-wrap: break-word;
}
.sendbird-openchannel-og-message {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sendbird-theme--light .sendbird-openchannel-og-message:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-og-message:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-openchannel-og-message:hover .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu {
  display: block;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left {
  position: relative;
  display: flex;
  width: 52px;
  min-width: 52px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar {
  position: absolute;
  display: flex;
  top: 8px;
}
[dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar {
  left: 24px;
}
[dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar {
  right: 24px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right {
  position: relative;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
}
[dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right {
  margin: 8px 24px 8px 12px;
}
[dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right {
  margin: 8px 12px 8px 24px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title {
  position: relative;
  display: flex;
  margin-bottom: 2px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sender-name {
  position: relative;
  display: flex;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at {
  position: relative;
  display: flex;
}
[dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at {
  margin-right: 4px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message {
  position: relative;
  display: inline;
  white-space: pre-wrap;
  word-break: break-all;
}
.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url {
  color: var(--sendbird-dark-primary-200);
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu {
  position: absolute;
  display: none;
}
[dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu {
  right: 16px;
}
[dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu {
  left: 16px;
}
.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover {
  background-color: var(--sendbird-dark-background-700);
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom {
  position: relative;
  display: inline;
  margin-bottom: 8px;
  width: 100%;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 360px;
  padding: 12px 12px 4px 12px;
  border-radius: 8px;
}
[dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
  left: 64px;
}
[dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
  right: 64px;
}
.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
  border: solid 1px var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
  border: solid 1px var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__url {
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
  max-width: 336px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title {
  position: relative;
  display: inline-block;
  white-space: pre-wrap;
  overflow-wrap: normal;
  margin-bottom: 8px;
  max-width: 336px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover {
  cursor: pointer;
}
.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover {
  color: var(--sendbird-light-primary-300);
}
.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover {
  color: var(--sendbird-dark-primary-200);
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__description {
  position: relative;
  display: block;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-height: 32px;
  margin-bottom: 8px;
  width: 100%;
  max-width: 336px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail {
  box-sizing: border-box;
  position: relative;
  display: block;
  margin-top: 4px;
  margin-bottom: 8px;
  width: 100%;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail:hover {
  cursor: pointer;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image {
  border-radius: 8px;
  width: 100%;
  min-width: 200px;
  max-width: 336px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder {
  border-radius: 8px;
  width: 100%;
  min-width: 200px;
  max-width: 336px;
}
.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail {
  position: relative;
  top: 2px;
}
[dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail {
  left: 64px;
}
[dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail {
  right: 64px;
}
.sendbird-openchannel-og-message--word {
  display: inline;
  margin: 0px 2px;
  word-break: break-all;
}
.sendbird-openchannel-thumbnail-message {
  position: relative;
  display: flex;
  flex-direction: row;
}
.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu {
  display: block;
}
.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover {
  background-color: var(--sendbird-dark-background-700);
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left {
  position: relative;
  display: flex;
  width: 52px;
  min-width: 52px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar {
  position: absolute;
  display: inline;
  margin-top: 8px;
}
[dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar {
  margin-left: 28px;
}
[dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar {
  margin-right: 28px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  margin-bottom: 8px;
  width: calc(100% - 64px);
}
[dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right {
  margin-left: 12px;
}
[dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right {
  margin-right: 12px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title {
  position: relative;
  display: inline;
  margin-bottom: 4px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name {
  position: relative;
  display: inline;
}
[dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name {
  margin-right: 4px;
}
[dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name {
  margin-left: 4px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sent-at {
  position: relative;
  display: inline;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body {
  position: relative;
  display: flex;
  border-radius: 8px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body:hover .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  opacity: 1;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap {
  position: relative;
  box-sizing: content-box;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  max-width: 360px;
  top: 0px;
  border-radius: 8px;
  cursor: pointer;
}
[dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  left: 0px;
}
[dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  right: 0px;
}
.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  background-color: var(--sendbird-light-overlay-02);
}
.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  background-color: var(--sendbird-dark-overlay-02);
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video {
  max-width: 360px;
  max-height: 360px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video:hover {
  cursor: pointer;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__video {
  max-width: 360px;
  max-height: 360px;
  border-radius: 8px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon {
  position: absolute;
  top: calc(50% - 28px);
}
[dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon {
  left: calc(50% - 28px);
}
[dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon {
  right: calc(50% - 28px);
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon {
  padding: 107px 152px 107px 152px;
  border-radius: 8px;
}
.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image {
  border-radius: 8px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon {
  padding: 107px 152px 107px 152px;
  border-radius: 8px;
}
.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown {
  padding: 107px 152px 107px 152px;
  border-radius: 8px;
}
.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__tail {
  position: relative;
  top: 2px;
}
.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu {
  position: absolute;
  display: none;
  top: 8px;
}
[dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu {
  right: 16px;
}
[dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu {
  left: 16px;
}
.sendbird-openchannel-file-message {
  position: relative;
  display: flex;
  flex-direction: row;
}
.sendbird-theme--light .sendbird-openchannel-file-message:hover {
  background-color: var(--sendbird-light-background-100);
}
.sendbird-theme--dark .sendbird-openchannel-file-message:hover {
  background-color: var(--sendbird-dark-background-400);
}
.sendbird-openchannel-file-message:hover .sendbird-openchannel-file-message__context-menu {
  display: block;
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__left {
  position: relative;
  display: flex;
  width: 52px;
  min-width: 52px;
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar {
  position: absolute;
  display: block;
  margin-top: 8px;
}
[dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar {
  margin-left: 24px;
}
[dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar {
  margin-right: 24px;
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
  width: calc(100% - 64px);
}
[dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right {
  margin-left: 12px;
}
[dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right {
  margin-right: 12px;
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title {
  position: relative;
  display: flex;
  margin-top: 8px;
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sender-name {
  position: relative;
  display: flex;
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at {
  position: relative;
  display: flex;
}
[dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at {
  margin-left: 4px;
}
[dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at {
  margin-right: 4px;
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body {
  position: relative;
  display: flex;
  margin-top: 4px;
  margin-bottom: 4px;
  border-radius: 8px;
  max-width: 360px;
}
.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body {
  background-color: var(--sendbird-light-background-100);
  border: solid 1px var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body {
  background-color: var(--sendbird-dark-background-500);
  border: solid 1px var(--sendbird-dark-ondark-04);
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon {
  position: relative;
  display: inline-block;
  margin: 8px;
  border-radius: 8.6px;
}
.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon {
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name {
  position: relative;
  display: flex;
  margin-top: 22px;
  overflow: hidden;
  height: 20px;
  max-height: 20px;
}
[dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name {
  margin-right: 16px;
  margin-left: 4px;
}
[dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name {
  margin-left: 16px;
  margin-right: 4px;
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name .sendbird-openchannel-file-message__right__body__file-name__label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu {
  position: absolute;
  display: none;
  top: 8px;
}
[dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu {
  right: 16px;
}
[dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu {
  left: 16px;
}
.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon {
  background-color: var(--sendbird-light-background-200);
}
.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon {
  background-color: var(--sendbird-dark-background-500);
}
.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover {
  background-color: var(--sendbird-light-primary-100);
}
.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover {
  background-color: var(--sendbird-dark-background-700);
}
.sendbird-openchannel-settings {
  height: 100%;
  width: 320px;
  display: inline-block;
  overflow-y: scroll;
  position: relative;
}
.sendbird--mobile-mode .sendbird-openchannel-settings {
  width: 100%;
}
.sendbird-theme--light .sendbird-openchannel-settings {
  background-color: var(--sendbird-light-background-50);
}
[dir="ltr"] .sendbird-theme--light .sendbird-openchannel-settings {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}
[dir="rtl"] .sendbird-theme--light .sendbird-openchannel-settings {
  border-right: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-openchannel-settings {
  background-color: var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-theme--dark .sendbird-openchannel-settings {
  border-left: 1px solid var(--sendbird-dark-ondark-04);
}
[dir="rtl"] .sendbird-theme--dark .sendbird-openchannel-settings {
  border-right: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-openchannel-settings .sendbird-participants-accordion__footer {
  padding-top: 16px;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__footer {
  text-align: left;
  padding-left: 16px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__footer {
  text-align: right;
  padding-right: 16px;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon {
  position: absolute;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon {
  left: 14px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon {
  right: 14px;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,
.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete {
  position: absolute;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete {
  left: 16px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete {
  right: 16px;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__participant {
  height: 100%;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__participant-list {
  padding-top: 64px;
  height: calc(100% - 64px);
  overflow-y: scroll;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
  left: 0;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
  right: 0;
}
.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
  background-color: var(--sendbird-dark-background-600);
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion,
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel {
  text-align: left;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion,
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel {
  text-align: right;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__members .sendbird-badge__text {
  margin-top: -2px;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__header {
  height: 64px;
  min-height: 64px;
  position: relative;
  padding: 20px 24px;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
  text-align: left;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
  text-align: right;
}
.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon {
  cursor: pointer;
  position: absolute;
  top: 20px;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon {
  right: 16px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon {
  left: 16px;
}
.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path {
  fill: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path {
  fill: var(--sendbird-dark-ondark-01);
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__placeholder {
  margin-top: 40%;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__url {
  padding: 16px;
  box-sizing: border-box;
  position: relative;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__url:hover .sendbird-openchannel-settings__copy-icon {
  display: inline-block;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon {
  cursor: pointer;
  position: absolute;
  display: none;
  top: 10px;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon {
  right: 18px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon {
  left: 18px;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value {
  margin-top: 8px;
}
.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value {
  color: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value {
  color: var(--sendbird-dark-ondark-01);
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value,
.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label {
  display: block;
  word-wrap: break-word;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value,
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label {
  text-align: left;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value,
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label {
  text-align: right;
}
.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
  padding: 12px 22px 10px 56px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
  padding: 12px 56px 10px 22px;
}
.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item:focus {
  outline: none;
}
.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item.sendbird-channel-settings__panel-item__disabled {
  cursor: not-allowed;
}
.sendbird-openchannel-settings .sendbird-participants-accordion__member {
  position: relative;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member {
  padding: 12px 0px 12px 56px;
  text-align: left;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member {
  padding: 12px 56px 12px 0px;
  text-align: right;
}
.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-label {
  max-width: 190px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,
.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,
.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id {
  position: absolute;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,
[dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,
[dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id {
  right: 16px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,
[dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,
[dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id {
  left: 16px;
}
.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__action {
  display: none;
}
.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.operator,
.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.user-id {
  display: none;
}
.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__action {
  display: inline-block;
}
.sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar {
  position: absolute;
  top: 10px;
  cursor: pointer;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar {
  left: 16px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar {
  right: 16px;
}
.sendbird-openchannel-settings .sendbird-participants-accordion__member__action {
  position: absolute;
  display: none;
  top: 4px;
  cursor: pointer;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member__action {
  right: 8px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member__action {
  left: 8px;
}
.sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,
.sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer,
.sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,
.sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer {
  padding-top: 16px;
  display: flex;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer,
[dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,
[dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer {
  justify-content: left;
  padding-left: 12px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer,
[dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,
[dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer {
  justify-content: right;
  padding-right: 12px;
}
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2),
[dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2),
[dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),
[dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2) {
  margin-left: 8px;
}
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2),
[dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2),
[dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),
[dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2) {
  margin-right: 8px;
}
.sendbird-participants-accordion__member-avatar__avatar {
  position: absolute;
}
.sendbird-more-users__popup-scroll {
  max-height: 420px;
  overflow: scroll;
}
.sendbird-openchannel-profile {
  position: relative;
  text-align: center;
  padding: 32px 40px 27px 40px;
}
.sendbird-theme--light .sendbird-openchannel-profile {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-openchannel-profile {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-openchannel-profile .sendbird-openchannel-profile--inner {
  height: 116px;
}
.sendbird-openchannel-profile .sendbird-openchannel-profile__avatar {
  margin-bottom: 16px;
  text-align: center;
}
.sendbird-openchannel-profile .sendbird-openchannel-profile__title {
  display: inline-block;
  max-width: 240px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 18px;
}
.sendbird-openchannel-profile .sendbird-openchannel-profile__edit {
  position: absolute;
  top: 10px;
}
[dir="ltr"] .sendbird-openchannel-profile .sendbird-openchannel-profile__edit {
  right: 16px;
}
[dir="rtl"] .sendbird-openchannel-profile .sendbird-openchannel-profile__edit {
  left: 16px;
}
.sendbird-theme--light .sendbird-accordion.sendbird-accordion--closed {
  border-bottom: 0px;
}
.sendbird-theme--dark .sendbird-accordion.sendbird-accordion--closed {
  border-bottom: 0px;
}
.sendbird-accordion {
  position: relative;
  box-sizing: border-box;
}
.sendbird-theme--light .sendbird-accordion {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}
.sendbird-theme--dark .sendbird-accordion {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}
.sendbird-accordion .sendbird-accordion__member {
  position: relative;
  height: 40px;
  box-sizing: border-box;
}
[dir="ltr"] .sendbird-accordion .sendbird-accordion__member {
  padding: 12px 0px 12px 44px;
}
[dir="rtl"] .sendbird-accordion .sendbird-accordion__member {
  padding: 12px 44px 12px 0px;
}
.sendbird-accordion .sendbird-accordion__footer {
  display: flex;
  justify-content: flex-start;
  margin-top: 8px;
}
.sendbird-accordion__list {
  padding-top: 8px;
  padding-bottom: 16px;
}
.sendbird-accordion__panel-header {
  cursor: pointer;
  position: relative;
}
[dir="ltr"] .sendbird-accordion__panel-header {
  padding: 12px 22px 10px 56px;
}
[dir="rtl"] .sendbird-accordion__panel-header {
  padding: 12px 56px 10px 22px;
}
.sendbird-theme--light .sendbird-accordion__panel-header {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}
.sendbird-theme--dark .sendbird-accordion__panel-header {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}
.sendbird-accordion__panel-header:focus {
  outline: none;
}
.sendbird-accordion__panel-header.sendbird-accordion__panel-item__disabled {
  cursor: not-allowed;
}
.sendbird-accordion__panel-icon-left,
.sendbird-accordion__panel-icon-right {
  position: absolute;
  top: 10px;
}
[dir="ltr"] .sendbird-accordion__panel-icon-left {
  left: 16px;
}
[dir="rtl"] .sendbird-accordion__panel-icon-left {
  right: 16px;
}
[dir="ltr"] .sendbird-accordion__panel-icon-right {
  right: 16px;
}
[dir="rtl"] .sendbird-accordion__panel-icon-right {
  left: 16px;
  transform: rotate(180deg);
}
[dir="ltr"] .sendbird-accordion__panel-icon--open {
  transform: rotate(90deg);
}
[dir="rtl"] .sendbird-accordion__panel-icon--open {
  transform: rotate(-90deg);
}
.sendbird-theme--light .sendbird-accordion__panel-icon--chevron path {
  fill: var(--sendbird-light-onlight-01);
}
.sendbird-theme--dark .sendbird-accordion__panel-icon--chevron path {
  fill: var(--sendbird-dark-ondark-01);
}
.sendbird-theme--light .sendbird-accordion__panel-icon__leave path {
  fill: var(--sendbird-light-error-300);
}
.sendbird-theme--dark .sendbird-accordion__panel-icon__leave path {
  fill: var(--sendbird-dark-error-300);
}._chatWrapper_f3qxu_1 {
  display: flex;
  flex-direction: column;
  height: 85vh;
  background: #fff;
  overflow: hidden;
}

._loading_f3qxu_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 85vh;
  font-size: 14px;
  color: #64748b;
  background: #fff;
}

/* Chat body */
._body_f3qxu_20 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Empty state */
._empty_f3qxu_27 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  font-size: 14px;
}._sidebar_19ez1_1 {
  display: flex;
  flex-direction: column;
  background: #fafafa;
  height: 100%;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  overflow-y: auto;
  min-width: fit-content;
}

._header_19ez1_12 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding: 1.5rem;
}

._channelItem_19ez1_19 {
  display: flex;
  flex-direction: column;
  padding: 12px;
  cursor: pointer;
  border-left: 4px solid transparent;
  transition: background 0.2s, border-color 0.2s;
}
._channelItem_19ez1_19:hover:not(:disabled) {
  background-color: #e6eeff;
}

._active_19ez1_31 {
  background-color: #e6eeff;
  border-left-color: #3b82f6;
}

/* === Receiver info section === */
._userRow_19ez1_37 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
}

._avatar_19ez1_44 {
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  object-fit: cover;
}

._avatarFallback_19ez1_51 {
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  background: #3b82f6;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

._userInfo_19ez1_63 {
  display: flex;
  flex-direction: column;
}

._receiverName_19ez1_68 {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  line-height: 1.2;
}

._receiverSubtext_19ez1_75 {
  font-size: 12px;
  color: #666;
}

/* === Message preview section === */
._lastMessage_19ez1_81 {
  font-size: 12px;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 4px 0;
}

/* === Timestamp line === */
._timeLine_19ez1_91 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #999;
  font-size: 11px;
}

._timeText_19ez1_99 {
  font-size: 11px;
}._chatWindow_o5j09_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

/* === Header === */
._channelHeader_o5j09_9 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(249, 250, 251, 0.6);
  padding: 12px 16px;
}

._headerContentCustom_o5j09_15 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._avatarWrapper_o5j09_21 {
  flex-shrink: 0;
}

._avatarCircle_o5j09_25 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  background-color: var(--primary, #003cff);
  color: var(--primary-foreground, #fff);
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
}
._avatarCircle_o5j09_25 img {
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  object-fit: cover;
}

._hostName_o5j09_45 {
  font-weight: 600;
  font-size: 15px;
  color: #111827;
  margin: 0;
}

._hostInfo_o5j09_52 {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
}

/* === Messages === */
._messageRow_o5j09_59 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

._justifyEnd_o5j09_66 {
  justify-content: flex-end;
}

._justifyStart_o5j09_70 {
  justify-content: flex-start;
}

._order1_o5j09_74 {
  order: 1;
}

._order2_o5j09_78 {
  order: 2;
}

._messageContent_o5j09_82 {
  display: flex;
  flex-direction: column;
  max-width: 70%;
}

._messageBubble_o5j09_88 {
  padding: 0.75rem;
  border-radius: 0.75rem;
}

._myBubble_o5j09_93 {
  background: #3b82f6;
  color: #fff;
}

._theirBubble_o5j09_98 {
  background: #e5e7eb;
  color: #111;
}

._avatar_o5j09_21 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  background: #f1f1f1;
  font-size: 0.875rem;
  font-weight: 600;
  flex-shrink: 0;
  overflow: hidden;
}
._avatar_o5j09_21 img {
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  object-fit: cover;
}

._messageAvatar_o5j09_123 {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  object-fit: cover;
}

._timestamp_o5j09_130 {
  font-size: 0.75rem;
  color: #6b7280;
  margin-top: 0.25rem;
  padding: 0 0.25rem;
}

._emptyState_o5j09_137 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #888;
  font-size: 14px;
}

/* === Footer / Input === */
._footer_o5j09_147 {
  border-radius: 0 0 16px 16px;
  border-top: 1px solid #e5e7eb;
  padding: 1rem;
  background: #fff;
}

._inputWrapper_o5j09_154 {
  display: flex;
  gap: 0.5rem;
}

._inputBox_o5j09_159 {
  flex: 1;
  height: 2.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  background: #fff;
  font-size: 1rem;
  outline: none;
}
._inputBox_o5j09_159::placeholder {
  color: #9ca3af;
}

._sendButton_o5j09_173 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.5rem;
  padding: 0 1rem;
  border: none;
  border-radius: 0.375rem;
  background: #3b82f6;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
._sendButton_o5j09_173:hover {
  background: #2563eb;
}

._sendIcon_o5j09_193 {
  width: 1rem;
  height: 1rem;
  stroke: currentColor;
}

._reminder_o5j09_199 {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 0.25rem;
  background: #fff;
}.sendbird-conversation {
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
}
.sendbird-conversation__footer {
  padding: 0;
}

.sendbird-conversation__messages-padding {
  padding-top: 1rem !important;
}._center_1ql5j_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

._spinner_1ql5j_9 {
  position: relative;
  display: inline-block;
}

._ring_1ql5j_14 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: var(--primary, #3b82f6);
  border-right-color: var(--accent, #60a5fa);
  animation: _spin_1ql5j_9 0.8s linear infinite;
}

/* === Sizes === */
._sm_1ql5j_25 {
  width: 1rem;
  height: 1rem;
}

._md_1ql5j_30 {
  width: 1.5rem;
  height: 1.5rem;
}

._lg_1ql5j_35 {
  width: 2rem;
  height: 2rem;
}

/* === Animation === */
@keyframes _spin_1ql5j_9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}._pageContainer_1i4bh_1 {
  display: flex;
  height: calc(100vh - 64px);
  overflow: hidden;
  background: linear-gradient(to top, #ffffff, #e6f0ff);
  position: relative;
}

._mainContainer_1i4bh_9 {
  background: linear-gradient(to top, #ffffff, #e6f0ff);
  flex: 1;
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem;
  max-width: 1670px;
  margin: 0 auto;
}

/* === EDGE HANDLE BUTTON === */
._edgeHandle_1i4bh_20 {
  display: none;
  position: fixed;
  top: 145px;
  left: -6px;
  transform: translateY(-50%);
  width: 32px;
  height: 100px;
  border-radius: 0 6px 6px 0;
  background: #fff;
  border: 1px solid #d1d5db;
  border-left: none;
  z-index: 1002;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #374151;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-transform: uppercase;
}
._edgeHandle_1i4bh_20:hover {
  background: #e5e7eb;
}

/* === SIDEBAR WRAPPER === */
._sidebarWrapper_1i4bh_49 {
  flex-shrink: 0;
  width: 250px;
  height: 100%;
  transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media (max-width: 1024px) {
  ._sidebarWrapper_1i4bh_49 {
    position: fixed;
    top: 80px;
    left: 0;
    bottom: 0;
    width: 240px;
    height: calc(100vh - 80px);
    z-index: 1002;
    background: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-100%);
  }
  ._sidebarWrapper_1i4bh_49._open_1i4bh_69 {
    transform: translateX(0);
  }
  ._mainContainer_1i4bh_9 {
    padding: 0.75rem;
    width: 100%;
  }
  ._edgeHandle_1i4bh_20 {
    display: flex;
  }
}
/* === OVERLAY === */
._overlay_1i4bh_81 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1001;
  animation: _fadeIn_1i4bh_1 0.3s ease;
}

@keyframes _fadeIn_1i4bh_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}._header_1gepb_1 {
  height: 64px;
  background: rgba(var(--background), 0.95);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

._sidebarTrigger_1gepb_12 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 28px;
  width: 28px;
  margin-right: 1rem;
  border-radius: 6px;
  transition: background 0.2s;
  cursor: pointer;
  border: none;
  background: transparent;
}
._sidebarTrigger_1gepb_12:hover {
  background: var(--accent);
  color: var(--accent-foreground);
}
._sidebarTrigger_1gepb_12 svg {
  pointer-events: none;
}

._headerContent_1gepb_34 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

._title_1gepb_41 {
  font-size: 1.25rem;
  font-weight: 600;
  background: linear-gradient(90deg, #007cf0, #00dfd8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._status_1gepb_49 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--muted-foreground);
}

._statusDot_1gepb_57 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
._statusDot_1gepb_57._success_1gepb_62 {
  background: #22c55e;
}
._statusDot_1gepb_57._warning_1gepb_65 {
  background: #facc15;
}
._statusDot_1gepb_57._error_1gepb_68 {
  background: #ef4444;
}._sidebar_1qtqs_1 {
  max-width: 250px;
  width: 100%;
  height: 100%;
  background: #fff;
  border-right: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 1rem 0.5rem;
  gap: 0.5rem;
}

._logo_1qtqs_14 h2 {
  font-size: 18px;
  font-weight: bold;
}
._logo_1qtqs_14 p {
  font-size: 13px;
  color: #888;
}

._content_1qtqs_23 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._group_1qtqs_29 {
  padding: 0.5rem;
}

._groupTitle_1qtqs_33 {
  font-size: 12px;
  font-weight: 600;
  color: #888;
  margin-bottom: 8px;
}

._linkList_1qtqs_40 {
  list-style: none;
  margin: 0;
  padding: 0;
}
._linkList_1qtqs_40 li {
  margin-bottom: 4px;
}

._link_1qtqs_40 {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 6px;
  font-size: 14px;
  color: #020817;
  transition: background 0.2s ease;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
}
._link_1qtqs_40:hover {
  background: #2996e8;
  color: #fff;
  --icon-color: #fff;
}
._link_1qtqs_40 svg {
  flex-shrink: 0;
}

._active_1qtqs_74 {
  background: #0068F0;
  color: #fff;
  --icon-color: #fff;
}

._footerCard_1qtqs_80 {
  margin-top: auto;
  padding: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, #1864ab, #2996e8);
  color: #fff;
  font-size: 13px;
}
._footerCard_1qtqs_80 ._footerHeader_1qtqs_88 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
._footerCard_1qtqs_80 p {
  font-size: 12px;
  margin: 0;
  opacity: 0.85;
}

._logoutBtn_1qtqs_101 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #111;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
._logoutBtn_1qtqs_101 svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  pointer-events: none;
}
._logoutBtn_1qtqs_101:hover {
  background: #f1f5f9;
  color: #111;
}
._logoutBtn_1qtqs_101:disabled {
  pointer-events: none;
  opacity: 0.5;
}

._header_1qtqs_134 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  margin-bottom: 8px;
}

._closeArrow_1qtqs_142 {
  position: fixed;
  top: 50px;
  transform: translateY(-50%);
  width: 34px;
  height: 100px;
  border-radius: 0 6px 6px 0;
  background: #fff;
  border: 1px solid #fff;
  right: -34px;
  border-left: none;
  z-index: 1002;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._closeArrow_1qtqs_142 svg {
  --icon-color: #111;
}
._closeArrow_1qtqs_142:hover {
  background: #e5e7eb;
}
._closeArrow_1qtqs_142 {
  /* hide on desktop */
}
@media (min-width: 1025px) {
  ._closeArrow_1qtqs_142 {
    display: none;
  }
}._tabList_1ji85_1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  background-color: rgb(240, 245, 255);
  border-radius: 0.375rem;
  padding: 0.25rem;
  min-height: 2.5rem;
  gap: 0.25rem;
}

._tabButton_1ji85_11 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  background: transparent;
  border: none;
  color: rgb(100, 116, 139);
}
._tabButton_1ji85_11[aria-selected=true] {
  background-color: #fff;
  color: #000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
._tabButton_1ji85_11:focus {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
._tabButton_1ji85_11:disabled {
  pointer-events: none;
  opacity: 0.5;
}._bookingCard_1tqmb_1 {
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background-color: var(--card-bg, #fff);
  color: var(--card-foreground, #000);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
  overflow: hidden;
}
._bookingCard_1tqmb_1:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._content_1tqmb_14 {
  padding: 1.5rem;
}

._topSection_1tqmb_18 {
  display: flex;
  gap: 1.5rem;
}

._image_1tqmb_23 {
  width: 8rem;
  height: 6rem;
  object-fit: cover;
  border-radius: 0.5rem;
}

._details_1tqmb_30 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._header_1tqmb_37 {
  display: flex;
  justify-content: space-between;
}
._header_1tqmb_37 h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #020817;
}
._header_1tqmb_37 ._location_1tqmb_47 {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-size: 1rem;
}
._header_1tqmb_37 ._location_1tqmb_47 svg {
  margin-right: 0.25rem;
}
._header_1tqmb_37 ._price_1tqmb_56 {
  font-weight: 600;
  color: #0068F0;
  text-align: right;
}

._tags_1tqmb_62 {
  display: flex;
  gap: 0.5rem;
}
._tags_1tqmb_62 ._tag_1tqmb_62 {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 0.125rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 600;
  background: #f3f4f6;
  color: #374151;
}

._dates_1tqmb_77 {
  font-size: 0.875rem;
  color: #6b7280;
  display: flex;
  gap: 0.5rem;
}

._actions_1tqmb_84 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

._hostInfo_1tqmb_90 {
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: #e6f0ff;
}
._hostInfo_1tqmb_90 p {
  font-size: 0.875rem;
  font-weight: 500;
}
._hostInfo_1tqmb_90 ._hostContacts_1tqmb_99 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #6b7280;
}
._hostInfo_1tqmb_90 ._hostContacts_1tqmb_99 span {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}._badge_1eq10_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.125rem 0.625rem;
  transition: background 0.2s ease, color 0.2s ease;
  cursor: default;
  border: 1px solid transparent;
  white-space: nowrap;
}

._badge_1eq10_1:focus {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

/* Existing Variants */
._primary_1eq10_21 {
  background-color: #2563eb;
  color: #ffffff;
}

._secondary_1eq10_26 {
  background-color: #f3f4f6;
  color: #111827;
}

._outline_1eq10_31 {
  border: 1px solid #d1d5db;
  background: transparent;
  color: #374151;
}

/* New Priority Variants */
._high_1eq10_38 {
  background-color: #ef4444; /* Red */
  color: #111827;
}

._medium_1eq10_43 {
  background-color: #facc15; /* Yellow */
  color: #111827;
}

._low_1eq10_48 {
  background-color: #22c55e; /* Green */
  color: #111827;
}

._info_1eq10_53 {
  background-color: #3b82f6; /* Blue */
  color: #111827;
}
._bookingCardDashboard_1tnwt_2 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  transition: box-shadow 0.2s ease;
  overflow: hidden;
  background: #fff;
}
._bookingCardDashboard_1tnwt_2:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
._bookingCardDashboard_1tnwt_2 {
  /* Prevent text or buttons from forcing overflow */
}
._bookingCardDashboard_1tnwt_2 > * {
  min-width: 0;
}
._bookingCardDashboard_1tnwt_2 {
  /* 🧱 Mobile responsive adjustments */
}
@media (max-width: 768px) {
  ._bookingCardDashboard_1tnwt_2 {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 0.75rem;
  }
}

/* === IMAGE === */
._image_1tnwt_35 {
  width: 6rem;
  height: 4rem;
  object-fit: cover;
  border-radius: 0.5rem;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  ._image_1tnwt_35 {
    width: 100%;
    height: 180px;
  }
}

/* === DETAILS === */
._details_1tnwt_50 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
._details_1tnwt_50 h3 {
  font-weight: 600;
  font-size: 1rem;
  color: #111827;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  ._details_1tnwt_50 h3 {
    white-space: normal; /* wrap on mobile */
  }
}
._details_1tnwt_50 ._location_1tnwt_71 {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: #6b7280;
  flex-wrap: wrap;
}
._details_1tnwt_50 ._location_1tnwt_71 svg {
  margin-right: 0.25rem;
  flex-shrink: 0;
}
._details_1tnwt_50 ._badges_1tnwt_82 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

/* === DATES === */
._dates_1tnwt_90 {
  text-align: right;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
._dates_1tnwt_90 ._to_1tnwt_97 {
  font-weight: 400;
  color: #6b7280;
}
@media (max-width: 768px) {
  ._dates_1tnwt_90 {
    text-align: left;
    white-space: normal;
  }
}

/* === ACTIONS === */
._actions_1tnwt_109 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex-shrink: 0;
}
._actions_1tnwt_109 button {
  height: 2.25rem;
  padding: 0 0.75rem;
  font-size: 0.8rem;
}
@media (max-width: 768px) {
  ._actions_1tnwt_109 {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    gap: 0.75rem;
  }
  ._actions_1tnwt_109 button {
    flex: 1;
    height: 2.5rem;
    font-size: 0.9rem;
  }
}._card_x820r_1 {
  display: flex;
  justify-content: start;
  align-items: center;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  background: linear-gradient(90deg, #4f46e5, #3b82f6);
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  width: 100%;
}

._content_x820r_13 {
  padding: 1.5rem;
}

._inner_x820r_17 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._title_x820r_22 {
  font-weight: 600;
}

._description_x820r_26 {
  font-size: 0.875rem;
  opacity: 0.9;
  margin-top: 0.125rem;
}._card_c3hw5_1 {
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background-color: var(--card-bg, #fff);
  color: var(--card-foreground, #111);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}
._card_c3hw5_1:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._content_c3hw5_13 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
}

._icon_c3hw5_20 {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}

._value_c3hw5_26 {
  font-size: 1.5rem;
  font-weight: 700;
}

._label_c3hw5_31 {
  font-size: 0.875rem;
  color: #6b7280;
  margin-top: 0.125rem;
}._infoCard_1xwdw_1 {
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #111827;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
  cursor: pointer;
}
._infoCard_1xwdw_1:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._infoContent_1xwdw_14 {
  text-align: center;
}

._infoIcon_1xwdw_18 {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 0.75rem auto;
}

._infoCard_1xwdw_1 h3 {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

._infoCard_1xwdw_1 p {
  font-size: 0.875rem;
  color: #6b7280;
}._overlay_fadbi_1 {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
}

._modal_fadbi_11 {
  background: #fff;
  width: 380px;
  max-width: calc(100vw - 32px);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.08);
  animation: _scaleIn_fadbi_1 0.18s ease-out;
}

@keyframes _scaleIn_fadbi_1 {
  from {
    transform: scale(0.96);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
._title_fadbi_31 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #0f172a;
}

._preview_fadbi_38 {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background: black;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 16px;
}
._preview_fadbi_38 video,
._preview_fadbi_38 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._hidden_fadbi_54 {
  visibility: hidden;
  position: absolute;
  inset: 0;
}

._actions_fadbi_60 {
  display: grid;
  gap: 10px;
}

button {
  height: 42px;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

._primary_fadbi_74 {
  background: #2563eb;
  color: #fff;
  border: none;
}
._primary_fadbi_74:hover {
  background: #1d4ed8;
}

._secondary_fadbi_83 {
  background: #f1f5f9;
  color: #0f172a;
  border: none;
}
._secondary_fadbi_83:hover {
  background: #e2e8f0;
}

._cancel_fadbi_92 {
  background: transparent;
  border: none;
  color: #64748b;
}
._cancel_fadbi_92:hover {
  color: #0f172a;
}/* DashboardPage.module.scss */
._dashboard_148zz_2 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Welcome Card */
._welcomeCard_148zz_9 {
  background: linear-gradient(90deg, #4f46e5, #3b82f6); /* gradient-primary */
  border-radius: 1rem; /* rounded-2xl */
  padding: 1.5rem; /* p-6 */
  color: #ffffff; /* text-primary-foreground */
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); /* shadow-elegant */
}

._welcomeContent_148zz_17 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._welcomeContent_148zz_17 h1 {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700; /* font-bold */
  margin-bottom: 0.5rem; /* mb-2 */
}

._welcomeContent_148zz_17 p {
  opacity: 0.9; /* text-primary-foreground/90 */
}

._welcomeIcon_148zz_33 {
  width: 4rem; /* h-16 */
  height: 4rem; /* w-16 */
  opacity: 0.2;
}

/* Stats Grid */
._statsGrid_148zz_40 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
@media (min-width: 768px) {
  ._statsGrid_148zz_40 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  ._statsGrid_148zz_40 {
    grid-template-columns: repeat(4, 1fr);
  }
}

._statsGrid_148zz_40 > * {
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #111827;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}

._statsGrid_148zz_40 > *:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._statsGrid_148zz_40 ._icon_148zz_69 {
  margin-right: 1rem;
}

/* Current Reservations Section */
._reservationsCard_148zz_74 {
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}

._reservationsHeader_148zz_83 {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._reservationsHeader_148zz_83 h3 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._reservationsIcon_148zz_99 {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}

._reservationsBody_148zz_105 {
  display: grid;
  gap: 1rem;
  padding: 1.5rem;
  padding-top: 0;
}

/* Feature Cards Grid */
._featuresGrid_148zz_113 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
@media (min-width: 768px) {
  ._featuresGrid_148zz_113 {
    grid-template-columns: repeat(3, 1fr);
  }
}

._featuresGrid_148zz_113 > * {
  padding: 1.5rem;
  text-align: center;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  transition: box-shadow 0.2s ease;
  cursor: pointer;
}

._featuresGrid_148zz_113 > *:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._featuresGrid_148zz_113 svg {
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.75rem;
}

._featuresGrid_148zz_113 h3 {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

._featuresGrid_148zz_113 p {
  font-size: 0.875rem;
  color: #6b7280;
}._page_k0dlk_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._header_k0dlk_7 ._title_k0dlk_7 {
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
._header_k0dlk_7 ._description_k0dlk_12 {
  font-size: 1rem;
  color: hsl(215.4, 16.3%, 46.9%);
}

._bookingCards_k0dlk_17 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._tabs_k0dlk_23 {
  width: 100%;
  margin-bottom: 1.5rem;
}
._tabs_k0dlk_23 ._tabList_k0dlk_27 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: var(--muted);
  border-radius: 0.375rem;
  padding: 0.25rem;
  color: var(--muted-foreground);
}
._tabs_k0dlk_23 ._tabList_k0dlk_27 button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
}
._tabs_k0dlk_23 ._tabList_k0dlk_27 button._active_k0dlk_45 {
  background-color: var(--background);
  color: var(--foreground);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._tabContent_k0dlk_51 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._tabContent_k0dlk_51 ._placeholder_k0dlk_56 {
  color: var(--muted-foreground);
  font-style: italic;
}

._footer_k0dlk_61 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}._page_scmzi_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._header_scmzi_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._headerLeft_scmzi_13 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._title_scmzi_19 {
  font-size: 2rem;
  font-weight: bold;
  background: #3b82f6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._headerRight_scmzi_27 {
  display: flex;
  gap: 0.5rem;
}

._button_scmzi_32 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  cursor: pointer;
}
._button_scmzi_32:hover {
  background-color: #e0f2fe;
}

._icon_scmzi_47 {
  width: 1rem;
  height: 1rem;
}

._tabActive_scmzi_52 {
  background-color: #f3f4f6;
  color: #111827;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  cursor: pointer;
}

._tabInactive_scmzi_60 {
  background-color: transparent;
  color: #6b7280;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  cursor: pointer;
}

._notifications_scmzi_68 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._filterButtons_scmzi_74 {
  display: flex;
  gap: 0.5rem;
}

._filterActive_scmzi_79 {
  background-color: #3b82f6;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 0.375rem;
  cursor: pointer;
}

._filterInactive_scmzi_87 {
  background-color: #f3f4f6;
  color: #111827;
  padding: 0.25rem 0.75rem;
  border-radius: 0.375rem;
  cursor: pointer;
}

._notificationList_scmzi_95 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._card_scmzi_101 {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-radius: 0.5rem;
  border-left: 4px solid #3b82f6;
  background-color: #e0f2fe;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}
._card_scmzi_101:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._cardLeft_scmzi_115 {
  display: flex;
  gap: 1rem;
}

._cardIcon_scmzi_120 {
  background-color: #bfdbfe;
  padding: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

._cardContent_scmzi_129 {
  display: flex;
  flex-direction: column;
}

._cardHeader_scmzi_134 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  flex-wrap: wrap;
}

._badge_scmzi_142 {
  background-color: #fcd34d;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #111827;
}

._badgeNew_scmzi_151 {
  background-color: #3b82f6;
  color: white;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

._cardContent_scmzi_129 p {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  color: #111827;
}

._cardTime_scmzi_166 {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: #6b7280;
  gap: 0.25rem;
}

._cardActions_scmzi_174 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

._cardButton_scmzi_180 {
  background-color: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  cursor: pointer;
}
._cardButton_scmzi_180:hover {
  background-color: #e0f2fe;
}._card_a2adp_1 {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #f9fafb;
  border-left: 4px solid transparent;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
  opacity: 0.8;
}
._card_a2adp_1:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._unread_a2adp_16 {
  background-color: rgb(237, 243, 255);
  border-left-color: #3b82f6;
  opacity: 1;
}

._cardLeft_a2adp_22 {
  display: flex;
  gap: 1rem;
  flex: 1;
}

._cardIcon_a2adp_28 {
  background-color: #dbeafe;
  padding: 0.5rem;
  border-radius: 0.5rem;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

._icon_a2adp_38 {
  width: 1rem;
  height: 1rem;
  color: #1e3a8a;
}

._iconSmall_a2adp_44 {
  width: 0.75rem;
  height: 0.75rem;
  color: #6b7280;
}

._cardContent_a2adp_50 {
  display: flex;
  flex-direction: column;
}
._cardContent_a2adp_50 p {
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
  color: #111827;
}

._cardHeader_a2adp_60 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  flex-wrap: wrap;
}
._cardHeader_a2adp_60 h3 {
  font-size: 1rem;
  font-weight: 600;
}

._badge_a2adp_72 {
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #111827;
  background-color: #f3f4f6;
}

._badgeNew_a2adp_82 {
  background-color: #2563eb;
  color: white;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

._medium_a2adp_91 {
  background-color: #fcd34d;
}

._high_a2adp_95 {
  background-color: #ef4444;
  color: white;
}

._low_a2adp_100 {
  background-color: #6ee7b7;
}

._cardTime_a2adp_104 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #6b7280;
}

._cardActions_a2adp_112 {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 0.5rem;
}._chatContainer_gwyjr_1 {
  display: flex;
  gap: 1.5rem;
  height: 600px;
  background: transparent;
}._field_1yy8u_1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._field_1yy8u_1 label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #555;
}
._field_1yy8u_1 input {
  padding: 0.5rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 1rem;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  background: #fff;
  color: #111;
}
._field_1yy8u_1 input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}
._field_1yy8u_1 input:disabled {
  background: #f9fafb;
  color: #888;
  cursor: not-allowed;
}
._field_1yy8u_1 ._error_1yy8u_30 {
  border-color: #dc2626 !important;
}._avatarWrapper_12r7k_1 {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

._formGrid_12r7k_7 {
  width: 100%;
  display: flex;
  flex-wrap: wrap; /* allows wrapping on smaller screens */
  gap: 1.5rem;
}

._column_12r7k_14 {
  flex: 1 1 45%; /* grow, shrink, basis */
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._saveButton_12r7k_21 {
  width: 100%;
  padding: 0.85rem;
  margin-top: 1rem;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 6px 15px rgba(59, 130, 246, 0.35);
  transition: all 0.3s ease;
}

._saveButton_12r7k_21:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.45);
}

/* Mobile adjustments */
@media (max-width: 768px) {
  ._formGrid_12r7k_7 {
    flex-direction: column; /* stack columns */
  }
  ._column_12r7k_14 {
    flex: 1 1 100%;
  }
}._avatarWrapper_1yzhd_1 {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
  transition: 0.2s ease border-color;
}
._avatarWrapper_1yzhd_1:hover {
  border-color: #3b82f6;
}

._avatar_1yzhd_1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._placeholder_1yzhd_25 {
  font-size: 2rem;
  font-weight: bold;
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
}

._fileInput_1yzhd_34 {
  display: none;
}

._wrapper_1yzhd_38 {
  position: relative;
  display: inline-block;
}

._avatarWrapper_1yzhd_1 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e5e7eb;
}

._avatar_1yzhd_1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._placeholder_1yzhd_25 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  color: #64748b;
}

._menu_1yzhd_68 {
  position: absolute;
  top: 130px;
  left: 0;
  background: white;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  padding: 6px;
  z-index: 20;
  display: flex;
  flex-direction: column;
  min-width: 180px;
}
._menu_1yzhd_68 button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
}
._menu_1yzhd_68 button:hover {
  background: #f1f5f9;
}

._fileInput_1yzhd_34 {
  display: none;
}._dobField_rwsm1_1 {
  display: flex;
  flex-direction: column;
  position: relative;
}

._label_rwsm1_7 {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}

._input_rwsm1_12 {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 0.925rem;
  cursor: pointer;
  background-color: #fff;
}

._calendarPopup_rwsm1_21 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 0.5rem;
}

._disabled_rwsm1_31 {
  background: #f9fafb;
  color: #888;
  cursor: not-allowed;
}._field_1ckb9_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
._field_1ckb9_1 label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #555;
}
._field_1ckb9_1 textarea {
  padding: 0.5rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 1rem;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  background: #fff;
  color: #111;
  resize: vertical;
  min-height: 100px;
  max-height: 500px;
}
._field_1ckb9_1 textarea:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}
._field_1ckb9_1 textarea:disabled {
  background: #f9fafb;
  color: #888;
  cursor: not-allowed;
}
._field_1ckb9_1 ._error_1ckb9_36 {
  border-color: #dc2626 !important;
}
._field_1ckb9_1 ._errorText_1ckb9_39 {
  font-size: 0.75rem;
  color: #dc2626;
  margin-top: 0.25rem;
}._selectField_1yvs0_1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
}

._label_1yvs0_8 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #555;
}

._select_1yvs0_1 {
  padding: 0.5rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 1rem;
  background: #fff;
  color: #111;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}

._select_1yvs0_1:hover {
  border-color: #9ca3af;
}

._select_1yvs0_1:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

._disabled_1yvs0_37 {
  background: #f9fafb;
  color: #888;
  cursor: not-allowed;
}

._placeholder_1yvs0_43 {
  color: #999;
}

._selectedText_1yvs0_47 {
  color: #111;
}

._arrow_1yvs0_51 {
  font-size: 0.75rem;
  margin-left: 0.5rem;
  color: #555;
}

/* Dropdown styles */
._dropdown_1yvs0_58 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  max-height: 400px;
  overflow-y: auto;
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

._option_1yvs0_73 {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  font-size: 0.95rem;
  transition: background 0.15s;
}

._option_1yvs0_73:hover {
  background: #f3f4f6;
}

._activeOption_1yvs0_84 {
  background: #e0f2fe;
  color: #0369a1;
}._profileContainer_1puah_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 2rem;
  max-width: 900px;
  margin: auto;
  background: #f9f9fb;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

._avatarWrapper_1puah_13 {
  position: relative;
  margin-bottom: 2rem;
  text-align: center;
}

._avatar_1puah_13 {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease;
}

._avatar_1puah_13:hover {
  transform: scale(1.05);
}

._changeAvatar_1puah_33 {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #3b82f6;
  cursor: pointer;
}

._changeAvatar_1puah_33:hover {
  color: #2563eb;
}

._form_1puah_46 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

._field_1puah_53 {
  display: flex;
  flex-direction: column;
}

._field_1puah_53 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: #444;
  margin-bottom: 0.35rem;
}

._field_1puah_53 input,
._field_1puah_53 select {
  padding: 0.65rem 0.85rem;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 1rem;
  background: #fff;
  transition: all 0.2s ease;
}

._field_1puah_53 input:focus,
._field_1puah_53 select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
  outline: none;
}

._field_1puah_53 input:disabled,
._field_1puah_53 select:disabled {
  background: #f3f4f6;
  color: #888;
  cursor: not-allowed;
}

._saveButton_1puah_89 {
  grid-column: 1/-1;
  padding: 0.85rem 1rem;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
  box-shadow: 0 6px 15px rgba(59, 130, 246, 0.35);
}

._saveButton_1puah_89:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.45);
}

@media (max-width: 768px) {
  ._form_1puah_46 {
    grid-template-columns: 1fr;
  }
  ._avatar_1puah_13 {
    width: 120px;
    height: 120px;
  }
}._page_1inw1_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}._page_1inw1_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}._page_1inw1_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
/* === GENERAL LAYOUT === */
._navbar_s4fu7_3 {
  height: 64px;
  position: relative;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  color: white;
  background: hsl(215.45, 31.43%, 13.73%);
  backdrop-filter: blur(10px);
  font-family: Inter, sans-serif;
}

._navbarLanding_s4fu7_18 {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 1rem 1.5rem;
  background: transparent;
  backdrop-filter: unset;
  border: none;
  max-width: 1392px;
  margin: 0 auto;
}

/* === LOGO === */
._logo_s4fu7_33 {
  display: flex;
  align-items: center;
}

/* === NAV MENU === */
._nav-menu_s4fu7_39 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._nav-menu_s4fu7_39 a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  position: relative;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
  z-index: 1;
}

._nav-menu_s4fu7_39 a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  box-shadow: 0 0 12px rgba(0, 223, 216, 0.4);
  transform: scale(0.85);
  opacity: 0;
  transition: all 0.35s ease;
  z-index: -1;
}

._nav-menu_s4fu7_39 a:hover::before,
._nav-menu_s4fu7_39 a._active_s4fu7_75::before {
  transform: scale(0.99);
  opacity: 1;
}

._nav-menu_s4fu7_39 a:hover,
._nav-menu_s4fu7_39 a._active_s4fu7_75 {
  color: #FFF;
}

._nav-menu_s4fu7_39 a svg {
  --icon-color: rgba(255, 255, 255, 0.8);
  transition: opacity 0.25s ease, filter 0.25s ease;
}

/* Hover / Active icons brighter */
._nav-menu_s4fu7_39 a:hover svg,
._nav-menu_s4fu7_39 a._active_s4fu7_75 svg {
  opacity: 1;
  --icon-color: rgba(255, 255, 255, 1);
}

/* === TOOLTIP === */
._nav-item-tooltip_s4fu7_98 {
  position: relative;
}

._nav-item-tooltip_s4fu7_98 ._tooltip_s4fu7_102 {
  z-index: 99;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.5rem;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

._nav-item-tooltip_s4fu7_98:hover ._tooltip_s4fu7_102 {
  opacity: 1;
}

/* === SEARCH BAR === */
._search-bar_s4fu7_127 {
  position: relative;
}

._search-bar_s4fu7_127 input {
  width: 160px;
  padding: 0.5rem 2.5rem 0.5rem 0.75rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(6px);
  outline: none;
  transition: all 0.3s ease;
}

._search-bar_s4fu7_127 input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

._search-bar_s4fu7_127 input:focus {
  border-color: #0ea5e9;
  box-shadow: 0 0 0 2px #0ea5e9;
}

._search-btn_s4fu7_152 {
  position: absolute;
  top: 54%;
  right: 6px;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

._search-btn_s4fu7_152:hover {
  opacity: 0.8;
}

/* === RIGHT CONTROLS === */
._controls_s4fu7_168 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* === ICON BUTTONS === */
._wishlist-btn_s4fu7_175,
._profile-btn_s4fu7_176 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

._wishlist-btn_s4fu7_175 {
  background: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
}

._wishlist-btn_s4fu7_175:hover {
  animation: _pulse_s4fu7_1 1s infinite alternate;
  box-shadow: 0 0 20px #00dfd8, 0 0 30px #0ea5e9;
}

._profile-btn_s4fu7_176 {
  background: black;
  border: 2px solid #0ea5e9;
}

._profile-btn_s4fu7_176:hover {
  animation: _pulse_s4fu7_1 1s infinite alternate;
  box-shadow: 0 0 20px #00dfd8, 0 0 30px #0ea5e9;
}

._profileAvatar_s4fu7_207 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

._userInitials_s4fu7_213 {
  color: white;
  font-weight: bold;
  font-size: 1rem;
}

@keyframes _pulse_s4fu7_1 {
  from {
    box-shadow: 0 0 10px #00dfd8, 0 0 15px #0ea5e9;
  }
  to {
    box-shadow: 0 0 25px #00dfd8, 0 0 40px #0ea5e9;
  }
}
/* === BURGER MENU === */
._burger_s4fu7_228 {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: background 0.3s ease;
}

._burger_s4fu7_228:hover {
  background: rgba(255, 255, 255, 0.2);
}

._burger_s4fu7_228 ._line_s4fu7_247 {
  width: 20px;
  height: 2px;
  background: white;
  border-radius: 2px;
}

/* === MOBILE MENU === */
._mobile-menu_s4fu7_255 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: hsl(215.45, 31.43%, 13.73%);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  z-index: 999;
  /* 🔹 Animation defaults */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

._mobile-top_s4fu7_274 {
  display: flex;
  gap: 0.75rem;
}

._mobile-top_s4fu7_274 button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 40px;
  border-radius: 10px;
  font-size: 15px;
  color: white;
  background: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  transition: background 0.3s ease;
}

._mobile-top_s4fu7_274 button:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* === MOBILE MENU LINK ICONS === */
._mobile-menu_s4fu7_255 a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  padding: 0.6rem 0.75rem;
  border-radius: 8px;
  transition: background 0.3s ease, color 0.3s ease, filter 0.3s ease;
}

._mobile-menu_s4fu7_255 a svg {
  --icon-color: rgba(255, 255, 255, 0.8);
  transition: opacity 0.25s ease, filter 0.25s ease;
}

/* Hover / Active state — brighter icons */
._mobile-menu_s4fu7_255 a:hover svg,
._mobile-menu_s4fu7_255 a._active_s4fu7_75 svg {
  opacity: 1;
  --icon-color: rgba(255, 255, 255, 1);
}

._mobile-menu_s4fu7_255 a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #FFF;
}

._mobileLangSwitcher_s4fu7_328 {
  display: none;
}

._logoShrink_s4fu7_332 {
  display: none;
}

@media (max-width: 1124px) {
  ._logoShrink_s4fu7_332 {
    display: block;
  }
  ._logoFull_s4fu7_340 {
    display: none;
  }
}
/* === RESPONSIVE === */
@media (max-width: 1024px) {
  ._mobileLangSwitcher_s4fu7_328 {
    display: block;
  }
  ._nav-menu_s4fu7_39,
  ._search-bar_s4fu7_127,
  ._controls_s4fu7_168 {
    display: none;
  }
  ._burger_s4fu7_228 {
    display: flex;
  }
  ._menu-open_s4fu7_357 ._mobile-menu_s4fu7_255 {
    display: flex;
  }
  ._menu-open_s4fu7_357 ._mobile-menu_s4fu7_255 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  ._mobile-menu_s4fu7_255 ._search-bar_s4fu7_127 {
    display: flex;
    width: 100%;
  }
  ._mobile-menu_s4fu7_255 ._search-bar_s4fu7_127 input {
    width: 100%;
    padding: 0.6rem 2.5rem 0.6rem 0.75rem;
  }
  ._navbarLanding_s4fu7_18 ._mobile-menu_s4fu7_255 {
    position: fixed;
    top: 0;
  }
  ._logo_s4fu7_33 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
._switchToHost_s4fu7_383 {
  height: 34px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: transparent;
  color: white;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  transition: background 0.2s ease, border-color 0.2s ease;
}
._switchToHost_s4fu7_383:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.6);
}

._switchToHostMobile_s4fu7_403 {
  width: 100%;
  height: 42px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}._lang-dropdown_1f2j6_1 {
  position: relative;
}
._lang-dropdown_1f2j6_1._mobile_1f2j6_4 {
  display: none;
}
._lang-dropdown_1f2j6_1 ._lang-btn_1f2j6_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  min-width: 80px;
  padding: 0.375rem 0.375rem 0.375rem 0.625rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  cursor: pointer;
  transition: background 0.3s ease;
}
._lang-dropdown_1f2j6_1 ._lang-btn_1f2j6_7:hover {
  background: rgba(255, 255, 255, 0.2);
}
._lang-dropdown_1f2j6_1 ._lang-btn_1f2j6_7 img {
  width: 16px;
  height: 16px;
}
._lang-dropdown_1f2j6_1._open_1f2j6_28 ._lang-btn_1f2j6_7 img:last-child {
  transform: rotate(180deg);
}
._lang-dropdown_1f2j6_1 ._lang-menu_1f2j6_31 {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  margin-top: 0.25rem;
  background: rgb(20, 24, 40);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  backdrop-filter: blur(6px);
  list-style: none;
  padding: 0;
  z-index: 999999;
}
._lang-dropdown_1f2j6_1 ._lang-menu_1f2j6_31 li a {
  display: block;
  padding: 0.5rem;
  color: white;
  text-decoration: none;
  border-radius: 0.5rem;
  transition: background 0.2s ease;
}
._lang-dropdown_1f2j6_1 ._lang-menu_1f2j6_31 li a:hover {
  background: rgba(255, 255, 255, 0.2);
}
._lang-dropdown_1f2j6_1._open_1f2j6_28 ._lang-menu_1f2j6_31 {
  display: block;
}._wrapper_102h1_1 {
  width: 100%;
}
._wrapper_102h1_1 ._switcher_102h1_4 {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  background: #252935;
  border-radius: 8px;
  padding: 2px;
  gap: 4px;
}

._btn_102h1_15 {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 1.25rem;
  border: none;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 600;
  color: white;
  background: transparent;
  cursor: pointer;
  --icon-color: #fff;
}
._btn_102h1_15._active_102h1_30 {
  color: #fff;
  background: linear-gradient(90deg, #0ea5e9, #2563eb);
}
._btn_102h1_15._active_102h1_30 ._icon_102h1_34 {
  --icon-color: #fff;
}

._btn_102h1_15._vertical_102h1_38 {
  padding: 0.5rem 0.5rem; /* adjust padding for vertical layout */
  height: auto;
  justify-content: center;
  font-size: 12px;
}

._daily_102h1_45:hover, ._monthly_102h1_45:hover, ._any_102h1_45:hover {
  color: #fff;
}
._daily_102h1_45:hover ._icon_102h1_34, ._monthly_102h1_45:hover ._icon_102h1_34, ._any_102h1_45:hover ._icon_102h1_34 {
  --icon-color: #fff;
}

._daily_102h1_45:hover {
  background: #38bdf8;
}

._monthly_102h1_45:hover {
  background: #4ade80;
}

._any_102h1_45:hover {
  background: rgba(255, 255, 255, 0.3);
}

._btn_102h1_15._active_102h1_30._daily_102h1_45 {
  background: #2996e8; /* blue */
  color: #fff;
}

._btn_102h1_15._active_102h1_30._monthly_102h1_45 {
  background: #22c55e; /* green */
  color: #fff;
}
._btn_102h1_15._active_102h1_30._monthly_102h1_45 ._icon_102h1_34 {
  --icon-color: #fff;
}

._btn_102h1_15._active_102h1_30._any_102h1_45 {
  background: #fff; /* or keep default */
  color: #111;
}

._mobileWrapper_102h1_82._wrapper_102h1_1 {
  position: absolute;
  top: 62px;
}._header_1kfno_1 {
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  padding: 6px 12px;
}

._flex_1kfno_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* === LEFT SECTION === */
._leftSection_1kfno_16 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._iconBox_1kfno_22 {
  height: 42px;
  min-width: 42px;
  border-radius: 16px;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(59, 130, 246, 0.4);
}

._content_1kfno_33 {
  display: flex;
  flex-direction: column;
}

._title_1kfno_38 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}
._title_1kfno_38 ._highlight_1kfno_43 {
  color: #3b82f6;
}

._stats_1kfno_47 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: #6b7280;
}

/* === RIGHT SECTION === */
._rightSection_1kfno_56 {
  position: relative;
  z-index: 50;
}

/* --- Custom Dropdown --- */
._sortSelect_1kfno_62 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  padding: 6px 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: box-shadow 0.2s ease;
}
._sortSelect_1kfno_62:hover {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}

._selectTrigger_1kfno_79 {
  all: unset;
  cursor: pointer;
  font-size: 0.92rem;
  font-weight: 700;
  color: #111827;
  padding-right: 20px;
  line-height: 1.2;
}

._selectArrow_1kfno_89 {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #6b7280;
  transform: translateY(-50%);
  pointer-events: none;
}

._selectMenu_1kfno_102 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 160px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  padding: 6px;
  list-style: none;
  display: none;
  z-index: 1000;
}
._selectMenu_1kfno_102._menuOpen_1kfno_116 {
  display: block;
}

._selectOption_1kfno_120 {
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 0.92rem;
  color: #111827;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
._selectOption_1kfno_120:hover {
  background: #eff6ff;
  color: #2563eb;
}
._selectOption_1kfno_120._active_1kfno_132 {
  background: #eef2ff;
  color: #3730a3;
  font-weight: 700;
}

@media (max-width: 560px) {
  ._selectMenu_1kfno_102 {
    min-width: 200px;
  }
  ._header_1kfno_1 {
    padding: 2px;
  }
  ._title_1kfno_38 {
    display: flex;
    flex-direction: column;
    line-height: 16px;
    font-size: 1rem;
  }
  ._stats_1kfno_47 {
    display: none;
  }
  ._iconBox_1kfno_22 {
    height: 36px;
    min-width: 36px;
    border-radius: 12px;
  }
  ._leftSection_1kfno_16 {
    gap: 6px;
  }
}._wrapper_of85f_1 {
  padding: 0 16px 20px;
}

._livesOnListing_of85f_5._wrapper_of85f_1 {
  padding: 0;
  margin-top: 4px;
  background: transparent;
  box-shadow: none;
}

._livesOnLanding_of85f_12._wrapper_of85f_1 {
  padding: 0 16px 20px;
  margin: 0;
  background: transparent;
  box-shadow: none;
}

@media (min-width: 768px) {
  ._wrapper_of85f_1 {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: 600px;
    background: white;
    padding: 6px 10px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    transition: bottom 0.35s ease, transform 0.35s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  }
}
._wrapper_1g8nx_2 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

._searchBar_1g8nx_9 {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 20px;
  width: 100%;
  min-height: 60px;
  position: relative;
  z-index: 10;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

._livesOnLanding_1g8nx_22 ._searchBar_1g8nx_9 {
  box-shadow: 0 9px 30px 0 rgba(103, 103, 109, 0.1294117647);
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #007cf0, #00dfd8) border-box;
  padding: 0 0.5rem 0.5rem 0.5rem;
}
._livesOnLanding_1g8nx_22 ._item_1g8nx_27 {
  padding: 1rem 0.125rem;
}
._livesOnLanding_1g8nx_22 button {
  height: 3rem !important;
}

._searchInput_1g8nx_34 {
  position: relative;
  width: 100%;
  background: rgb(243, 244, 246);
  border-radius: 12px;
  padding-left: 12px;
}
._searchInput_1g8nx_34 svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
._searchInput_1g8nx_34 input {
  background: rgb(243, 244, 246);
  width: 100%;
  height: 40px;
  padding: 0 32px 0 0;
  border: none;
  outline: none;
  font-size: 0.95rem;
  border-radius: 12px;
}
._searchInput_1g8nx_34 input::placeholder {
  color: black;
}

._filterAction_1g8nx_61 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 12px;
  background: rgb(243, 244, 246);
  cursor: pointer;
  transition: all 0.3s ease;
}
._filterAction_1g8nx_61 span {
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
}

._middleGrid_1g8nx_78 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  width: 100%;
}

._bottomSearchButton_1g8nx_85 {
  width: 100%;
  display: flex;
  justify-content: center;
}
._bottomSearchButton_1g8nx_85 button {
  width: 100%;
  height: 40px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(90deg, #007cf0, #00dfd8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._bottomSearchButton_1g8nx_85 button:hover {
  opacity: 0.9;
}

._item_1g8nx_27 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.5rem;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
  min-width: 0; /* allows text truncation */
}
._item_1g8nx_27:hover {
  background: #fafafa;
}

._texts_1g8nx_120 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

._label_1g8nx_127 {
  font-weight: 500;
  font-size: 0.9rem;
  background: linear-gradient(90deg, #007cf0, #00dfd8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._subtext_1g8nx_138 {
  font-size: 0.8rem;
  color: rgba(30, 30, 30, 0.4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._divider_1g8nx_146 {
  display: none; /* no need for dividers in grid */
}

/* Full-width search button at bottom */
/* Full-width search button row */
._clearBtn_1g8nx_152 {
  position: absolute;
  right: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
._clearBtn_1g8nx_152:hover {
  opacity: 1;
}

._calendarWrapper_1g8nx_166 {
  position: absolute;
  top: calc(100% - 56px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}

/* -------- RESPONSIVE -------- */
@media (max-width: 560px) {
  ._middleGrid_1g8nx_78 {
    gap: 0;
    grid-template-columns: 1fr 1fr; /* 2 columns */
    grid-template-rows: auto auto auto; /* 2 rows of inputs + search button */
  }
  ._item_1g8nx_27 {
    justify-content: flex-start;
    border-radius: 12px;
    background: #fafafa;
  }
  /* Children order in DOM:
     1: .item (Where)
     2: .divider
     3: .item (Check-in)
     4: .divider
     5: .item (Check-out)
     6: .divider
     7: .item (Guests)
     8: .searchButton
  */
  /* Top row → Where (left) | Guests (right) */
  ._item_1g8nx_27:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1;
  }
  /* Where */
  ._item_1g8nx_27:nth-child(7) {
    grid-column: 2/3;
    grid-row: 1;
  }
  /* Guests */
  /* Bottom row → Check-in (left) | Check-out (right) */
  ._item_1g8nx_27:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2;
  }
  /* Check-in */
  ._item_1g8nx_27:nth-child(5) {
    grid-column: 2/3;
    grid-row: 2;
  }
  /* Check-out */
  /* Full-width search button at bottom */
  ._searchButton_1g8nx_194 {
    grid-column: 1/3;
    grid-row: 3;
    border-radius: 1rem;
    height: 42px;
    width: 100%;
  }
}
._itemDivider_1g8nx_227 {
  display: none;
}

._livesOnListing_1g8nx_231._wrapper_1g8nx_2 {
  padding: 0;
  gap: 8px;
}

._livesOnListing_1g8nx_231 ._filterAction_1g8nx_61 {
  border-radius: 8px;
  background: #252935;
  color: #fff;
}
._livesOnListing_1g8nx_231 ._filterAction_1g8nx_61:hover {
  background: rgba(0, 0, 0, 0.9);
}
._livesOnListing_1g8nx_231 ._searchBar_1g8nx_9 {
  background-color: #252935;
  box-shadow: none;
  padding: 0;
  border-radius: 16px;
}
._livesOnListing_1g8nx_231 ._label_1g8nx_127 {
  color: white;
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
._livesOnListing_1g8nx_231 ._subtext_1g8nx_138 {
  font-size: 0.8rem;
  color: #C2C0C0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._livesOnListing_1g8nx_231 ._item_1g8nx_27 {
  border-radius: 12px;
}
._livesOnListing_1g8nx_231 ._item_1g8nx_27:hover {
  background: rgba(0, 0, 0, 0.6);
}
._livesOnListing_1g8nx_231 ._item_1g8nx_27 ._itemDivider_1g8nx_227 {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 60%;
  width: 1px;
  background: #6A6A6A;
}
._livesOnListing_1g8nx_231 ._searchInput_1g8nx_34 {
  background: transparent;
  width: 300%;
  padding: 0;
}
._livesOnListing_1g8nx_231 ._searchInput_1g8nx_34 svg {
  display: none;
}
._livesOnListing_1g8nx_231 ._searchInput_1g8nx_34 input {
  background: transparent;
  padding: 0;
  height: 32px;
  color: white;
}
._livesOnListing_1g8nx_231 ._searchInput_1g8nx_34 input::placeholder {
  color: white;
}
._livesOnListing_1g8nx_231 ._bottomDivider_1g8nx_296 {
  height: 2px;
  width: 100%;
  background-color: #6A6A6A;
}
._livesOnListing_1g8nx_231 ._bottomSearchButton_1g8nx_85 {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}
._livesOnListing_1g8nx_231 ._bottomSearchButton_1g8nx_85 button {
  border-radius: 8px;
  height: 32px;
}
._livesOnListing_1g8nx_231 ._middleGrid_1g8nx_78 {
  gap: 0;
}._dropdown_65dgg_1 {
  position: absolute;
  top: 100%;
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  z-index: 999;
  overflow-y: auto;
  max-height: 280px;
  min-width: 250px;
}

._option_65dgg_15 {
  padding: 0.75rem 1rem;
  cursor: pointer;
  font-size: 0.95rem;
  color: #252525;
  transition: background-color 0.15s ease;
}
._option_65dgg_15:hover {
  background: #f9f9f9;
}
._option_65dgg_15._active_65dgg_25 {
  background: #f0f3ff;
  color: #1e40af;
  font-weight: 500;
}

._searchWrapper_65dgg_31 {
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid #eee;
}

._searchInput_65dgg_36 {
  width: 100%;
  padding: 0.4rem 0.6rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 0.85rem;
  outline: none;
  transition: border 0.2s;
}
._searchInput_65dgg_36:focus {
  border-color: #007cf0;
}

._noResults_65dgg_49 {
  cursor: default;
  padding: 0.8rem;
  text-align: center;
  font-size: 0.85rem;
  color: #666;
}

@media (max-width: 768px) {
  ._dropdown_65dgg_1 {
    top: unset;
    bottom: 100%;
  }
}._dropdownPanel_boue5_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  top: 100%;
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  z-index: 999;
  padding: 0.75rem 1rem;
  max-height: 280px;
  min-width: 300px;
  overflow-y: auto;
}

._row_boue5_19 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

._header_boue5_26 {
  font-size: 1rem;
  font-weight: 600;
  color: #252525;
  white-space: nowrap;
}

._controls_boue5_33 {
  display: flex;
  align-items: center;
}

._circleBtn_boue5_38 {
  appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  line-height: 0;
  cursor: pointer;
}
._circleBtn_boue5_38:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

._input_boue5_51 {
  width: 38px;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  border: none;
  outline: none;
  background: transparent;
}
._input_boue5_51::-webkit-outer-spin-button, ._input_boue5_51::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._subtext_boue5_66 {
  font-size: 0.75rem;
  color: #6b7280;
}

@media (max-width: 768px) {
  ._dropdownPanel_boue5_1 {
    top: unset;
    bottom: 100%;
  }
}._container_r27ls_1 {
  width: 100%;
  height: calc(100svh - 64px);
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  overflow: hidden;
}

/* LEFT SIDE LIST */
._listColumn_r27ls_10 {
  display: flex;
  position: relative;
  flex-direction: column;
  height: calc(100svh - 64px);
  background: #fff;
  overflow: hidden;
}

._count_r27ls_19 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Cards Grid */
._grid_r27ls_26 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 1.5rem;
  padding: 1rem;
}

._card_r27ls_33 {
  display: flex;
  flex-direction: column;
  border-radius: 0.75rem;
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow 0.2s ease;
}
._card_r27ls_33:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

._imageWrapper_r27ls_45 {
  width: 100%;
  height: 180px;
  overflow: hidden;
}
._imageWrapper_r27ls_45 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._cardBody_r27ls_56 {
  padding: 0.75rem;
}

._title_r27ls_60 {
  font-size: 1rem;
  font-weight: 600;
  color: #2e2e2e;
}

._location_r27ls_66 {
  font-size: 0.875rem;
  margin-top: 4px;
  color: #666;
}

._price_r27ls_72 {
  font-size: 0.9rem;
  margin-top: 6px;
  font-weight: 600;
}

/* RIGHT SIDE MAP */
._mapColumn_r27ls_79 {
  height: calc(100svh - 64px);
  position: sticky;
  top: 0;
  border-right: 1px solid #eee;
}

._mapPlaceholder_r27ls_86 {
  width: 100%;
  height: 100%;
  background: #eaeaea;
  font-size: 1.25rem;
  color: #555;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Header stays fixed at the top of listings column */
._headerSticky_r27ls_98 {
  border-bottom: 1px solid #eee;
  background: white;
  position: sticky;
  top: 0;
  z-index: 10;
}

/* Only the grid scrolls */
._gridScroll_r27ls_107 {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  align-content: start;
  gap: 1rem;
}

._gridScroll_r27ls_107._loading_r27ls_117 {
  overflow: hidden !important;
}

._loaderOverlay_r27ls_121 {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(4px);
  pointer-events: auto;
  touch-action: none;
  opacity: 1;
}

._pagination_r27ls_135 {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
._pagination_r27ls_135 button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: none;
  background: #f1f5f9;
  color: #0ea5e9;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._pagination_r27ls_135 button:hover:not(:disabled) {
  background: #e0e7ff;
}
._pagination_r27ls_135 button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
._pagination_r27ls_135 ._pageNumber_r27ls_162 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #0ea5e9;
  color: white;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}.pin {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pin:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 30px;
  left: -3px;
  transform: translateX(-50%);
}

.pin-blue .price-tag {
  background: #2996e8;
  color: white;
}
.pin-blue:after {
  background: #2996e8;
}

.pin-green .price-tag {
  background: #22c55e;
  color: white;
}
.pin-green:after {
  background: #22c55e;
}

.pin-hovered .price-tag {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.pin-hovered:after {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.price-tag {
  padding: 6px 10px;
  border-radius: 16px 16px 16px 4px;
  box-shadow: -8px 22px 9px rgba(130, 130, 130, 0.03), -4px 12px 8px rgba(130, 130, 130, 0.12), -2px 6px 6px rgba(130, 130, 130, 0.2), 0px 1px 3px rgba(130, 130, 130, 0.23);
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  cursor: pointer;
  z-index: 1;
  transition: all 0.15s ease;
}

.price-tag:hover {
  background: white;
  color: black;
}
.price-tag:hover .pin {
  background-color: red;
}

.hovered-data {
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 99999;
  width: 270px;
  background: white;
  border-radius: 10px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.custom-zoom-controls {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.zoom-btn {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: none;
  background: white;
  color: #0ea5e9;
  font-size: 24px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}
.zoom-btn:hover {
  background: #e6f7ff;
  transform: translateY(-2px);
}
.zoom-btn:active {
  transform: translateY(0);
}

.map-type-switcher {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  display: flex;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.map-type-switcher button {
  padding: 8px 14px;
  font-size: 14px;
  border: none;
  background: none;
  cursor: pointer;
  color: #0ea5e9;
  font-weight: 600;
  transition: 0.2s ease;
}
.map-type-switcher button:hover {
  background: #e6f7ff;
}

.map-type-switcher button.active {
  background: #0ea5e9;
  color: white;
}._overlay_1ydot_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

._modal_1ydot_11 {
  width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  background: white;
  border-radius: 16px;
  padding: 20px;
  animation: _fadeIn_1ydot_1 0.2s ease;
}

._header_1ydot_21 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
._header_1ydot_21 h2 {
  font-size: 1.25rem;
  font-weight: bold;
}

._close_1ydot_31 {
  border: none;
  font-size: 20px;
  cursor: pointer;
  background: none;
}

@keyframes _fadeIn_1ydot_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}._block_1wd8e_1 {
  margin-bottom: 24px;
}
._block_1wd8e_1 h3 {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
}

._segment_1wd8e_10 {
  display: flex;
  gap: 8px;
}
._segment_1wd8e_10 button {
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid #dcdcdc;
  background: #f5f5f5;
}
._segment_1wd8e_10 button._active_1wd8e_20 {
  background: #000;
  color: white;
  border-color: #000;
}

._pill_1wd8e_26 {
  padding: 6px 12px;
  background: #f5f5f5;
  border-radius: 8px;
  border: 1px solid #ddd;
}

._rangeRow_1wd8e_33 {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

._chipRow_1wd8e_39,
._chipWrap_1wd8e_40 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._chip_1wd8e_39 {
  padding: 6px 14px;
  border-radius: 8px;
  background: #f5f5f5;
  border: 0;
  font-size: 13px;
  cursor: pointer;
}
._chip_1wd8e_39._active_1wd8e_20 {
  background: #2996e8;
  color: #fff;
}

._rangeInputs_1wd8e_59 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 6px;
}
._rangeInputs_1wd8e_59 input {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #f9f9f9;
}
._rangeInputs_1wd8e_59 span {
  display: flex;
  align-items: center;
  font-size: 13px;
}

._applyBtn_1wd8e_76 {
  width: 100%;
  display: flex;
  justify-content: center;
}
._applyBtn_1wd8e_76 button {
  width: 100%;
  height: 40px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(90deg, #007cf0, #00dfd8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._applyBtn_1wd8e_76 button:hover {
  opacity: 0.9;
}

._resetBtn_1wd8e_96 {
  width: fit-content;
  display: flex;
  justify-content: center;
}
._resetBtn_1wd8e_96 button {
  white-space: nowrap;
  height: 40px;
  border: none;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #111111;
  color: #fff;
  gap: 4px;
  padding: 0 12px;
}
._resetBtn_1wd8e_96 button:hover {
  opacity: 0.9;
}

._accordion_1wd8e_119 {
  border-top: 1px solid #eee;
  padding: 12px 0;
}
._accordion_1wd8e_119:last-child {
  border-bottom: none;
}

._accHeader_1wd8e_127 {
  width: 100%;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0;
}

._arrow_1wd8e_138 {
  transition: transform 0.3s ease;
}

._arrow_1wd8e_138._open_1wd8e_142 {
  transform: rotate(180deg);
}

/* --- SMOOTH ACCORDION ANIMATION --- */
._accBodyWrapper_1wd8e_147 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.25s ease;
  opacity: 0;
}

._accBodyWrapper_1wd8e_147._open_1wd8e_142 {
  max-height: 500px; /* a safe big number */
  opacity: 1;
}

._accBody_1wd8e_147 {
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 768px) {
  ._container_1wd8e_167 {
    padding: 0 16px 20px;
  }
}/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
.range-slider {
  margin: 0.5rem;
}

.noUi-target {
  background: rgba(0, 0, 0, 0.10);
  border-radius: 4px;
  border: 0;
}

.noUi-base {
  background: rgba(0, 0, 0, 0.10);
  border-radius: 4px;
}

.noUi-connect {
  background: #2996e8;
}

.noUi-horizontal .noUi-handle {
  background-color: #fff;
  border: 4px solid #2996e8;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  cursor: grab;
  top: -6px;
  right: -8px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);

  &::before,
  &::after {
    display: none;
  }
}

.noUi-handle:hover {
  background-color: #fff;
  width: 16px;
  height: 16px;
}

.noUi-horizontal {
  height: 4px;
}
._paginationContainer_15y0t_1 {
  width: 100%;
  padding: 0.5rem 0;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  bottom: 0;
  z-index: 10;
}

._page_15y0t_15, ._arrow_15y0t_15 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: #f8fafc;
  color: #252935;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}
._page_15y0t_15:hover:not(:disabled), ._arrow_15y0t_15:hover:not(:disabled) {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
._page_15y0t_15:disabled, ._arrow_15y0t_15:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
._page_15y0t_15 svg, ._arrow_15y0t_15 svg {
  margin-bottom: 3px;
}

._active_15y0t_41 {
  background: #252935;
  color: white;
  font-weight: 700;
}

._ellipsis_15y0t_47 {
  padding: 0 4px;
  color: #94a3b8;
  font-size: 18px;
  user-select: none;
}._page_140dc_1 {
  height: calc(100svh - 64px);
  overflow-y: auto;
  position: relative;
  overscroll-behavior-y: none;
}

/* STICKY HEADER */
._header_140dc_9 {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 12;
  padding: 0.25rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
._header_140dc_9 ._iconBox_140dc_22 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3b82f6;
  padding: 14px 16px;
  cursor: pointer;
  border-radius: 16px;
}

._headerCenter_140dc_32 {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #3b82f6;
  padding: 4px 8px;
  width: 100%;
  cursor: pointer;
  border-radius: 16px;
}

._title_140dc_43 {
  font-weight: 600;
  font-size: 16px;
  color: #222;
}

._subtitle_140dc_49 {
  font-size: 13px;
  color: #717171;
}

/* MAP */
._mapContainer_140dc_55 {
  height: calc(100svh - 102px);
  position: sticky;
  top: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

/* LIST MODE SHEET */
._sheetContent_140dc_64 {
  display: flex;
  flex-direction: column;
  min-height: 40px;
  background: white;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 2;
}

/* TOP grabber (when in LIST MODE) */
._topGrabberWrapper_140dc_76 {
  width: 100%;
  padding: 16px 0; /* extra clickable area */
  display: flex;
  justify-content: center;
  cursor: pointer;
}

._topGrabber_140dc_76 {
  width: 40px;
  height: 5px;
  background: #cccccc;
  border-radius: 4px;
}

/* LIST ITEMS */
._list_140dc_92 {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 0.75rem;
  padding: 0 0.75rem;
}

/* BOTTOM GRABBER (when in MAP MODE) */
._bottomGrabberWrapper_140dc_101 {
  background: #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1rem;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 50;
  cursor: pointer;
  border-radius: 16px 16px 0 0;
  margin-top: -20px;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
}

._bottomGrabber_140dc_101 {
  width: 45px;
  height: 6px;
  background: #cfcfcf;
  border-radius: 4px;
  opacity: 0.9;
}

._mapToggleButton_140dc_125 {
  position: fixed;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: #222;
  color: white;
  padding: 10px 22px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  z-index: 40;
  cursor: pointer;
  opacity: 0.95;
}

._mapToggleButton_140dc_125:hover {
  opacity: 0.85;
}._wrapper_19arl_1 {
  position: absolute;
  inset: 0;
  z-index: 200;
  pointer-events: none;
}

._open_19arl_8 {
  pointer-events: auto;
}

._overlay_19arl_12 {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  transition: opacity 0.25s ease;
}

._open_19arl_8 ._overlay_19arl_12 {
  opacity: 1;
}

._drawer_19arl_24 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  max-height: 70svh;
  height: auto;
  width: 100%;
  overflow: hidden;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  flex-direction: column;
  touch-action: none;
}

._open_19arl_8 ._drawer_19arl_24 {
  transform: translateY(0);
}

._dragging_19arl_47 {
  transition: none !important; /* smooth follow finger */
}

._open_19arl_8 ._drawer_19arl_24 {
  transform: translateY(0);
}

._handle_19arl_55 {
  width: 40px;
  height: 5px;
  background: #d3d3d3;
  border-radius: 10px;
  margin: 12px auto 16px auto;
  cursor: pointer;
}

._content_19arl_64 {
  max-height: calc(70vh - 40px); /* subtract header/handle if needed */
}

@media (max-width: 768px) {
  ._drawer_19arl_24 {
    overflow: unset;
  }
}html.no-ptr, body.no-ptr {
  overscroll-behavior-y: none !important;
  touch-action: pan-x;
  overflow: hidden !important;
  position: fixed;
  inset: 0;
}


body.no-ptr {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
._container_jj163_1 {
  max-width: 1100px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
}

._title_jj163_7 {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
}

._subtitle_jj163_13 {
  text-align: center;
  color: #777;
  margin-bottom: 2rem;
}

._topBar_jj163_19 {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 600px) {
  ._topBar_jj163_19 {
    flex-direction: column;
  }
}

._addNewReview_jj163_30 {
  margin-left: auto;
  height: 42px;
  border-radius: 12px;
}

._grid_jj163_36 {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 2rem;
}
@media (max-width: 900px) {
  ._grid_jj163_36 {
    grid-template-columns: 1fr;
  }
}

._sidebar_jj163_47 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._cards_jj163_53 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._noResults_jj163_59 {
  color: #888;
  font-size: 1rem;
  padding: 2rem;
  text-align: center;
}._wrapper_aoavi_1 {
  position: relative;
  width: 100%;
  max-width: 350px;
}

._icon_aoavi_7 {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}

._input_aoavi_14 {
  height: 42px;
  width: 100%;
  padding: 10px 14px 10px 42px;
  font-size: 0.95rem;
  color: #444;
  background: #f9fafb;
  border: 1px solid #e3e5e8;
  border-radius: 12px;
  outline: none;
  transition: border 0.15s ease, box-shadow 0.15s ease;
}
._input_aoavi_14::placeholder {
  color: #a0a3a7;
}
._input_aoavi_14:focus {
  border-color: #2b7fff;
  background: #ffffff;
}._wrapper_vh1zb_1 {
  position: relative;
  width: 180px;
  font-size: 14px;
}

._trigger_vh1zb_7 {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e3e5e8;
  border-radius: 12px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s ease;
  color: #333;
}
._trigger_vh1zb_7:hover {
  border-color: #bfc2c7;
}

._leftIcon_vh1zb_24 {
  width: 18px;
  height: 18px;
  color: #666;
  margin-right: 6px;
}

._arrow_vh1zb_31 {
  width: 16px;
  height: 16px;
  color: #777;
  margin-left: auto;
}

._menu_vh1zb_38 {
  position: absolute;
  width: 100%;
  top: calc(100% + 6px);
  left: 0;
  background: #ffffff;
  border: 1px solid #e3e5e8;
  border-radius: 13px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  z-index: 50;
}

._item_vh1zb_50 {
  padding: 10px 14px 10px 40px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  transition: 0.15s;
}
._item_vh1zb_50:hover {
  background: #f4f7fb;
}
._item_vh1zb_50:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
._item_vh1zb_50:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

._check_vh1zb_69 {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}

._active_vh1zb_76 {
  background: #2b7fff;
  color: white;
  font-weight: 600;
  --icon-color: white;
}
._active_vh1zb_76:hover {
  background: #2b7fff;
}._card_anzjn_1 {
  background: white;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 2rem;
  text-align: center;
}

._iconWrap_anzjn_9 {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._bigStar_anzjn_20 {
  color: #fff;
  width: 40px;
  height: 40px;
}

._rating_anzjn_26 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

._stars_anzjn_32 {
  display: flex;
  justify-content: center;
  gap: 4px;
}

._starFilled_anzjn_38 {
  color: #ffd700;
  fill: #ffd700;
}

._starEmpty_anzjn_43 {
  color: #ddd;
}

._count_anzjn_47 {
  margin-top: 0.5rem;
  color: #777;
  font-weight: 500;
}._wrapper_dupz1_1 {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 16px;
  border: 1px solid #eef0f3;
}

._title_dupz1_8 {
  font-size: 1rem;
  font-weight: 700;
  color: #111;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1.5rem;
}

._titleBar_dupz1_18 {
  width: 4px;
  height: 18px;
  background: #2b7fff;
  border-radius: 2px;
}

._category_dupz1_25 {
  margin-bottom: 1.2rem;
}
._category_dupz1_25:last-child {
  margin-bottom: 0;
}

._header_dupz1_32 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

._name_dupz1_39 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
}

._ratingWrap_dupz1_45 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._score_dupz1_51 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #333;
}

/* Background bar */
._bar_dupz1_58 {
  position: relative;
  height: 9px;
  background: #e8ecf0;
  border-radius: 999px;
  overflow: hidden;
}

/* Actual fill */
._fill_dupz1_67 {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #00baff 0%, #19dffc 100%);
  transition: width 0.4s ease;
}._card_bxbtf_1 {
  background: white;
  border: 1px solid #eee;
  padding: 1.25rem;
  border-radius: 16px;
  display: flex;
  gap: 1rem;
  transition: 0.2s;
}
._card_bxbtf_1:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

._avatar_bxbtf_14 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(43, 127, 255, 0.2);
  color: #2b7fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

._body_bxbtf_26 {
  flex: 1;
}

._header_bxbtf_30 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
._header_bxbtf_30 h3 {
  font-size: 1rem;
  font-weight: 600;
}

._date_bxbtf_40 {
  font-size: 0.85rem;
  color: #888;
}

._stars_bxbtf_45 {
  display: flex;
  gap: 3px;
}

._starFilled_bxbtf_50 {
  fill: #ffd700;
  color: #ffd700;
}

._starEmpty_bxbtf_55 {
  color: #ddd;
}

._text_bxbtf_59 {
  margin-top: 0.5rem;
  color: #333;
  line-height: 1.5;
}._container_14mh7_1 {
  width: 600px;
  padding: 1rem;
}

._title_14mh7_6 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 4px;
}

._subtitle_14mh7_12 {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 20px;
}

._field_14mh7_18 {
  margin-bottom: 22px;
}

._label_14mh7_22 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

/* Input */
._input_14mh7_30 {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #d0d4d9;
  border-radius: 8px;
  font-size: 14px;
}
._input_14mh7_30:focus {
  border-color: #2b7fff;
  box-shadow: 0 0 0 2px rgba(43, 127, 255, 0.25);
  outline: none;
}

/* Category Ratings Box */
._categoryBox_14mh7_44 {
  background: #f6f7f9;
  border: 1px solid #e3e5e8;
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

._categoryHeader_14mh7_54 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

._categoryName_14mh7_60 {
  font-size: 14px;
  font-weight: 500;
}

._categoryValue_14mh7_65 {
  font-size: 14px;
  font-weight: 600;
  color: #2b7fff;
}

._starsRow_14mh7_71 {
  display: flex;
  gap: 6px;
}

._starBtn_14mh7_76 {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
._starBtn_14mh7_76:hover {
  transform: scale(1.1);
}

/* Textarea */
._textarea_14mh7_87 {
  width: 100%;
  min-height: 110px;
  padding: 12px 14px;
  border: 1px solid #d0d4d9;
  border-radius: 10px;
  resize: none;
  font-size: 14px;
}
._textarea_14mh7_87:focus {
  border-color: #2b7fff;
  box-shadow: 0 0 0 2px rgba(43, 127, 255, 0.25);
  outline: none;
}

._footer_14mh7_102 {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  padding-top: 10px;
}

._cancelBtn_14mh7_109 {
  background: #f6f7f9;
  color: #333;
  border: 1px solid #d0d4d9;
}
._cancelBtn_14mh7_109:hover {
  background: #eceff2;
}

._submitBtn_14mh7_118 {
  background: #2b7fff !important;
  color: white;
  padding: 0 22px;
}
._submitBtn_14mh7_118:hover {
  background: #1e66d9 !important;
}._googleBtn_ad6aq_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 18px;
  background: #2b2b2b;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease, opacity 0.2s ease;
}
._googleBtn_ad6aq_1:hover {
  background: #333333;
}
._googleBtn_ad6aq_1:active {
  opacity: 0.8;
}

._icon_ad6aq_24 {
  width: 18px;
  height: 18px;
  display: inline-block;
}
._card_1d6bz_2 {
  width: calc(100% - 32px);
  margin: 12px;
  border-radius: 16px;
  background: hsl(215.45, 31.43%, 13.73%);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

._content_1d6bz_10 {
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._title_1d6bz_17 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.3;
}

._description_1d6bz_24 {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
}

._extra_1d6bz_30 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}

._button_1d6bz_37 {
  align-self: center;
  min-width: 320px;
  margin-top: 8px;
  padding: 0 16px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #ffffff;
  background: #3b82f6; /* primary */
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  animation: _subtleBounce_1d6bz_1 2.4s ease-in-out infinite;
}
._button_1d6bz_37:hover {
  background: #2563eb;
  transform: translateY(-2px);
}
._button_1d6bz_37:active {
  transform: translateY(0);
}

._button_1d6bz_37:disabled {
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.4);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  animation: none;
}

._checkboxRow_1d6bz_70 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  user-select: none;
  margin: 0 auto;
}
._checkboxRow_1d6bz_70 input {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: transparent;
  display: grid;
  place-content: center;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
._checkboxRow_1d6bz_70 input:checked {
  background: #3b82f6;
  border-color: #3b82f6;
}
._checkboxRow_1d6bz_70 input:checked::after {
  content: "✓";
  font-size: 12px;
  color: white;
  font-weight: 700;
}
._checkboxRow_1d6bz_70:hover input {
  border-color: rgba(255, 255, 255, 0.4);
}

@keyframes _subtleBounce_1d6bz_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}._pageLayout_xlnds_1 {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 2rem;
  max-width: 1440px;
  margin: 0 auto;
  padding: 1.25rem 0.75rem;
}
@media (max-width: 900px) {
  ._pageLayout_xlnds_1 {
    grid-template-columns: 1fr;
  }
}

._mainContent_xlnds_15 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}
._mainContent_xlnds_15 h2 {
  margin-bottom: 0.5rem;
}

._sidebar_xlnds_25 {
  position: sticky;
  top: 1.5rem;
  height: fit-content;
}
@media (max-width: 900px) {
  ._sidebar_xlnds_25 {
    position: static;
  }
}

/* Shared section wrapper */
._section_xlnds_37 {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}
._section_xlnds_37:last-child {
  border-bottom: none;
}

._sectionTitle_xlnds_46 {
  margin-bottom: 0.5rem;
}

/* Generic text */
._description_xlnds_51 {
  color: #64748b;
  font-size: 0.9375rem;
  line-height: 1.6;
}

/* =========================
   ABOUT SECTION
   ========================= */
._aboutSection_xlnds_60 {
  max-width: 1440px;
  margin: 1rem auto 0;
  padding: 0 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._aboutHeader_xlnds_69 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._title_xlnds_75 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0f172a;
}

._location_xlnds_81 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  color: #64748b;
}

/* Images / gallery */
._aboutMedia_xlnds_90 {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

/* Stats row under images */
._aboutStats_xlnds_97 {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

._aboutStatItem_xlnds_103 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #475569;
}
._aboutStatItem_xlnds_103 svg {
  color: #64748b;
}

._aboutStatValue_xlnds_114 {
  font-weight: 600;
  color: #0f172a;
}

._aboutStatLabel_xlnds_119 {
  color: #64748b;
}

/* About description inside main content */
._aboutText_xlnds_124 {
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}._featuresTable_14x7y_1 {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}

._featureRow_14x7y_8 {
  display: grid;
  grid-template-columns: 140px 1fr;
  border-bottom: 1px solid #e5e7eb;
}
._featureRow_14x7y_8:last-child {
  border-bottom: none;
}
._featureRow_14x7y_8:nth-child(even) {
  background: #f8fafc;
}

._featureLabel_14x7y_20 {
  padding: 0.875rem 1rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #2563eb;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #f1f5f9;
  border-right: 1px solid #e5e7eb;
}

._featureValue_14x7y_34 {
  padding: 0.875rem 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

._featureTag_14x7y_41 {
  padding: 0.25rem 0.625rem;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 0.8125rem;
  background: #ffffff;
  color: #0f172a;
}._rulesTable_1bryj_1 {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}

._ruleRow_1bryj_8 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #e5e7eb;
}

._ruleCell_1bryj_14 {
  padding: 0.75rem 1rem;
  display: flex;
  gap: 0.75rem;
  border-right: 1px solid #e5e7eb;
}
._ruleCell_1bryj_14:nth-child(odd) {
  background: #f8fafc;
}
._ruleCell_1bryj_14:last-child {
  border-right: none;
}

._ruleIcon_1bryj_27 {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #ffffff;
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
}

._ruleContent_1bryj_38 {
  display: flex;
  flex-direction: column;
}

._ruleLabel_1bryj_43 {
  font-size: 0.6875rem;
  text-transform: uppercase;
  color: #64748b;
}

._ruleValue_1bryj_49 {
  font-size: 0.875rem;
  color: #0f172a;
}

._ruleBadge_1bryj_54 {
  width: fit-content;
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-weight: 500;
}

._allowed_1bryj_62 {
  background: rgba(22, 163, 74, 0.12);
  color: #16a34a;
}

._notAllowed_1bryj_67 {
  background: rgba(220, 38, 38, 0.12);
  color: #dc2626;
}._bookingCard_v8ule_1 {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
}

._bookingPrice_v8ule_8 {
  padding: 1rem;
  border-bottom: 1px solid #e5e7eb;
}

._priceAmount_v8ule_13 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2563eb;
}

._priceLabel_v8ule_19 {
  margin-left: 0.25rem;
  color: #64748b;
}

._bookingHost_v8ule_24 {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}

._bookingHostAvatar_v8ule_30 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2563eb, #3b82f6);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

._bookingHostName_v8ule_41 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #0f172a;
}

._bookingHostLabel_v8ule_47 {
  font-size: 0.75rem;
  color: #64748b;
}

._messageBtn_v8ule_52 {
  background: #2563eb;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  margin-left: auto;
}

._bookingDates_v8ule_62 {
  width: 100%;
  display: grid;
  padding: 0 1.25rem;
}

._reserveBtn_v8ule_68 {
  margin: 1rem 1.25rem;
  width: calc(100% - 2.5rem);
  background: #2563eb;
  color: #ffffff;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

._bookingSummary_v8ule_79 {
  padding: 0 1.25rem 1.25rem;
}

._summaryRow_v8ule_83 {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  color: #64748b;
}._wrapper_msh8y_1 {
  width: 100%;
  color: #111827;
  font-family: system-ui, sans-serif;
}

/* List container */
._list_msh8y_8 {
  display: flex;
  flex-direction: column;
}

/* Each row */
._row_msh8y_14 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
}

/* Base labels */
._label_msh8y_22,
._value_msh8y_23 {
  color: #111827;
}

/* Discounts */
._discountLabel_msh8y_28,
._discountValue_msh8y_29 {
  color: #16a34a; /* green-600 */
}

/* Divider */
._divider_msh8y_34 {
  height: 1px;
  background-color: #e5e7eb;
  margin: 0.5rem 0;
}

/* Total section */
._totalRow_msh8y_41 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._strikethrough_msh8y_47 {
  font-size: 0.875rem;
  color: #6b7280; /* muted gray */
  text-decoration: line-through;
}

._totalText_msh8y_53 {
  margin-top: 2px;
  font-weight: 600;
  color: #111827;
}

/* Right column */
._totalRight_msh8y_60 {
  text-align: right;
}

._finalPrice_msh8y_64 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
}

._saveText_msh8y_70 {
  font-size: 0.75rem;
  color: #16a34a; /* green-600 */
}

._finalLine_msh8y_75 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._lengthText_msh8y_81 {
  color: #555;
  font-size: 0.85rem;
}._page_130th_1 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0a1628, #0f2847, #1a365d);
  position: relative;
  overflow: hidden;
  color: white;
}

._orbs_130th_9 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

._orb_130th_9 {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  animation: _pulse_130th_1 6s ease-in-out infinite;
}

._orbBlue_130th_22 {
  width: 500px;
  height: 500px;
  background: rgba(59, 130, 246, 0.2);
  top: 20%;
  left: 20%;
}

._orbCyan_130th_30 {
  width: 400px;
  height: 400px;
  background: rgba(6, 182, 212, 0.2);
  bottom: 20%;
  right: 20%;
  animation-delay: 1s;
}

._orbPurple_130th_39 {
  width: 600px;
  height: 600px;
  background: rgba(139, 92, 246, 0.1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(150px);
}

@keyframes _pulse_130th_1 {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
._gridOverlay_130th_57 {
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNiODJmNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDUiIHN0cm9rZS13aWR0aD0iMSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmlkKSIvPjwvc3ZnPg==");
}

._container_130th_64 {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  padding: 48px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._brand_130th_75 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
}
._brand_130th_75 h1 {
  font-size: 56px;
  font-weight: 800;
  background: linear-gradient(90deg, #ffffff, #93c5fd, #67e8f9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._logo_130th_89 {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 40px rgba(59, 130, 246, 0.4);
}
._logo_130th_89 svg {
  width: 36px;
  height: 36px;
}

._badgeWrapper_130th_104 {
  margin-bottom: 40px;
  text-align: center;
}

._badge_130th_104 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 24px;
  border-radius: 999px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.2), rgba(6, 182, 212, 0.2));
  backdrop-filter: blur(8px);
  color: #93c5fd;
  font-weight: 600;
}

._badgeDot_130th_122 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22d3ee;
  animation: _pulse_130th_1 2s infinite;
}

._badgeSub_130th_130 {
  margin-top: 8px;
  font-size: 14px;
  color: #67e8f9;
}

._card_130th_136 {
  max-width: 720px;
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 32px;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);
}
._card_130th_136 section h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}
._card_130th_136 section p {
  color: #94a3b8;
  font-size: 18px;
  line-height: 1.6;
}

._divider_130th_157 {
  height: 1px;
  margin: 32px 0;
  background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.3), transparent);
}

._contact_130th_163 h3 {
  font-size: 18px;
  margin-bottom: 16px;
}

._actions_130th_168 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

._action_130th_168 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border-radius: 16px;
  border: 1px solid rgba(59, 130, 246, 0.2);
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.1), rgba(6, 182, 212, 0.1));
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
}
._action_130th_168 svg {
  color: #3b82f6;
  width: 20px;
  height: 20px;
}
._action_130th_168:hover {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.2);
}
._action_130th_168:hover span {
  color: white;
}

._footer_130th_199 {
  margin-top: 40px;
  font-size: 14px;
  color: #64748b;
}._container_lvkad_1 {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem;
}

._header_lvkad_7 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1rem 0 !important;
}

._backBtn_lvkad_14 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #2563eb;
  color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.2s;
}
._backBtn_lvkad_14:hover {
  opacity: 0.9;
}

._title_lvkad_31 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0f172a;
}

._content_lvkad_37 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 800px) {
  ._content_lvkad_37 {
    grid-template-columns: 1fr;
  }
}

/* Property Card */
._propertyCard_lvkad_49 {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  height: fit-content;
}

._propertyImage_lvkad_56 {
  width: 100%;
  aspect-ratio: 16/10;
  overflow: hidden;
}
._propertyImage_lvkad_56 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._propertyInfo_lvkad_67 {
  padding: 1rem 1.25rem;
}

._propertyTitle_lvkad_71 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #0f172a;
  line-height: 1.4;
}

._rating_lvkad_82 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  color: #0f172a;
  white-space: nowrap;
}

._divider_lvkad_91 {
  height: 1px;
  background: #e5e7eb;
  margin: 0 1.25rem;
}

._cancellation_lvkad_97 {
  padding: 1rem 1.25rem;
}

._cancellationLabel_lvkad_101 {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #0f172a;
}

._tripDetails_lvkad_107 {
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._tripLabel_lvkad_114 {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #0f172a;
}

._priceRow_lvkad_120 {
  padding: 1rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  color: #64748b;
}

._price_lvkad_120 {
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
}

/* Payment Card */
._paymentCard_lvkad_136 {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 1.5rem;
  height: fit-content;
}

._cardTitle_lvkad_144 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2563eb;
  margin-bottom: 1.25rem;
}

._guestCount_lvkad_151 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

._paymentMethod_lvkad_158 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.9375rem;
  color: #0f172a;
  margin-bottom: 1.5rem;
}
._paymentMethod_lvkad_158 svg {
  color: #64748b;
}

._label_lvkad_170 {
  display: block;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 0.75rem;
}

._textarea_lvkad_178 {
  min-height: 120px;
  resize: none;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}
._textarea_lvkad_178::placeholder {
  color: #64748b;
}

._reviewSection_lvkad_188 {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
}

._reviewTitle_lvkad_196 {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 0.75rem;
}

._reviewText_lvkad_203 {
  font-size: 0.875rem;
  color: #64748b;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}

._termsText_lvkad_210 {
  font-size: 0.8125rem;
  color: #64748b;
  line-height: 1.5;
}
._termsText_lvkad_210 a {
  color: #2563eb;
  text-decoration: none;
}
._termsText_lvkad_210 a:hover {
  text-decoration: underline;
}

._bookingDates_lvkad_223 {
  padding: 0 1.25rem;
}

._bookBtn_lvkad_227 {
  width: 100%;
  background: linear-gradient(135deg, #2563eb, #3b82f6);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
}
._bookBtn_lvkad_227:hover {
  opacity: 0.95;
  transform: translateY(-1px);
}
._bookBtn_lvkad_227:active {
  transform: translateY(0);
}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__thumbnails_vignette{pointer-events:none;position:absolute;--yarl__thumbnails_vignette_size:12%}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:var(--yarl__thumbnails_thumbnail_border,1px);cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent;box-sizing:content-box;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{cursor:unset;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__counter{bottom:var(--yarl__counter_bottom,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));left:var(--yarl__counter_left,0);line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));position:var(--yarl__counter_position,absolute);right:var(--yarl__counter_right,unset);top:var(--yarl__counter_top,0);-webkit-user-select:var(--yarl__counter_user_select,none);-moz-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}._container_ho2hz_1 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  height: 360px;
  border-radius: 16px;
  overflow: hidden;
}

._bigImage_ho2hz_11 {
  border-radius: 16px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  height: 100%;
}

._grid_ho2hz_19 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
}

._smallImage_ho2hz_26 {
  background-size: cover;
  background-position: center;
  cursor: pointer;
  border-radius: 16px;
  position: relative;
}

/* Show all photos button */
._showBtn_ho2hz_35 {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: white;
  border: none;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
._showBtn_ho2hz_35:hover {
  background: #2996e8;
  color: white;
}

._mobileScroll_ho2hz_52 {
  display: none;
}

/* ---------- MOBILE VERSION ---------- */
@media (max-width: 768px) {
  ._container_ho2hz_1 {
    display: block;
    height: auto;
  }
  ._bigImage_ho2hz_11 {
    width: 100%;
    height: 320px;
    border-radius: 16px;
    margin-bottom: 12px;
  }
  /* Hide desktop grid */
  ._grid_ho2hz_19 {
    display: none;
  }
  ._mobileScroll_ho2hz_52 {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 6px;
    /* hide scrollbar */
  }
  ._mobileScroll_ho2hz_52::-webkit-scrollbar {
    display: none;
  }
  ._mobileThumb_ho2hz_82 {
    min-width: 110px;
    height: 90px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    cursor: pointer;
  }
}.yarl__container, .yarl__thumbnails_container {
  background-color: rgba(0, 0, 0, 0.9);
}

.yarl__thumbnails_vignette {
  display: none;
}
._wrapper_fhjb0_1 {
  margin-top: 2rem;
}

._title_fhjb0_5 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: #0f172a;
}

._mapContainer_fhjb0_12 {
  width: 100%;
  height: 360px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}
._mapContainer_fhjb0_12 iframe {
  width: 100%;
  height: 100%;
  border: 0;
}._notificationsContainer_5ort2_1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: fixed;
  top: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}

._notification_5ort2_1 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 280px;
  max-width: 380px;
  padding: 14px 18px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border-left: 5px solid transparent;
  pointer-events: auto; /* buttons still clickable */
  animation: _slideIn_5ort2_1 0.3s ease, _fadeOut_5ort2_1 0.3s ease 4.7s forwards;
  position: relative;
  overflow: hidden;
}

._iconWrapper_5ort2_29 {
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._content_5ort2_37 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

._title_5ort2_43 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 4px;
  color: #111827;
}

._message_5ort2_50 {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.5;
}

._close_5ort2_56 {
  border: none;
  background: none;
  font-size: 18px;
  font-weight: bold;
  color: #9ca3af;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  position: absolute;
  top: 8px;
  right: 10px;
  transition: color 0.2s ease;
}
._close_5ort2_56:hover {
  color: #111827;
}

/* Notification type colors */
._success_5ort2_75 {
  border-left-color: #22c55e;
  background: #ecfdf5;
}

._error_5ort2_80 {
  border-left-color: #ef4444;
  background: #fef2f2;
}

._warning_5ort2_85 {
  border-left-color: #f59e0b;
  background: #fffbeb;
}

._info_5ort2_90 {
  border-left-color: #3b82f6;
  background: #eff6ff;
}

/* Animations */
@keyframes _slideIn_5ort2_1 {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes _fadeOut_5ort2_1 {
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}
._container_sbadk_2 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

._grid_sbadk_8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
}
@media (min-width: 768px) {
  ._grid_sbadk_8 {
    grid-template-columns: 1fr 1fr;
  }
}

/* === LEFT SECTION === */
._steps_sbadk_20 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._header_sbadk_26 ._title_sbadk_26 {
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(90deg, #007aff, #339dff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._header_sbadk_26 ._subtitle_sbadk_34 {
  font-size: 1.25rem;
  color: #555555;
}

._stepList_sbadk_39 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._stepItem_sbadk_45 {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

._stepItem_sbadk_45:hover ._stepGlow_sbadk_51 {
  filter: blur(2rem);
}

._stepGlow_sbadk_51 {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 122, 255, 0.2), rgba(255, 255, 255, 0));
  border-radius: 1rem;
  filter: blur(1rem);
  transition: filter 0.3s ease;
}

._stepContent_sbadk_64 {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(0, 122, 255, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

._stepIcon_sbadk_76 {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #007aff, #339dff);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
}

._stepTitle_sbadk_89 {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}

._stepDesc_sbadk_95 {
  color: #555555;
  font-size: 0.95rem;
}

/* === RIGHT SECTION — FORM === */
._formWrapper_sbadk_101 {
  position: relative;
}

._formGlow_sbadk_105 {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.2), rgba(0, 122, 255, 0.1));
  border-radius: 1.5rem;
  filter: blur(2rem);
  z-index: 0;
}

._formContainer_sbadk_114 {
  position: relative;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 122, 255, 0.2);
  border-radius: 1.5rem;
  padding: 2rem;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

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

._form_sbadk_101 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._row_sbadk_137 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

._field_sbadk_143 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._field_sbadk_143 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: #222222;
}

._field_sbadk_143 input {
  border: 1px solid rgba(0, 122, 255, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.5);
  font-size: 0.95rem;
  color: #111111;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}

._field_sbadk_143 input:focus {
  outline: none;
  border-color: #007aff;
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.3);
}

._submitBtn_sbadk_171 {
  background: linear-gradient(90deg, #007aff, #339dff);
  color: #ffffff;
  font-weight: 600;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 6px 15px rgba(0, 122, 255, 0.25);
}

._submitBtn_sbadk_171:hover {
  background: linear-gradient(90deg, #339dff, #007aff);
  box-shadow: 0 8px 20px rgba(0, 122, 255, 0.35);
}

/* === SUCCESS MODAL STYLES === */
._successModal_sbadk_189 {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}

._successIconWrapper_sbadk_198 {
  display: flex;
  justify-content: center;
}

._successIcon_sbadk_198 {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #007aff, #339dff);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 20px rgba(0, 122, 255, 0.3);
}

._successTitle_sbadk_214 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111;
}

._successText_sbadk_220 {
  font-size: 1rem;
  color: #444;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._successButton_sbadk_229 {
  background: linear-gradient(90deg, #007aff, #339dff);
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 0.5rem;
  padding: 0.6rem 1.25rem;
  cursor: pointer;
  margin-top: 0.5rem;
  width: 100%;
  transition: all 0.25s ease;
}

._successButton_sbadk_229:hover {
  background: linear-gradient(90deg, #339dff, #007aff);
  box-shadow: 0 0 12px rgba(0, 122, 255, 0.35);
}

@media (max-width: 768px) {
  ._container_sbadk_2 {
    padding: 2rem 0.75rem;
  }
  ._stepContent_sbadk_64 {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  ._stepIcon_sbadk_76 {
    width: 2.25rem;
    height: 2.25rem;
  }
  ._stepTitle_sbadk_89 {
    font-size: 0.85rem;
  }
  ._stepDesc_sbadk_95 {
    font-size: 0.75rem;
  }
  ._row_sbadk_137 {
    grid-template-columns: 1fr;
  }
  ._formContainer_sbadk_114 {
    padding: 1.25rem 1rem;
  }
}._wishlistPage_bae35_1 {
  padding: 40px 20px;
  max-width: 1600px;
  margin: 80px auto 0 auto;
}

._grid_bae35_7 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 30px;
}
._card_10kcw_2 {
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
._card_10kcw_2:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

/* === Image + overlay section === */
._imageWrapper_10kcw_15 {
  position: relative;
}
._imageWrapper_10kcw_15 ._carousel_10kcw_18 {
  border-radius: 18px 18px 0 0;
  overflow: hidden;
  height: 220px;
}
._imageWrapper_10kcw_15 ._carousel_10kcw_18 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === Eye + Like buttons === */
._views_10kcw_30 {
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  position: absolute;
  top: 12px;
  z-index: 2;
  color: #fff;
  left: 12px;
  width: 52px;
  height: 28px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-weight: 500;
  gap: 4px;
  white-space: nowrap;
}

/* === Bottom info overlay === */
._overlayInfo_10kcw_51 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 14px;
  backdrop-filter: blur(2.3px);
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 100%);
  border-radius: 0 0 15px 15px;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
}
._overlayInfo_10kcw_51 ul {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
._overlayInfo_10kcw_51 li {
  display: flex;
  align-items: center;
  background: rgba(30, 30, 30, 0.45);
  border-radius: 30px;
  padding: 6px 14px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  backdrop-filter: blur(8px);
  white-space: nowrap;
}
._overlayInfo_10kcw_51 li figure {
  margin: 0 6px 0 0;
  display: flex;
  align-items: center;
}
._overlayInfo_10kcw_51 li figure img {
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1);
}
._overlayInfo_10kcw_51 li:last-child {
  font-weight: 600;
}

/* === Content section === */
._content_10kcw_99 {
  padding: 16px 18px 18px;
}

/* === Header (title + price) === */
._header_10kcw_104 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
._header_10kcw_104 h3 {
  font-size: 16px;
  font-weight: 600;
  color: #1e1e1e;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70%;
  cursor: default;
}
._header_10kcw_104 h6 {
  font-size: 14px;
  font-weight: 500;
  color: #1e1e1e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
._header_10kcw_104 h6 span {
  color: rgba(30, 30, 30, 0.6);
  font-weight: 400;
}

/* === Two-line description === */
._content_10kcw_99 p {
  font-size: 13px;
  color: rgba(30, 30, 30, 0.6);
  line-height: 1.35;
  height: 2.7em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-bottom: 14px;
  cursor: default;
}

/* === Footer (address + rating) === */
._footer_10kcw_151 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._footer_10kcw_151 h5,
._footer_10kcw_151 h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: default;
}
._footer_10kcw_151 h5 {
  font-size: 13px;
  color: rgba(30, 30, 30, 0.6);
}
._footer_10kcw_151 h5 img {
  width: 13px;
}
._footer_10kcw_151 h4 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
._footer_10kcw_151 h4 img {
  width: 14px;
}
._footer_10kcw_151 h4 span {
  font-weight: 400;
  color: rgba(30, 30, 30, 0.6);
}

/* === Delete button === */
._deleteBtn_10kcw_188 {
  position: absolute;
  top: 12px;
  right: 12px; /* take heart’s place */
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  z-index: 2;
  opacity: 1; /* always visible */
  pointer-events: auto;
  transition: background 0.25s ease;
}
._deleteBtn_10kcw_188:hover {
  background: #e83c3c; /* red hover */
}
._deleteBtn_10kcw_188 svg {
  transition: transform 0.2s ease;
}

/* === Show delete button when hovering the card === */
._card_10kcw_2:hover ._deleteBtn_10kcw_188 {
  opacity: 1;
  pointer-events: auto;
}._overlay_1866z_1 {
  position: fixed;
  inset: 0;
  background: rgba(10, 15, 25, 0.6);
  backdrop-filter: blur(6px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_1866z_1 0.25s ease-out;
}

._loader_1866z_13 {
  position: relative;
  width: 8rem;
  height: 8rem;
}

._outer_1866z_19,
._middle_1866z_20 {
  position: absolute;
  border-radius: 50%;
  border: 4px solid transparent;
  inset: 0;
}

._outer_1866z_19 {
  border-top-color: var(--primary, #3b82f6);
  border-right-color: var(--accent, #60a5fa);
  opacity: 0.8;
  animation: _spin-slow_1866z_1 3s linear infinite;
}

._middle_1866z_20 {
  inset: 0.75rem;
  border-bottom-color: var(--accent, #60a5fa);
  border-left-color: var(--primary, #3b82f6);
  opacity: 0.6;
  animation: _spin-reverse_1866z_1 2.5s linear infinite;
}

/* === Inner SVG container === */
._inner_1866z_43 {
  inset: 1.5rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(59, 130, 246, 0.2), rgba(96, 165, 250, 0.05));
  box-shadow: 0 0 30px rgba(74, 127, 255, 0.4);
  animation: _pulse-glow_1866z_1 2s ease-in-out infinite;
}

/* === SVG styles === */
._innerIcon_1866z_56 {
  opacity: 0.9;
  animation: _rotate-inner_1866z_1 2.5s linear infinite;
}

._innerStroke_1866z_61 {
  stroke: rgba(255, 255, 255, 0.9);
}

/* === Animations === */
@keyframes _spin-slow_1866z_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _spin-reverse_1866z_1 {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes _pulse-glow_1866z_1 {
  0%, 100% {
    transform: scale(1);
    opacity: 0.9;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}
@keyframes _rotate-inner_1866z_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _fadeIn_1866z_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}._typewriter_g912x_1::after {
  content: "|";
  animation: _blink_g912x_1 0.8s infinite;
}

@keyframes _blink_g912x_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}html {
  scroll-behavior: smooth !important;
}

._root_ll1ef_5 {
  min-height: 100vh;
  background: #f9fafb;
}

._container_ll1ef_10 {
  max-width: 72rem;
  margin: 0 auto;
  text-align: center;
  padding: 0 1rem;
}

._hero_ll1ef_17 {
  background: rgb(87, 157, 249);
  color: #ffffff;
  padding: 3rem 1rem;
}
._hero_ll1ef_17 h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
._hero_ll1ef_17 h1 span {
  color: white;
}
._hero_ll1ef_17 p {
  max-width: 700px;
  margin: 0 auto 2rem;
  font-size: 1.25rem;
  opacity: 0.9;
}

._section_ll1ef_37 {
  padding: 4rem 1rem;
}
._section_ll1ef_37 h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #111827; /* dark gray */
}
._section_ll1ef_37 p {
  color: #6b7280; /* muted gray */
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

._gradientFeature_ll1ef_53 {
  background: linear-gradient(180deg, hsla(213, 94%, 68%, 0.05), hsla(217, 91%, 60%, 0.01));
}

._grid_ll1ef_57 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

._card_ll1ef_64 {
  background: #ffffff;
  color: #111827;
  border: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
}
._card_ll1ef_64 ._cardContent_ll1ef_71 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 2rem;
}
._card_ll1ef_64 ._cardContent_ll1ef_71 p {
  text-align: start;
  margin-bottom: 1rem;
  color: #6b7280;
}
._card_ll1ef_64 ._cardContent_ll1ef_71 ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 0.5rem;
  padding: 0;
}
._card_ll1ef_64 ._cardContent_ll1ef_71 ul li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #111827;
}

._cardHeader_ll1ef_97 {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  gap: 1rem;
}
._cardHeader_ll1ef_97 h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

._icon_ll1ef_108 {
  width: 2rem;
  height: 2rem;
  color: #2563eb;
  margin-right: 0.75rem;
}

._iconLg_ll1ef_115 {
  width: 3rem;
  height: 3rem;
  color: #2563eb;
  margin-bottom: 1rem;
}

._grid3_ll1ef_122 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

._featureCard_ll1ef_129 {
  background: #ffffff;
  padding: 2rem;
  border-radius: 0.75rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  text-align: center;
}
._featureCard_ll1ef_129 h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}

._refund_ll1ef_143 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-size: 2rem;
  font-weight: 700;
  color: #2563eb;
}

._cardHighlight_ll1ef_153 {
  background: rgba(255, 255, 255, 0.7);
  padding: 1.5rem;
  border-radius: 0.75rem;
  margin-top: 2rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
._cardHighlight_ll1ef_153 h3 {
  color: #1e3a8a;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

._primaryBtn_ll1ef_167,
._secondaryBtn_ll1ef_168 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 1rem;
}

._primaryBtn_ll1ef_167 {
  background: #2563eb;
  color: #ffffff;
  border: none;
}
._primaryBtn_ll1ef_167:hover {
  background: #1e3a8a;
}

._secondaryBtn_ll1ef_168 {
  background: #f3f4f6;
  color: #2563eb;
  border: none;
}
._secondaryBtn_ll1ef_168:hover {
  background: #e5e7eb;
  color: #1e3a8a;
}

._brandLight_ll1ef_199 {
  color: #60a5fa;
}

._communitySection_ll1ef_203 {
  padding: 4rem 1rem;
}
._communitySection_ll1ef_203 ._container_ll1ef_10 {
  max-width: 48rem;
  margin: 0 auto;
  text-align: center;
}
._communitySection_ll1ef_203 ._communityIcon_ll1ef_211 {
  margin-bottom: 1.5rem;
}
._communitySection_ll1ef_203 h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #111827;
}
._communitySection_ll1ef_203 p {
  font-size: 1.125rem;
  color: #6b7280;
  line-height: 1.7;
}
._communitySection_ll1ef_203 ._cardHighlight_ll1ef_153 {
  background: rgba(255, 255, 255, 0.6);
  padding: 1.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-top: 2rem;
  text-align: center;
}
._communitySection_ll1ef_203 ._cardHighlight_ll1ef_153 h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2563eb;
  margin-bottom: 0.5rem;
}
._communitySection_ll1ef_203 ._cardHighlight_ll1ef_153 p {
  color: #6b7280;
  font-size: 1rem;
}

._cta_ll1ef_244 p {
  margin-bottom: 1.5rem;
}._grid_yekps_1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.5rem;
  padding: 1rem;
  justify-content: start;
}

._cardWrapper_yekps_9 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
}

._deleteBtn_yekps_17 {
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.25rem 1rem;
  background: #ef4444;
  color: #fff;
  border: none;
  border-radius: 1rem 1rem 0 0;
  cursor: pointer;
  align-self: flex-end;
  transition: background 0.2s;
}
._deleteBtn_yekps_17:hover {
  background: #b91c1c;
}._page_rezsb_1 {
  min-height: 100vh;
  background: linear-gradient(to bottom right, hsla(215, 95%, 55%, 0.05), #fff, hsla(215, 100%, 97%, 0.3));
  color: #1e1e1e;
  font-family: "Inter", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* === HERO === */
._hero_rezsb_12 {
  background: linear-gradient(to bottom right, hsla(215, 95%, 55%, 0.08), hsla(215, 100%, 70%, 0.15), hsla(215, 95%, 55%, 0.05));
  width: 100%;
  text-align: center;
  padding: 3rem 1rem;
  margin-bottom: 2rem;
}

._heroInner_rezsb_20 {
  max-width: 720px;
  margin: 0 auto;
}

._hero_rezsb_12 h1 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: hsl(220, 20%, 15%);
}

._hero_rezsb_12 p {
  color: #555;
  font-size: 1.125rem;
  line-height: 1.5;
}

/* === MAIN CONTENT === */
._main_rezsb_39 {
  padding: 0 1rem 3rem;
  width: 100%;
}

._container_rezsb_44 {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
}

/* === CARD BASE === */
._card_rezsb_51 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1.5rem 1.5rem 1.75rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

._legal_rezsb_63 {
  align-self: flex-start;
}

._card_rezsb_51:hover {
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}

/* === EMERGENCY CARD === */
._emergency_rezsb_72 {
  border: 1px solid hsl(215, 95%, 80%);
  background: hsla(215, 95%, 55%, 0.06);
  margin-bottom: 2.5rem;
}

._cardHeader_rezsb_78 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

._iconPrimary_rezsb_85 {
  color: hsl(215, 95%, 55%);
}

._cardSubtitle_rezsb_89 {
  color: #666;
  font-size: 0.9rem;
}

._contactRow_rezsb_94 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}

._contactNumber_rezsb_101 {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}

._subText_rezsb_107 {
  color: #666;
  font-size: 0.9rem;
}

._subTiny_rezsb_112 {
  color: #888;
  font-size: 0.8rem;
  margin-top: 0.25rem;
}

._label_rezsb_118 {
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}

._linkPrimary_rezsb_124 {
  color: hsl(215, 95%, 55%);
  text-decoration: none;
  font-weight: 500;
}
._linkPrimary_rezsb_124:hover {
  text-decoration: underline;
}

/* === GRID SECTIONS === */
._grid_rezsb_134 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-bottom: 3rem;
  align-items: stretch;
}
@media (max-width: 768px) {
  ._grid_rezsb_134 {
    grid-template-columns: 1fr;
  }
}

._primaryBtn_rezsb_147 {
  width: 100%;
  padding: 0.75rem;
  background: hsl(215, 95%, 55%);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 0.75rem;
  transition: background 0.2s;
}
._primaryBtn_rezsb_147:hover {
  background: hsl(215, 95%, 50%);
}

/* === HOURS SECTION === */
._hoursGrid_rezsb_164 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  margin-top: 1rem;
}
._hoursGrid_rezsb_164 h3 {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
._hoursGrid_rezsb_164 ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0.75rem;
}
._hoursGrid_rezsb_164 ul li {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  margin: 0.25rem 0;
}

/* === SOCIAL + LEGAL === */
._socialLegal_rezsb_187 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 1.5rem;
  margin-top: 2.5rem;
  align-items: stretch;
}

._socialIcons_rezsb_195 {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}

._socialBtn_rezsb_201 {
  width: 40px;
  height: 40px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: 0.2s;
}
._socialBtn_rezsb_201 svg {
  width: 18px;
  height: 18px;
}
._socialBtn_rezsb_201:hover {
  background: hsl(215, 95%, 55%);
  --icon-color: #fff;
}

._socialLinks_rezsb_221 {
  color: #666;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* === LEGAL COLLAPSIBLE (FIXED) === */
._legalHeader_rezsb_228 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 0;
  transition: opacity 0.2s ease;
}
._legalHeader_rezsb_228:hover {
  opacity: 0.8;
}

._chevron_rezsb_244 {
  transition: transform 0.3s ease;
  transform-origin: center;
  color: hsl(215, 95%, 55%);
}

._rotated_rezsb_250 {
  transform: rotate(180deg);
}

/* Stable accordion (no layout shift) */
._legalContentWrapper_rezsb_255 {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

._legalContent_rezsb_255 {
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  visibility: hidden;
  height: 0;
}

._legalContentWrapper_rezsb_255._open_rezsb_269 ._legalContent_rezsb_255 {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  height: auto;
  margin-top: 1rem;
}

._legalContent_rezsb_255 p {
  font-size: 0.9rem;
  color: #555;
  margin: 0.25rem 0;
}

._legalContent_rezsb_255 hr {
  margin: 1rem 0;
  border: 0;
  border-top: 1px solid #ddd;
}

._legalContent_rezsb_255 a {
  display: block;
  margin: 0.25rem 0;
  color: hsl(215, 95%, 55%);
  text-decoration: none;
  font-weight: 500;
}
._legalContent_rezsb_255 a:hover {
  text-decoration: underline;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  ._hero_rezsb_12 {
    padding: 5rem 1rem 2rem;
  }
  ._socialLegal_rezsb_187 {
    gap: 1rem;
  }
  ._card_rezsb_51 {
    padding: 1.25rem;
  }
  ._hoursGrid_rezsb_164 {
    gap: 1.25rem;
  }
}._layout_ztv66_1 {
  height: 100%;
  padding-top: 50px;
}

._info_ztv66_6 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 13px;
  line-height: 1.45;
  color: #1e3a8a;
  background: #e0f2ff;
  border: 1px solid #bae6fd;
  padding: 8px 12px;
  border-radius: 6px;
  margin-bottom: 30px;
}

._wrapper_ztv66_20 {
  position: relative;
  width: 100%;
}

._input_ztv66_25 {
  padding-right: 110px !important;
}

._sendButton_ztv66_29 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  top: 50%;
  height: 100%;
  right: 0;
  transform: translateY(-50%);
  background: #2b7fff;
  color: white;
  border: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s ease;
}
._sendButton_ztv66_29:hover {
  background: #1e66d9;
}
._sendButton_ztv66_29 p {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  line-height: 13px;
}

._disabled_ztv66_59 {
  background: #9abcf7 !important;
  cursor: not-allowed;
}

._verifyRow_ztv66_64 {
  position: relative;
  align-items: end;
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

._resendSmall_ztv66_72 {
  background: #2b7fff;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  height: 100%;
}
._resendSmall_ztv66_72:hover {
  background: #1e66d9;
}

._resendSmall_ztv66_72._disabled_ztv66_59 {
  background: #9abcf7 !important;
  cursor: not-allowed;
}

._verifyButton_ztv66_91 {
  width: 100%;
  margin-top: 10px;
  background: #00b887;
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s ease;
}
._verifyButton_ztv66_91:hover {
  background: #009970;
}
._verifyButton_ztv66_91 {
  /* Disabled styles */
}
._verifyButton_ztv66_91:disabled {
  background: #b5e8d8;
  color: rgba(255, 255, 255, 0.5647058824);
  cursor: not-allowed;
  opacity: 0.6;
}
._verifyButton_ztv66_91 {
  /* Prevent hover when disabled */
}
._verifyButton_ztv66_91:disabled:hover {
  background: #b5e8d8;
  opacity: 0.6;
}

._resendMinimal_ztv66_123 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  font-size: 12px;
  color: black;
  user-select: none;
  opacity: 0.7;
  pointer-events: none;
}
._resendMinimal_ztv66_123 span {
  margin-top: 2px;
}

._resendMinimal_ztv66_123._clickable_ztv66_139 {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
._resendMinimal_ztv66_123._clickable_ztv66_139:hover {
  opacity: 0.8;
}._wrapper_1uozm_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Switcher Container */
._switcher_1uozm_8 {
  width: 60%;
  display: flex;
  background: #007AFF;
  border-radius: 8px;
  border: 1px solid #007AFF;
  margin: 0 auto;
}

/* Tabs */
._tab_1uozm_18 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  --icon-color: white;
  width: 100%;
  padding: 6px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: 0.2s ease;
  color: white;
}
._tab_1uozm_18:not(._active_1uozm_34):hover {
  opacity: 0.8;
}

._tab_1uozm_18._active_1uozm_34 {
  background: white;
  color: #333333;
  --icon-color: #333333 ;
}._page_16ho2_1 {
  width: 100%;
}

/* ===== LAYOUT ===== */
._split_16ho2_6 {
  height: calc(100vh - 64px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

/* ===== LEFT VISUAL PANEL ===== */
._left_16ho2_14 {
  position: relative;
  overflow: hidden;
  background: #1e3a8a;
  height: 100%;
  min-height: 100%;
}

/* Background image */
._bgImage_16ho2_23 {
  position: absolute;
  inset: 0;
  background-image: url("https://images.unsplash.com/photo-1486325212027-8081e485255e?q=80&w=2000&auto=format&fit=crop");
  background-size: cover;
  background-position: center;
  filter: saturate(1.1);
  will-change: transform;
}

/* Blue overlay */
._overlay_16ho2_34 {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 58, 138, 0.85), rgba(30, 58, 138, 0.95));
}

/* Quote */
._quote_16ho2_41 {
  position: absolute;
  bottom: 48px;
  left: 48px;
  right: 48px;
  color: #e0f2fe;
  z-index: 2;
}

/* Corner decoration */
._corner_16ho2_51 {
  margin-top: 20px;
  width: 28px;
  height: 28px;
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

/* ===== RIGHT ===== */
._right_16ho2_60 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  overflow-y: auto;
}

/* ===== PANEL (NO CARD) ===== */
._panel_16ho2_69 {
  width: 100%;
  max-width: 420px;
  padding: 48px 0; /* vertical rhythm */
}

/* ===== TITLE ===== */
._title_16ho2_76 {
  font-size: 26px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 12px;
}

/* ===== FORM CONTENT ===== */
._content_16ho2_84 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ===== DIVIDER ===== */
._divider_16ho2_91 {
  height: 1px;
  background: #e5e7eb;
  margin: 16px 0;
}

/* ===== FOOTER ===== */
._footer_16ho2_98 {
  text-align: center;
  font-size: 14px;
  color: #6b7280;
  margin-top: 12px;
}

._footerLink_16ho2_105 {
  background: none;
  border: none;
  padding: 0;
  margin-left: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #3b82f6;
  cursor: pointer;
}
._footerLink_16ho2_105:hover {
  text-decoration: underline;
}

/* ===== MOBILE ===== */
@media (max-width: 900px) {
  ._split_16ho2_6 {
    grid-template-columns: 1fr;
  }
  ._left_16ho2_14 {
    display: none;
  }
  ._panel_16ho2_69 {
    padding: 32px 16px;
  }
}._wrapper_1jfvn_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Label */
._label_1jfvn_8 {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}

/* Input container */
._inputWrapper_1jfvn_15 {
  position: relative;
}

/* Actual input */
._input_1jfvn_15 {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #dbeafe;
  background: #ffffff;
  font-size: 14px;
  color: #111827;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
._input_1jfvn_15::placeholder {
  color: #9ca3af;
}
._input_1jfvn_15:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);
}

/* Valid / Invalid states */
._fieldvalid_1jfvn_41 {
  border-color: #22c55e;
}

._fieldinvalid_1jfvn_45 {
  border-color: #ef4444;
}

/* Error text */
._error_1jfvn_50 {
  min-height: 10px;
  line-height: 10px;
  font-size: 12px;
  color: #ef4444;
}

/* Password icon */
._iconButton_1jfvn_58 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  --icon-color: black;
  transition: color 0.2s ease, opacity 0.2s ease;
}

/* Enabled */
._iconActive_1jfvn_73 {
  cursor: pointer;
}
._iconActive_1jfvn_73:hover {
  --icon-color: #6b7280;
}

/* Disabled */
._iconDisabled_1jfvn_81 {
  cursor: not-allowed;
  opacity: 0.4;
}._row_u2zfe_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}

/* Toggle */
._remember_u2zfe_9 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #475569;
}

/* Custom switch */
._switch_u2zfe_18 {
  position: relative;
  width: 42px;
  height: 24px;
}

._switch_u2zfe_18 input {
  opacity: 0;
  width: 0;
  height: 0;
}

._slider_u2zfe_30 {
  position: absolute;
  inset: 0;
  background: #e5e7eb;
  border-radius: 999px;
  transition: background 0.2s ease;
  cursor: pointer;
}

._slider_u2zfe_30::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 3px;
  top: 3px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
}

._switch_u2zfe_18 input:checked + ._slider_u2zfe_30 {
  background: #66d4ea;
}

._switch_u2zfe_18 input:checked + ._slider_u2zfe_30::before {
  transform: translateX(18px);
}

/* Forgot password */
._forgot_u2zfe_60 {
  font-size: 14px;
  color: #3b82f6;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
._forgot_u2zfe_60:hover {
  text-decoration: underline;
}

._formError_u2zfe_72 {
  font-size: 13px;
  color: red;
  margin-top: 4px;
  line-height: 0;
  opacity: 0;
  transform: translateY(-2px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

._formError_u2zfe_72._visible_u2zfe_82 {
  opacity: 1;
  transform: translateY(0);
}._button_14ulz_1 {
  width: 100%;
  height: 44px;
  border-radius: 6px;
  border: none;
  margin-top: 10px;
  background: #007AFF;
  color: white;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;
}
._button_14ulz_1:hover:not(:disabled) {
  background: #2b2b2b;
}
._button_14ulz_1:active:not(:disabled) {
  transform: translateY(1px);
}
._button_14ulz_1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}._wrapper_1geb7_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Switcher Container */
._switcher_1geb7_8 {
  width: 100%;
  display: flex;
  background: #007AFF;
  border-radius: 8px;
  border: 1px solid #007AFF;
  margin: 16px auto;
}

/* Tabs */
._tab_1geb7_18 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  --icon-color: white;
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: 0.2s ease;
  color: white;
}
._tab_1geb7_18:not(._active_1geb7_34):hover {
  opacity: 0.8;
}

._tab_1geb7_18._active_1geb7_34 {
  background: white;
  color: #333333;
  --icon-color: #333333;
}