#fw-section-custom-html-732e633c-e21f-4def-960e-665602504149 {

/* From Uiverse.io by andreafortuna00 */ 
.card {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  border-radius: 1.5rem;
  background-color: rgba(0, 0, 0, 1);
  padding: 1.5rem;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
}

.price {
  font-size: 3rem;
  line-height: 1;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
}

.lists {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgba(255, 255, 255, 1);
}

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

.list svg {
  height: 1rem;
  width: 1rem;
}

.list span {
  margin-left: 1rem;
}

.action {
  margin-top: 2rem;
  width: 100%;
  border: 2px solid  rgba(255, 255, 255, 1);
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 1);
  padding: 0.625rem 1.5rem;
  font-weight: 600;
  text-align: center;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 1);
  outline: none;
  text-decoration: none;
  transition: all .2s ease;
}

.action:hover {
  color: rgba(255, 255, 255, 1);
  background-color: transparent;
}
}









#fw-section-hero-701ae69c-cb83-43bf-a22f-b2ecb713ea89 {
--color-primary: #151515;
--color-primary-rgb: 21, 21, 21;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #666666;
--color-on-primary-rgb: 102, 102, 102;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #151515;
--primary-btn-text: #666666;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}

#fw-section-custom-html-3e85db34-c0f7-4d36-99f5-0e75e4c90d32 {
--color-primary: #151515;
--color-primary-rgb: 21, 21, 21;
--color-background: #070707;
--color-background-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 7;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #151515;
--primary-btn-text: #FFFFFF;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}













#fw-section-custom-html-b888cb4c-7565-4208-873c-3bec6e422939 {

.spotify-playlist {
  background-color: #121212;
  color: white;
  padding: 20px;
  border-radius: 12px;
  max-width: 600px;
}

.track-item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 8px;
  transition: background 0.3s;
}

.track-item:hover {
  background-color: #2a2a2a;
}

.track-img {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  margin-right: 15px;
}

.track-title { font-weight: bold; font-size: 16px; }
.track-artist { color: #b3b3b3; font-size: 14px; }
.track-duration { margin-left: auto; color: #b3b3b3; }
}







#fw-section-custom-html-4a9f0761-627c-4b5a-babc-dae13a57c747 {
--font-heading-scale: 0.84;
--font-body-scale: 0.84;
}












#fw-section-hero-861eb29d-2dce-4169-b696-8b9683e7a560 {
--font-heading-scale: 0.7;
--font-body-scale: 0.97;
}
#fw-section-hero-861eb29d-2dce-4169-b696-8b9683e7a560 {
--color-primary: #e0e1e2;
--color-primary-rgb: 224, 225, 226;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #e1e1e1;
--color-on-background-rgb: 225, 225, 225;
--color-on-primary: #0a0a0a;
--color-on-primary-rgb: 10, 10, 10;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #e0e1e2;
--primary-btn-text: #0a0a0a;
--primary-btn-border-color: #e1e1e1;
--secondary-btn-bg: transparent;
--secondary-btn-text: #e1e1e1;
--secondary-btn-border-color: #e1e1e1;

}


#fw-section-image-with-text-ae0bc8b7-a933-4088-a578-5ee28c76b281 {
--font-heading-scale: 0.7;
--font-body-scale: 0.9;
}
#fw-section-image-with-text-ae0bc8b7-a933-4088-a578-5ee28c76b281 {
--color-primary: #e0e1e2;
--color-primary-rgb: 224, 225, 226;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #e1e1e1;
--color-on-background-rgb: 225, 225, 225;
--color-on-primary: #0a0a0a;
--color-on-primary-rgb: 10, 10, 10;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #e0e1e2;
--primary-btn-text: #0a0a0a;
--primary-btn-border-color: #e1e1e1;
--secondary-btn-bg: transparent;
--secondary-btn-text: #e1e1e1;
--secondary-btn-border-color: #e1e1e1;

}







#fw-section-footer {
--font-heading-scale: 0.77;
--font-body-scale: 0.86;
}
#fw-section-header {
--font-heading-scale: 0.7;
--font-body-scale: 1.02;
}