#fw-section-hero-video-a59143ba-ff16-48cf-94e7-5f51bec5bc0b { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-d6f0ffa4-12fa-4100-83e5-d1a07b2df67c { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-94bc747c-4026-4a04-b9a9-7dad5daf839f { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-1689532665 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-48d3657e-78b0-4aea-bdf3-fa71951448b1 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f4cba4c7-494e-4b81-8c04-3917600a1555 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-e5e7ecca-fd19-49bb-be95-9e76b5cbf22c { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-126743f9-f47c-412d-87e7-643398a509f7 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-bc2f7c09-4dc8-4630-bc1f-aaacf8ccc690 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-b036b575-5eb8-4fe7-98b3-68de22b8072d { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-eff964e5-f6fb-4739-b101-79c266700e90 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-e77ea2e8-efe7-4dfe-a62d-b55a40b00890 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-5a0db078-defb-45d8-bf86-792d916b725b { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-fda33a4b-fb13-49c5-afd4-280d1c6f851c { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #b95bfc; --color-on-primary-rgb: 185, 91, 252; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #b95bfc; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-hero-video-e64e980b-4e0a-4ab8-9f82-a4148418c695 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-514ec44b-ad1a-41e7-935a-e8860dec908a { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-43cf7fef-16b0-40a9-ab1c-9a8ca6242401 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-843bb920-3474-4390-99fa-0bac2ddfeceb { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-e67c93e3-e0fb-4137-905c-40ed752ab4d7 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-2358e7e0-b0d0-4aa0-a3c1-0a2f16c94592 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-1694123253 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-3c90c9ad-2462-4588-8218-b7b95b7b0c51 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f1226d69-8122-4673-9de0-e5e09f72bbdd { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-0d7b9d8d-af9d-4258-b4cc-d13a41538dd8 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-d5c7b7d3-2b90-4508-8749-aa1ccffe81b7 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-8eae3ea2-5460-49f2-9aea-62a68fce099e { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-e572dedd-1e26-4b7d-a4d3-b1a5a412a9e8 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f73a596d-adf9-43a7-80a0-18db483ff3a9 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-1f06dc03-3808-4578-a0a9-cb3e2101732b { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-92f103bb-57b3-46ab-8c33-74efe681542d { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-faf45097-453d-4a59-aab0-ebf8ded2d8e7 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-d6b4f679-ab1d-406a-b76d-149b83bcea65 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-831bf149-2eab-4cd4-90e6-41eeb7dc81b6 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-330ddada-474e-4ba8-86ac-0bbd352da6cd { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-ee0ea809-683f-4e6e-a527-0786eaf8f398 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-961fa256-7cf0-49c2-b2dd-2565fc2f131d { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-6a0f62f4-60b6-478a-bf83-ae17f84912d0 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-50ecd8b5-aa57-4de6-95f4-a310de6f313e { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-f3f75aa3-9884-4d48-9caa-c354fa0384df { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-0ef2fa74-4424-444f-abc0-36ee43fc050b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-e1f15d7a-5212-4a7f-9cf3-5352f9204ec0 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-dd59b339-814c-4794-ad26-435117e3598b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-bbcfaa3b-ea68-49e0-bf8a-93cd2a6f8a3a { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-195fd6ce-0aef-446b-b783-3444df8ca329 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-6c3fa8ae-341b-4180-b5dd-ece465ce1878 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-dd9a3785-85ac-40ce-895b-944d27f711bd { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-dd56fb76-d00b-4e7b-ae04-f419c96480bf { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-1523a7e4-31fe-45d5-8963-b3cfb11d5eb9 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-5f24399f-0a09-4857-821c-ca41efda4a6b { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-2872132b-116c-4aca-a33b-9431397ea689 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-5dbca896-7750-40d7-abcf-ea0148b4cf2f { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f8aa4aa4-7a6e-42f6-a058-8c7eedcbec53 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-11408b01-d1a3-4a38-bf48-d82a80282ca5 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-9c39fceb-70a8-47fa-a347-8a1f958392e9 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-8b493a1a-ed88-4505-81c0-666fe19da148 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-e12337b3-b382-4fb8-925a-394a996fa6db { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-32c5032a-26fd-434a-aca2-c36d84e313a8 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-ea4fc200-ff60-4fcb-b06d-640e20c8790f { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-1694138098 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-7f5c7215-7835-4881-869b-49c52e15a641 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-a33c2828-cdd7-474e-90ef-b0bdf777197b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-3d247686-74aa-45ed-b14d-0ed5741c9183 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-featured-collection-86a01681-08c0-47aa-bc09-1fa03b0345f1 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-a2974e1c-762a-451e-a0b9-da521ac8fce7 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-b08e9b35-b857-4e54-bc6b-d9d21c7a7721 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-0a6de4e0-98b9-4f8b-bb76-a6180013f674 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-3ddf0eda-1710-4ff3-a5a7-28a428658963 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-cb266d2e-9f87-43a0-8bcd-804a4ac87de0 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-1694807160 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-ef59ef97-3992-4b91-bf89-12df8f170505 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-6e8d835a-466e-48f8-82fa-220d274275a6 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-477f9f1d-f2cc-4cf8-ac97-c1c4518eaac3 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-15ae5890-5fb6-4156-a4c0-9e9411a8b643 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-3c6bed24-40a6-4657-b3b7-12a9ca82bf5e { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-d782e296-53bc-45dd-b0b0-ef0e30215772 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-f2b7be97-4f72-479e-9b37-9b412cea95b2 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-25e34a7d-4083-4555-95e5-f26da7843c6b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-0812af84-8b0f-4f57-b1f2-cd50f90c26f4 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-featured-collection-495e0ffa-626d-4d74-bf63-c851b1058d29 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-1694131980 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-1a3dc271-d983-4405-84fd-70f38b2fdf5f { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-9fae06b7-7e45-4b8a-bb57-738f2e3436cf { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-15584d2a-08d4-48cd-9d9d-3ffc6160cb89 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-6f9d8f34-d7ce-4935-8207-964602f1b4d4 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-3afa5494-247c-4e59-9c01-4e9bec59389e { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-1696727345 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-61384049-caa3-439f-a4a8-d015bbb87172 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-abf53a78-fadd-47cb-a316-7cc66149c854 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-961c7aa1-ada7-4c0d-917f-145dfa99b159 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-c9193bbf-dccd-4060-8a01-288d07d8b73c { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-a3f29c6b-be44-435c-bf83-ef7b1f464836 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-1697221399 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-b5285083-f288-4429-93c2-1f4b11cb33f6 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-cb921b2f-794c-4266-aab6-b3b26ee63e3b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-c855fdf9-d2ab-402d-846d-eda58a7003b3 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-9ebcb5d2-2f2e-484b-9c94-1609eee4e588 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-text-carousel-83507676-c02a-4315-8c48-1bb31c6c38b1 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #000000; --color-background-rgb: 0, 0, 0; --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: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-tiers-ebb12077-52d5-4545-906e-261aa0f30079 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-hero-video-1689532506 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-1694131603 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-106fdf54-551f-4f77-8eec-93c31da001e7 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-942a5d94-d0c9-40dd-97e1-71f642445919 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-1694459832 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-d9359f54-51f3-4ace-8477-93fe2ddffa1f { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-88dd703a-e6d0-4db4-9565-b225837d3876 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-53c92234-e2a7-46dd-8285-c24f5f4cc18f { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-cf37ca26-38aa-451b-ab77-b123f84c5bbe { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-4bf57d67-d22e-4cc2-916a-169a6ea4a94a { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-c5a05336-9bec-4e19-ad1c-43e29b373b69 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-91d406ad-7990-470d-ae2a-c66938d1d134 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-0c71c11b-d875-45f9-8f8a-3a5c31f61043 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f7d47a5a-53c4-4e55-9c00-370d6cf23f5b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-da5d5eeb-0fc5-4bfe-9d05-32b16bb7a6bf { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-d57f4edf-6e30-40b2-9900-ffca6981c4b6 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f0474f16-d8ba-48d1-ada7-f088b34bd578 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-9421fbb3-d08f-43ba-aed6-15255143a3c4 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-fd573b05-c463-428f-93af-1f9506bba697 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-e9a57260-846e-49a8-bf1d-abcd655b0692 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-90984e0b-add2-4407-8e4e-8f8aa92dca61 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-bd70f813-1bee-4b72-bf31-d63c0c5d1047 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-1694132218 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-c0f43baf-f842-48a0-a492-c44ed3428d89 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-2e5b1ae4-2315-4e99-aeb2-fd26fd257972 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-ccb0bf04-0434-498e-98b6-aea0a0057dde { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-8b907787-1310-4038-b6d4-e9cf1b0b74ed { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-8babb09c-0d85-46d8-aa75-c0516cf417c2 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-de2fc42b-a040-4244-88a0-ed8212b11c4b { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-b2ff72cb-ab32-4662-a07b-0136b8b4712a { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-f83ad163-46f2-4473-8ae1-7ff2a9c68739 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-742dacc7-7707-4e53-86fd-24b37ea7b194 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-a277abf4-a848-4acb-8855-689266d2fb01 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-7addcac2-cd45-4bbe-a4cf-17b81ce7b13c { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-featured-collection-9c3c9c88-254d-4094-86c5-5d74563f1454 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-5b72b5e1-9096-4464-b134-f4aaf0185b5b { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-972e03a1-6c1d-48cc-bc9d-4931c67e377e { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-52368514-5da6-477e-850b-35c6add6d5c9 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-77e1375f-073d-4bb8-8127-453cefe3ec88 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f6da2fcd-6e51-4177-9c8c-5126cd10e813 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-7c4e11f2-4650-4936-8e13-6e2247ee75b5 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-fdd44052-149b-484c-ad09-0d34da5d34ee { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-7267ce9a-d744-4983-939a-e36183400cf7 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-7715835d-8f8e-4ce8-868b-498e00b5d679 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-hero-8cdae6e6-a2d7-4815-ba2c-176435ec4f62 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-hero-1697224369 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #f9f8ff; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #f9f8ff; --secondary-btn-bg: transparent; --secondary-btn-text: #f9f8ff; --secondary-btn-border-color: #f9f8ff; } #fw-section-hero-video-1668229743 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --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: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-hero-1711599137 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-1721153212 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-1694121295 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-1694271163 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-1c14f79a-888e-41dc-82e1-ebea6efebd9d { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-a15557c8-7669-4e0f-b39e-fedf2b6e1d33 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-e1659907-bdb5-4b51-a706-0dda864cd281 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-c89a1d38-16d5-49a0-9bb3-16e951748ab7 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-42e5bda1-2287-4bc9-9d01-cc2f2039288b { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-a645ce94-e6fc-488b-a713-8b0816cd6458 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-64ad560f-fedf-4825-abdd-7ab563ea1668 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-9c056c91-93fd-41b9-a5fb-e5fd4da821f0 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-tiers-751f339a-1a19-4a5c-95f1-3327375f4af1 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-hero-ad402af0-3575-4cc6-8e45-21d137c55fd4 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ebfd03; --color-background-rgb: 235, 253, 3; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 219; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* --- PRIMARY BUTTON: Black background with #EBFD03 Text --- */ .button.button--primary.button--expand { background-color: #000000 !important; color: #EBFD03 !important; /* Your specific text color */ border-color: #000000 !important; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important; opacity: 1 !important; } .button.button--primary.button--expand:hover { opacity: 0.85 !important; background-color: #000000 !important; color: #EBFD03 !important; border-color: #000000 !important; } /* --- SECONDARY BUTTON: 25% Opacity Black Outline --- */ .button.button--secondary.button--expand, .button.button--outline.button--expand { /* 0.25 = 25% transparency */ border-color: rgba(0, 0, 0, 0.25) !important; background-color: transparent !important; color: #000000 !important; transition: all 0.2s ease-in-out !important; } /* --- SECONDARY HOVER: 100% Opacity Black Outline --- */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(0, 0, 0, 1) !important; background-color: transparent !important; opacity: 1 !important; } } #fw-section-text-carousel-940de04c-1954-4b9d-a6fa-78bb027d4428 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-newsletter-7cf94d7a-ea0c-47e3-9f43-85c9429e8d50 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ebfd03; --color-background-rgb: 235, 253, 3; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 219; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* --- PRIMARY BUTTON: Black background with #EBFD03 Text --- */ .button.button--primary.button--expand { background-color: #000000 !important; color: #EBFD03 !important; /* Your specific text color */ border-color: #000000 !important; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important; opacity: 1 !important; } .button.button--primary.button--expand:hover { opacity: 0.85 !important; background-color: #000000 !important; color: #EBFD03 !important; border-color: #000000 !important; } /* --- SECONDARY BUTTON: 25% Opacity Black Outline --- */ .button.button--secondary.button--expand, .button.button--outline.button--expand { /* 0.25 = 25% transparency */ border-color: rgba(0, 0, 0, 0.25) !important; background-color: transparent !important; color: #000000 !important; transition: all 0.2s ease-in-out !important; } /* --- SECONDARY HOVER: 100% Opacity Black Outline --- */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(0, 0, 0, 1) !important; background-color: transparent !important; opacity: 1 !important; } } #fw-section-text-carousel-e11776bf-1f47-41f9-b9e2-8b02da009bcc { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-tiers-510fbbb0-e36b-43a9-9111-03ce6145ae73 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-text-carousel-6265b338-9298-4152-ac82-2fc8a4c9bf61 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-4414fd72-9095-4d20-aab1-7c2729b71fae { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-b77b5922-8dff-4119-952b-0c4cb5e43321 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-b5628fc6-d30d-47d6-b068-3d461f1205e0 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-2f0562ef-9e8b-435a-b91d-0ebf2c07562f { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-cb30f8af-fa61-4c3a-85ae-fe667c8005dd { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-image-with-text-5d9f139e-f73f-42bc-88ba-a0af6cb7379f { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-rich-text-9976cf9f-8588-44b5-9b29-2fd7682e1fd6 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* Hide the section by default */ .rich-text--fw-section-rich-text-9976cf9f-8588-44b5-9b29-2fd7682e1fd6 { display: none; } /* Show the section on mobile screens (767px or smaller) */ @media screen and (max-width: 767px) { .rich-text--fw-section-rich-text-9976cf9f-8588-44b5-9b29-2fd7682e1fd6 { display: block; } } } #fw-section-newsletter-05a0f0ca-718c-4054-a9c6-023a60b67ea7 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ebfd03; --color-background-rgb: 235, 253, 3; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 219; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* --- PRIMARY BUTTON: Black background with #EBFD03 Text --- */ .button.button--primary.button--expand { background-color: #000000 !important; color: #EBFD03 !important; /* Your specific text color */ border-color: #000000 !important; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important; opacity: 1 !important; } .button.button--primary.button--expand:hover { opacity: 0.85 !important; background-color: #000000 !important; color: #EBFD03 !important; border-color: #000000 !important; } /* --- SECONDARY BUTTON: 25% Opacity Black Outline --- */ .button.button--secondary.button--expand, .button.button--outline.button--expand { /* 0.25 = 25% transparency */ border-color: rgba(0, 0, 0, 0.25) !important; background-color: transparent !important; color: #000000 !important; transition: all 0.2s ease-in-out !important; } /* --- SECONDARY HOVER: 100% Opacity Black Outline --- */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(0, 0, 0, 1) !important; background-color: transparent !important; opacity: 1 !important; } } #fw-section-text-carousel-81ae251c-ae91-43d0-85fa-20aedb67c4c2 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-newsletter-773c879a-ede5-4479-bc29-fbcdcd547229 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ebfd03; --color-background-rgb: 235, 253, 3; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 219; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* --- PRIMARY BUTTON: Black background with #EBFD03 Text --- */ .button.button--primary.button--expand { background-color: #000000 !important; color: #EBFD03 !important; /* Your specific text color */ border-color: #000000 !important; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important; opacity: 1 !important; } .button.button--primary.button--expand:hover { opacity: 0.85 !important; background-color: #000000 !important; color: #EBFD03 !important; border-color: #000000 !important; } /* --- SECONDARY BUTTON: 25% Opacity Black Outline --- */ .button.button--secondary.button--expand, .button.button--outline.button--expand { /* 0.25 = 25% transparency */ border-color: rgba(0, 0, 0, 0.25) !important; background-color: transparent !important; color: #000000 !important; transition: all 0.2s ease-in-out !important; } /* --- SECONDARY HOVER: 100% Opacity Black Outline --- */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(0, 0, 0, 1) !important; background-color: transparent !important; opacity: 1 !important; } } #fw-section-text-carousel-58917dc1-867b-4a0c-b512-e06872d37fdf { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-tiers-236831c2-c9db-4e93-a3d7-f8b1585479c6 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-footer { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #000000; --color-background-rgb: 0, 0, 0; --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: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-announcement-bar-972de831-0138-46eb-a61c-e0b24fe2977c { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-header { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-text-carousel-6c4ce0fc-c86e-440b-9a4a-81fc1b53d4da { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-tiers-aed919e0-d48b-400c-a057-f5f40a734932 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-search-bar-search { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-0 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; }