@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
@keyframes loader-small {
  100% {
    box-shadow: 0 0 0 1.5rem rgba(221, 224, 229, 0);
  }
}
@keyframes loader-medium {
  100% {
    box-shadow: 0 0 0 2rem rgba(221, 224, 229, 0);
  }
}
@keyframes loader-large {
  100% {
    box-shadow: 0 0 0 2.5rem rgba(221, 224, 229, 0);
  }
}
@keyframes skeleton-pulse {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -135% 0%;
  }
}
.hidden {
  display: none !important;
}

.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.no-scrollbar {
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.full-width {
  width: 100%;
}

.pointer {
  cursor: pointer;
}

body {
  min-height: 100dvh;
  background-color: #050A14;
  font-family: "Source Sans 3", sans-serif;
}

h1 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  h1 {
    font-size: 2.25rem;
  }
}

h2 {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  h2 {
    font-size: 1.5rem;
  }
}

h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  h3 {
    font-size: 1.125rem;
  }
}

h4 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  h4 {
    font-size: 0.875rem;
  }
}

a {
  color: #0776ff;
  text-decoration: underline;
}

autocomplete-prediction {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  transition: background-color 0.3s ease-in-out;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  color: #BDC4D3;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
autocomplete-prediction .description {
  font-size: 0.875rem;
}
autocomplete-prediction:hover {
  background-color: #2F394E;
}

.primary-badge {
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.5rem 0.5rem 0 0;
  border-width: 1px;
  border-style: solid;
  color: #FBFCFF;
  text-align: center;
  border-color: #424E66;
}

button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  border-radius: 0.25rem;
}
button.small {
  padding: 0.375rem 0.75rem;
}
button.medium {
  padding: 0.5rem 0.75rem;
}
button.large {
  padding: 0.75rem 1rem;
}
button.bold {
  font-weight: 600;
}
button.primary {
  background-color: #232B3C;
  color: #DDE3ED;
}
button.primary:hover {
  background-color: #2F394E;
  color: #F0F2F5;
}
button.primary.light {
  background-color: #DDE3ED;
  color: #232B3C;
}
button.primary.light:hover {
  background-color: #F0F2F5;
}
button.secondary {
  background-color: #0776ff;
  color: #F0F2F5;
}
button.secondary:hover {
  background-color: #1a80ff;
}
button.tertiary {
  color: #0A101D;
  border-color: #0A101D;
  border-style: solid;
  border-width: 1px;
}
button.tertiary:hover {
  border-color: #5F6D8A;
  color: #424E66;
}
button.tertiary.light {
  border-color: #DDE3ED;
  color: #DDE3ED;
}
button.tertiary.light:hover {
  border-color: #F0F2F5;
  color: #F0F2F5;
}
button.destructive {
  background-color: #F35B46;
  color: #F0F2F5;
}
button.destructive:hover {
  background-color: #D64F3A;
}
button[disabled=true] {
  cursor: not-allowed !important;
  background-color: transparent !important;
  color: #5F6D8A !important;
}
button[disabled=true]:hover {
  background-color: transparent !important;
  color: #5F6D8A !important;
}
button.link {
  color: #0776ff;
}
button .icon {
  color: inherit;
}

.card {
  border-radius: 0.75rem;
  box-shadow: rgba(11, 20, 38, 0.2) 0px 2px 8px 0px;
}

.top-divider, .carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item .pair:nth-child(2) {
  border: solid #5F6D8A;
  border-width: 1px 0 0 0;
}

.carousel-section .note {
  color: #5F6D8A;
  margin: auto;
  opacity: 0.5;
}
.carousel-section .section-wrapper .title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.carousel-section .section-wrapper .title-wrapper .content {
  width: 40%;
  margin: auto;
}
@media (max-width: 1200px) {
  .carousel-section .section-wrapper .title-wrapper .content {
    width: 60%;
  }
}
@media (max-width: 500px) {
  .carousel-section .section-wrapper .title-wrapper .content {
    width: 100%;
  }
}
.carousel-section .section-wrapper .carousel-list {
  overflow-x: auto;
  padding-bottom: 1.5rem;
}
.carousel-section .section-wrapper .carousel-list .carousel-list-items {
  display: flex;
  gap: 1.5rem;
}
.carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item {
  background-color: #121624;
  padding: 1.5rem;
  border-radius: 0.5rem;
  min-width: 32rem;
  max-width: 32rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  line-height: 1.3;
}
@media (max-width: 500px) {
  .carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item {
    min-width: 24rem;
    max-width: 24rem;
  }
}
.carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item .header p:nth-child(2) {
  margin-top: 0.125rem;
}
.carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item .pair h5 {
  font-weight: 500;
}
.carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item .pair p:nth-child(2) {
  margin-top: 0.5rem;
}
.carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item .pair p:not(:nth-child(2)) {
  margin-top: 0.125rem;
}
.carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item .pair ul {
  margin-top: 0.25rem;
  list-style: disc;
  padding-inline-start: 1rem;
}
.carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item .pair ul li {
  color: #BDC4D3;
  padding: 1px 0;
}
.carousel-section .section-wrapper .carousel-list .carousel-list-items .carousel-item p:not(.header) {
  color: #BDC4D3;
}

.input-list {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 0.75rem;
  width: 100%;
}
.input-list > .errors {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 0.25rem;
}
.input-list > .errors p {
  font-size: 0.75rem;
  color: #F35B46;
  font-weight: 500;
}

.input-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 0.375rem;
  width: 100%;
}
.input-container label {
  font-size: 0.875rem;
  color: #DDE3ED;
  font-weight: 300;
}
.input-container input {
  transition: border-color 0.3s ease-in-out;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #232B3C;
  font-size: 0.875rem;
  color: #DDE3ED;
  font-weight: 500;
}
.input-container input::placeholder {
  color: #BDC4D3;
}
.input-container input:focus {
  outline: none;
  border-color: #424E66;
}
.input-container .errors {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 0.25rem;
}
.input-container .errors p {
  font-size: 0.75rem;
  color: #F35B46;
  font-weight: 500;
}

.icon {
  color: #949FB6;
}
.icon.small {
  width: 1rem;
  height: 1rem;
}
.icon.medium {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.large {
  width: 1.5rem;
  height: 1.5rem;
}
.icon.xl {
  width: 2rem;
  height: 2rem;
}
.icon.xxl {
  width: 2.5rem;
  height: 2.5rem;
}

.loader {
  width: 1.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #DDE0E5;
  box-shadow: 0 0 0 0 rgba(221, 224, 229, 0.5);
  position: relative;
}
.loader::before, .loader::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(221, 224, 229, 0.5);
  animation: inherit;
  animation-delay: -1s;
}
.loader::after {
  animation-delay: -1s;
}
.loader.small {
  width: 1rem;
  animation: loader-small 2s infinite linear;
}
.loader.medium {
  width: 1.25rem;
  animation: loader-medium 2s infinite linear;
}
.loader.large {
  width: 1.5rem;
  animation: loader-large 2s infinite linear;
}

.navbar {
  width: 100%;
  padding: 1rem;
}
.navbar .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  position: relative;
  background-color: #050A14;
  border-radius: 0.375rem;
  padding: 1rem;
  color: #FBFCFF;
}
@media (max-width: 1200px) {
  .navbar .container {
    padding: 0.5rem;
  }
}
.navbar .container .left, .navbar .container .right {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 1rem;
  height: 100%;
}
.navbar .container .left .content, .navbar .container .right .content {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 1rem;
}
.navbar .container .left {
  width: 100%;
}
.navbar .container .left .logo-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}
.navbar .container .left .logo-text .logo {
  color: #FBFCFF;
}
.navbar .container .right {
  color: #BDC4D3;
  gap: 0;
}
.navbar .search-bar-container {
  padding: 0.5rem 1rem 1rem;
}
@media (max-width: 1200px) {
  .navbar .search-bar-container {
    padding: 0.25rem 0.5rem 0.5rem;
  }
}

.search-bar {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  transition: border-color 0.3s ease-in-out;
  background-color: #050A14;
  border-radius: 0.375rem;
  border: 1px solid #232B3C;
  padding: 0.5rem 0.75rem;
  width: 100%;
}
.search-bar input {
  background-color: transparent;
  border: none;
  color: #DDE3ED;
  min-width: 100px;
  width: 100%;
}
.search-bar input::placeholder {
  color: #949FB6;
}
.search-bar:has(input:focus) {
  border-color: #424E66;
}

.skeleton {
  background: linear-gradient(-90deg, #0A101D 0%, #0d1526 50%, #0A101D 100%);
  background-size: 400% 400%;
  animation: skeleton-pulse 1.2s ease-in-out infinite;
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
  height: 250px;
}

.inpost-modal {
  background-color: #0A101D;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  position: fixed;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  z-index: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid #424E66;
  border-radius: 0.5rem;
}
@media (max-width: 500px) {
  .inpost-modal {
    max-width: 90%;
  }
}
.inpost-modal .inpost-title-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  color: #F0F2F5;
}
.inpost-modal .inpost-title-wrapper .close-modal {
  background-color: transparent;
}
.inpost-modal .note {
  color: #949FB6;
  padding: 0.375rem 0.75rem;
  width: 100%;
  background-color: #232B3C;
  border-radius: 0.375rem;
}
.inpost-modal .delivery-options-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #F0F2F5;
}
.inpost-modal .delivery-options-wrapper .select-wrapper {
  padding: 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid #5F6D8A;
}
.inpost-modal .delivery-options-wrapper .select-wrapper select {
  width: 100%;
}
.inpost-modal .delivery-options-wrapper .select-wrapper select option {
  color: black;
}
.inpost-modal .geowidget-wrapper {
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
.inpost-modal .geowidget-wrapper .geowidget {
  height: 100%;
  width: 100%;
  min-height: 600px;
}
.inpost-modal .courier-wrapper {
  height: 100%;
  color: #F0F2F5;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inpost-modal .courier-wrapper .courier-input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.inpost-modal .courier-wrapper .courier-input-wrapper input {
  background-color: transparent;
  border: 1px solid #5F6D8A;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.375rem;
}
.inpost-modal .courier-wrapper .courier-input-wrapper input::placeholder {
  color: #5F6D8A;
}
.inpost-modal .courier-wrapper .autocomplete-results {
  background-color: #232B3C;
}
.inpost-modal .button-wrapper {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}

.article-container {
  color: #F0F2F5;
}
.article-container header, .article-container main {
  max-width: 1200px;
  padding: 0 1.5rem;
  margin: 2.5rem auto 0 auto;
  height: unset !important;
}
.article-container header *:not(h1, h2, h3, h4, h5, h6), .article-container main *:not(h1, h2, h3, h4, h5, h6) {
  line-height: 1.3;
}
@media (max-width: 500px) {
  .article-container header, .article-container main {
    margin: 1.5rem auto 0 auto;
  }
}
.article-container header p, .article-container header button, .article-container main p, .article-container main button {
  margin-top: 0.5rem;
}
.article-container header ul, .article-container main ul {
  margin-top: 0.5rem;
}
.article-container header ul li, .article-container main ul li {
  margin-top: 0.25rem;
}
.article-container header ul.neutral-list li, .article-container main ul.neutral-list li {
  margin-top: 0.75rem !important;
  background-color: #121624;
  padding: 0.75rem;
  border-radius: 0.375rem;
}
.article-container main {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (max-width: 500px) {
  .article-container main {
    gap: 1.5rem;
  }
}
.article-container main .section-content {
  margin-top: 1rem;
}
.article-container main .carousel-list > .carousel-list-items > .carousel-item > .pair > ul {
  margin-top: 1rem !important;
}

.store-container {
  color: #FBFCFF;
  padding-bottom: 2.5rem;
}
.store-container .sale, .store-container .sale-light {
  opacity: 0.5;
  text-decoration: line-through;
}
.store-container .sale-light {
  opacity: 0.8;
}
.store-container .pulse-animation {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.store-container .top-margin-sm {
  margin-top: 1rem !important;
}
.store-container .top-padding-sm {
  padding-top: 1rem !important;
}
.store-container .top-padding-md {
  padding-top: 2rem !important;
}
.store-container .top-padding-lg {
  padding-top: 3rem !important;
}
.store-container .bottom-padding-sm {
  padding-bottom: 1rem !important;
}
.store-container .image-wrapper > img {
  border-radius: 0.75rem;
}
.store-container .note {
  color: #5F6D8A !important;
  text-align: center !important;
}
.store-container .note2 {
  color: #949FB6 !important;
  text-align: center !important;
}
.store-container .multi-section {
  display: flex;
  flex-direction: column;
}
.store-container .top-border-radius-zero {
  border-radius: 0 0 0.75rem 0.75rem !important;
}
.store-container .bottom-border-radius-zero {
  border-radius: 0.75rem 0.75rem 0 0 !important;
}
.store-container .section.light, .store-container .section.featured, .store-container section.light, .store-container section.featured {
  background-color: #121624;
  margin: auto;
  border-radius: 0.75rem;
  max-width: calc(1200px - 5rem);
  padding: 2.5rem 0;
  width: 100%;
}
@media (max-width: 1200px) {
  .store-container .section.light, .store-container .section.featured, .store-container section.light, .store-container section.featured {
    padding: 2rem 0;
    margin: 0 1.5rem;
    width: unset;
  }
}
.store-container .section.featured, .store-container section.featured {
  background: #121624;
  background: linear-gradient(140deg, #050A14 0%, #232B3C 100% 100%);
  margin-top: 1.5rem;
}
.store-container .section.extra-light, .store-container section.extra-light {
  background-color: #DDE3ED;
  color: #0A101D;
}
.store-container .section.extra-light p, .store-container section.extra-light p {
  color: #949FB6 !important;
}
.store-container .section.padding-top-only, .store-container section.padding-top-only {
  padding-bottom: 0;
}
.store-container .section.padding-top-only img, .store-container section.padding-top-only img {
  border-radius: 0.75rem 0.75rem 0 0;
}
@media (max-width: 500px) {
  .store-container .section.padding-top-only img, .store-container section.padding-top-only img {
    height: 40rem;
    width: auto;
    max-width: unset;
  }
}
.store-container .section.image-section, .store-container section.image-section {
  overflow: hidden;
}
.store-container .section.image-section h3, .store-container section.image-section h3 {
  font-weight: 500;
}
.store-container .section.image-section .two-columns, .store-container .section.image-section .two-columns-desktop, .store-container section.image-section .two-columns, .store-container section.image-section .two-columns-desktop {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.store-container .section.image-section .two-columns > :first-child, .store-container .section.image-section .two-columns-desktop > :first-child, .store-container section.image-section .two-columns > :first-child, .store-container section.image-section .two-columns-desktop > :first-child {
  width: 100%;
}
@media (max-width: 1200px) {
  .store-container .section.image-section .two-columns > :first-child, .store-container .section.image-section .two-columns-desktop > :first-child, .store-container section.image-section .two-columns > :first-child, .store-container section.image-section .two-columns-desktop > :first-child {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .store-container .section.image-section .two-columns > :first-child, .store-container .section.image-section .two-columns-desktop > :first-child, .store-container section.image-section .two-columns > :first-child, .store-container section.image-section .two-columns-desktop > :first-child {
    width: 100%;
  }
}
.store-container .section.image-section .two-columns > :nth-child(2), .store-container .section.image-section .two-columns-desktop > :nth-child(2), .store-container section.image-section .two-columns > :nth-child(2), .store-container section.image-section .two-columns-desktop > :nth-child(2) {
  width: 100%;
}
@media (max-width: 1200px) {
  .store-container .section.image-section .two-columns > :nth-child(2), .store-container .section.image-section .two-columns-desktop > :nth-child(2), .store-container section.image-section .two-columns > :nth-child(2), .store-container section.image-section .two-columns-desktop > :nth-child(2) {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .store-container .section.image-section .two-columns > :nth-child(2), .store-container .section.image-section .two-columns-desktop > :nth-child(2), .store-container section.image-section .two-columns > :nth-child(2), .store-container section.image-section .two-columns-desktop > :nth-child(2) {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .store-container .section.image-section .two-columns, .store-container .section.image-section .two-columns-desktop, .store-container section.image-section .two-columns, .store-container section.image-section .two-columns-desktop {
    flex-direction: row;
    gap: 1.5rem;
  }
}
@media (max-width: 500px) {
  .store-container .section.image-section .two-columns, .store-container .section.image-section .two-columns-desktop, .store-container section.image-section .two-columns, .store-container section.image-section .two-columns-desktop {
    flex-direction: column;
    gap: 1rem;
  }
}
.store-container .section.image-section .two-columns-desktop, .store-container section.image-section .two-columns-desktop {
  flex-direction: row;
}
@media (max-width: 1200px) {
  .store-container .section.image-section .two-columns-desktop, .store-container section.image-section .two-columns-desktop {
    flex-direction: row;
  }
}
@media (max-width: 500px) {
  .store-container .section.image-section .two-columns-desktop, .store-container section.image-section .two-columns-desktop {
    flex-direction: column;
  }
}
.store-container .section.image-section .image-wrapper.scroll, .store-container .section.image-section .input-wrapper.scroll, .store-container section.image-section .image-wrapper.scroll, .store-container section.image-section .input-wrapper.scroll {
  overflow-x: auto;
  overflow-y: hidden;
  gap: 2rem;
  height: 35rem;
  display: flex;
  padding-bottom: 1.75rem;
}
.store-container .section.image-section .image-wrapper.scroll img, .store-container .section.image-section .input-wrapper.scroll img, .store-container section.image-section .image-wrapper.scroll img, .store-container section.image-section .input-wrapper.scroll img {
  max-width: unset;
}
@media (max-width: 500px) {
  .store-container .section.image-section .image-wrapper.tablet-scroll, .store-container .section.image-section .input-wrapper.tablet-scroll, .store-container section.image-section .image-wrapper.tablet-scroll, .store-container section.image-section .input-wrapper.tablet-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    gap: 2rem;
    height: 35rem;
    display: flex;
    scrollbar-width: none;
  }
  .store-container .section.image-section .image-wrapper.tablet-scroll img, .store-container .section.image-section .input-wrapper.tablet-scroll img, .store-container section.image-section .image-wrapper.tablet-scroll img, .store-container section.image-section .input-wrapper.tablet-scroll img {
    max-width: unset;
  }
}
.store-container .section.image-section .image-wrapper.center, .store-container .section.image-section .input-wrapper.center, .store-container section.image-section .image-wrapper.center, .store-container section.image-section .input-wrapper.center {
  margin: auto;
}
.store-container .section.image-section .input-wrapper form, .store-container section.image-section .input-wrapper form {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
@media (max-width: 500px) {
  .store-container .section.image-section .input-wrapper form, .store-container section.image-section .input-wrapper form {
    flex-direction: column;
  }
  .store-container .section.image-section .input-wrapper form button, .store-container section.image-section .input-wrapper form button {
    width: 100%;
  }
}
.store-container .section.image-section .input-wrapper form input[type=email], .store-container section.image-section .input-wrapper form input[type=email] {
  max-width: 30rem;
  background-color: #2F394E;
  color: #DDE0E5;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  width: 100%;
}
.store-container .section.image-section .input-wrapper form input[type=email]::placeholder, .store-container section.image-section .input-wrapper form input[type=email]::placeholder {
  color: #DDE0E5;
}
.store-container .section.image-section .image-wrapper.small, .store-container section.image-section .image-wrapper.small {
  width: 12.5rem;
  height: auto;
}
@media (max-width: 1200px) {
  .store-container .section.image-section .image-wrapper.small, .store-container section.image-section .image-wrapper.small {
    width: 10rem;
  }
}
.store-container .section .section-wrapper, .store-container section .section-wrapper {
  max-width: 1200px;
  padding: 0 2.5rem;
  margin: auto;
  flex-direction: column;
  display: flex;
  width: 100%;
  gap: 2rem;
}
@media (max-width: 1200px) {
  .store-container .section .section-wrapper, .store-container section .section-wrapper {
    padding: 0 1.5rem;
  }
}
.store-container .section .section-wrapper.text-section, .store-container section .section-wrapper.text-section {
  align-items: flex-start;
}
.store-container .section .section-wrapper.row, .store-container section .section-wrapper.row {
  flex-direction: row;
  gap: 3rem;
}
@media (max-width: 1200px) {
  .store-container .section .section-wrapper.row, .store-container section .section-wrapper.row {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.store-container .section .section-wrapper.center, .store-container section .section-wrapper.center {
  align-items: center;
}
.store-container .section .section-wrapper.middle-gap, .store-container section .section-wrapper.middle-gap {
  gap: 1.5rem;
}
.store-container .section .section-wrapper .table-wrapper, .store-container section .section-wrapper .table-wrapper {
  margin: auto;
  height: 40rem;
  overflow: auto;
  scrollbar-width: thin;
  width: 100%;
  max-width: 830px;
}
.store-container .section .section-wrapper table, .store-container section .section-wrapper table {
  border-collapse: collapse;
}
.store-container .section .section-wrapper table th, .store-container section .section-wrapper table th {
  min-width: 10.5rem;
}
.store-container .section .section-wrapper table th:first-child,
.store-container .section .section-wrapper table td:first-child, .store-container section .section-wrapper table th:first-child,
.store-container section .section-wrapper table td:first-child {
  position: sticky;
  left: 0;
  min-width: 12rem;
  overflow-x: auto;
  z-index: 1;
}
.store-container .section .section-wrapper table th:first-child, .store-container section .section-wrapper table th:first-child {
  background-color: #0A101D;
}
.store-container .section .section-wrapper table td:first-child, .store-container section .section-wrapper table td:first-child {
  background-color: #050A14;
}
.store-container .section .section-wrapper table thead, .store-container section .section-wrapper table thead {
  background-color: #0A101D;
  position: sticky;
  top: 0;
  z-index: 2;
}
.store-container .section .section-wrapper table thead .high, .store-container section .section-wrapper table thead .high {
  height: 2.25rem;
}
.store-container .section .section-wrapper table thead th, .store-container section .section-wrapper table thead th {
  vertical-align: top;
  padding: 0 0.5rem;
}
.store-container .section .section-wrapper table th:nth-child(3),
.store-container .section .section-wrapper table td:nth-child(3), .store-container section .section-wrapper table th:nth-child(3),
.store-container section .section-wrapper table td:nth-child(3) {
  background-color: #121624;
}
.store-container .section .section-wrapper table th, .store-container section .section-wrapper table th {
  text-align: left;
  padding: 0.5rem;
}
.store-container .section .section-wrapper table th.padding-bottom, .store-container section .section-wrapper table th.padding-bottom {
  padding-bottom: 0.5rem;
}
.store-container .section .section-wrapper table th.padding-top, .store-container section .section-wrapper table th.padding-top {
  padding-top: 0.5rem;
}
.store-container .section .section-wrapper table th.middle-weight, .store-container section .section-wrapper table th.middle-weight {
  font-weight: 400;
}
.store-container .section .section-wrapper table th.light, .store-container .section .section-wrapper table th.section.featured, .store-container section .section-wrapper table th.light, .store-container section .section-wrapper table th.section.featured {
  color: #5F6D8A;
}
.store-container .section .section-wrapper table td:not(.name), .store-container section .section-wrapper table td:not(.name) {
  color: #949FB6;
  width: 10.5rem;
}
.store-container .section .section-wrapper table td, .store-container section .section-wrapper table td {
  padding: 0.5rem;
}
.store-container .section .section-wrapper table tbody > tr, .store-container section .section-wrapper table tbody > tr {
  border: solid #232B3C;
  border-width: 1px 0 0 0;
}
.store-container .section .section-wrapper .title-wrapper:not(.two-columns) > p, .store-container section .section-wrapper .title-wrapper:not(.two-columns) > p {
  margin-top: 0.5rem;
}
.store-container .section .section-wrapper .title-wrapper > p, .store-container section .section-wrapper .title-wrapper > p {
  color: #BDC4D3;
}
.store-container .section .section-wrapper .title-wrapper.center, .store-container section .section-wrapper .title-wrapper.center {
  text-align: center;
}
.store-container .section .section-wrapper .title-wrapper.center *, .store-container section .section-wrapper .title-wrapper.center * {
  margin-left: auto;
  margin-right: auto;
}
.store-container .section .section-wrapper .title-wrapper.center h2, .store-container section .section-wrapper .title-wrapper.center h2 {
  max-width: 60%;
}
.store-container .section .section-wrapper .title-wrapper.center p, .store-container section .section-wrapper .title-wrapper.center p {
  max-width: 50%;
}
@media (max-width: 1200px) {
  .store-container .section .section-wrapper .title-wrapper.center h2, .store-container section .section-wrapper .title-wrapper.center h2 {
    max-width: 80%;
  }
  .store-container .section .section-wrapper .title-wrapper.center p, .store-container section .section-wrapper .title-wrapper.center p {
    max-width: 70%;
  }
}
@media (max-width: 500px) {
  .store-container .section .section-wrapper .title-wrapper.center h2, .store-container section .section-wrapper .title-wrapper.center h2 {
    max-width: 100%;
  }
  .store-container .section .section-wrapper .title-wrapper.center p, .store-container section .section-wrapper .title-wrapper.center p {
    max-width: 100%;
  }
}
.store-container .section .section-wrapper .title-wrapper.center button, .store-container section .section-wrapper .title-wrapper.center button {
  margin-top: 1rem;
}
.store-container .section .section-wrapper .list-wrapper, .store-container section .section-wrapper .list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.store-container .section .section-wrapper .list-wrapper .list-item, .store-container section .section-wrapper .list-wrapper .list-item {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #232B3C;
}
.store-container .section .section-wrapper .list-wrapper .list-item p, .store-container section .section-wrapper .list-wrapper .list-item p {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border: solid #232B3C;
  border-width: 1px 0 0;
}
.store-container .section .section-wrapper .list-wrapper .list-item h3, .store-container section .section-wrapper .list-wrapper .list-item h3 {
  cursor: pointer;
}
.store-container .header-section {
  margin-top: 1.25rem;
  max-width: 1400px;
  padding: 0 2.5rem;
  margin: auto;
}
@media (max-width: 1200px) {
  .store-container .header-section {
    padding: 0 1.5rem;
  }
}
.store-container .header-section .note {
  margin-top: 1rem;
}
.store-container .header-section .title {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
  max-width: 720px;
  margin: auto;
}
.store-container .header-section .title h4 {
  color: #BDC4D3;
}
.store-container .header-section .title p {
  max-width: 80%;
  margin: auto;
  color: #BDC4D3;
}
.store-container .header-section .products {
  display: flex;
  gap: 2rem;
  overflow-x: auto;
  width: calc(3 * 25rem + 2 * 2rem);
  max-width: 100%;
  padding-bottom: 1rem;
  align-items: center;
  margin: 2rem auto 0 auto;
}
@media (max-width: 500px) {
  .store-container .header-section .products {
    align-items: center;
    flex-direction: column;
    overflow: unset;
    gap: 1rem;
  }
}
.store-container .header-section .products .double-product {
  display: flex;
  gap: 2rem;
}
@media (max-width: 500px) {
  .store-container .header-section .products .double-product {
    flex-direction: column;
  }
}
.store-container .header-section .products .highlighted {
  background-color: #121624 !important;
  color: #FBFCFF !important;
  border-color: #FBFCFF !important;
}
.store-container .header-section .products .bag-one-nano .product_card {
  border-radius: 0.75rem;
  border-color: #424E66;
  border-style: solid;
  border-width: 0 1px 1px 1px;
}
@media (max-width: 500px) {
  .store-container .header-section .products .bag-one-nano .product_card {
    border-radius: 0.75rem;
  }
}
.store-container .header-section .products .bag-one-standard .product_card {
  border-radius: 0.75rem;
  border-color: #F0F2F5;
  border-style: solid;
  border-width: 0 1px 1px 1px;
}
@media (max-width: 500px) {
  .store-container .header-section .products .bag-one-standard .product_card {
    border-radius: 0.75rem;
  }
}
.store-container .header-section .products .bag-one .product_card {
  border-radius: 0.75rem;
  border-color: #424E66;
  border-style: solid;
  border-width: 0 1px 1px 1px;
}
@media (max-width: 500px) {
  .store-container .header-section .products .product-wrapper {
    max-width: 100%;
  }
}
.store-container .header-section .products .product-wrapper .product_card {
  min-height: 45rem;
  max-height: 45rem;
  width: 25rem;
  padding: 1.5rem;
}
.store-container .header-section .products .product-wrapper .product_card.highlighted {
  min-height: 46rem;
}
.store-container .header-section .products .product-wrapper .product_card .icon {
  color: #232B3C;
}
.store-container .header-section .products .product-wrapper .description-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.store-container .header-section .products .product-wrapper .description-wrapper .description {
  width: 100%;
}
.store-container .header-section .products .product-wrapper .description-wrapper .description .content-list-wrapper {
  padding: 1rem 0;
}
.store-container .header-section .products .product-wrapper .description-wrapper .description .content-list-wrapper .content-list {
  overflow-y: scroll;
  scrollbar-width: thin;
  height: 30rem;
  margin-top: 0.125rem;
}
.store-container .header-section .products .product-wrapper .description-wrapper .description .content-list-wrapper .content-list li {
  color: #949FB6;
  padding-right: 0.5rem;
  display: flex;
  justify-content: space-between;
}
.store-container .header-section .products .product-wrapper .details {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 500px) {
  .store-container .header-section .products .product-wrapper .details {
    max-width: 100%;
  }
}
.store-container .header-section .products .product-wrapper .details .image_and_overview {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.store-container .header-section .products .product-wrapper .details .image_and_overview .navigation {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 13rem;
  height: 0;
  padding: 0 0.5rem;
}
.store-container .header-section .products .product-wrapper .details .image_and_overview .navigation button {
  width: 2.5rem;
  height: 24rem;
}
.store-container .header-section .products .product-wrapper .details .image_and_overview img {
  height: 26rem;
  background-color: transparent;
  width: auto;
  border-radius: 1rem;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}
.store-container .header-section .products .product-wrapper .details .image_and_overview .overview {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.store-container .header-section .products .product-wrapper .details .image_and_overview .overview li {
  list-style: disc;
  margin-left: 2rem;
}
.store-container .header-section .products .product-wrapper .details .image_and_overview .overview .product-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 500px) {
  .store-container .header-section .products .product-wrapper .details .image_and_overview .overview .product-title {
    flex-direction: column;
  }
}
.store-container .header-section .products .product-wrapper .details .image_and_overview .overview p {
  line-height: 1.4;
}
.store-container .header-section .products .product-wrapper .details .image_and_overview .overview ul {
  opacity: 0.6;
}
.store-container .header-section .products .product-wrapper .buttons {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 3.5rem;
}
.store-container main {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  padding: 0 0 2.5rem 0;
}
@media (max-width: 1200px) {
  .store-container main {
    gap: 2.5rem;
  }
}
.store-container main .list-with-title-description {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
@media (max-width: 1200px) {
  .store-container main .list-with-title-description {
    margin-top: 0;
  }
}
.store-container main .list-with-title-description .group {
  display: flex;
  flex-direction: column;
  padding-top: 0.5rem;
  border-top: 1px solid #424E66;
}
@media (max-width: 1200px) {
  .store-container main .list-with-title-description .group:first-child {
    padding-top: 0;
    border-top: none;
  }
}
@media (max-width: 500px) {
  .store-container main .list-with-title-description .group:first-child {
    padding-top: 0.5rem;
  }
}
.store-container main .list-with-title-description .group p {
  color: #BDC4D3;
}
.store-container footer .legal {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.success-container {
  padding: 1.25rem 2.5rem;
}
.success-container .success-wrapper {
  color: #F0F2F5;
  background-color: #232B3C;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 3rem;
}

.legal-container {
  color: #DDE0E5;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 960px;
  margin: 2rem auto;
  padding: 0 2rem;
}
.legal-container h1 {
  font-size: 1.875rem;
}
.legal-container h2 {
  font-size: 1.25rem;
}
.legal-container ul {
  list-style: disc;
  padding-left: 2rem;
}

/*# sourceMappingURL=main.css.map */