#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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-50c36b39-277c-4114-912d-16035b957769 { --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: #f4f4f6; --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-52f61630-8ebe-481c-87a8-6576a39ad9eb { --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: #f4f4f6; --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-ae277857-6446-4eae-92ef-d5de4d5dafaa { /* --- 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-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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-e6278d1c-c502-4d90-859f-332ef63675d4 { --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: #f4f4f6; --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-a24c4144-e9f9-4360-a983-c4a5d87174d5 { --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: #f4f4f6; --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-f135077e-2a2e-4929-99d6-a602fa13ecde { /* --- 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-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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-69adf0cf-028d-4360-98ae-62db724b078b { --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: #f4f4f6; --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-ebec4cd7-33a4-4f3b-813b-8e3d63e70bf5 { --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: #f4f4f6; --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-c3210d19-fa79-4fd0-88b1-429255e28d24 { /* --- 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-f3dd7d67-7e60-47ee-968a-9525a768d47e { --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: #f4f4f6; --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-fdb258fb-62af-4ef8-88b7-8f6edefb27a9 { --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: #f4f4f6; --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-23b7995a-8fdc-4d46-b8d8-f69081c469a2 { /* --- 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: #f4f4f6; --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: #f4f4f6; --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-ec629d61-fd65-407a-9ea1-9c2b728a9477 { --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: #f4f4f6; --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-a10f6609-dfe5-485e-befe-032bc9718cd0 { --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: #f4f4f6; --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-ab432c96-ff3f-4e0c-ae5a-81d838a6cc87 { /* --- 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-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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-8cec784b-a444-485b-b5b5-3201edd1e1f0 { --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: #f4f4f6; --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-60eb03fb-bc27-43e9-b6d5-89f218645d7c { --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: #f4f4f6; --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-4b52cecb-deb8-4511-a78e-0896c5f4c51d { /* --- 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: #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: #f4f4f6; --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-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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-759a1e52-66cf-462d-bc0b-b96355121c4f { --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: #f4f4f6; --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-df39c069-0d84-4de7-a799-5ed1acd5ea1f { --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: #f4f4f6; --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-7f813af0-e9ba-48b7-9f3e-4a4477e2ae7e { /* --- 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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-da18af2d-d2ba-4747-aaf5-eeb60399f683 { --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: #f4f4f6; --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-21e9d46b-c10c-4d13-bdc9-943e1a9324df { --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: #f4f4f6; --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-db9ba28e-b2f3-4863-81ad-66ec6f0ff155 { /* --- 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: #f4f4f6; --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: #f4f4f6; --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-5b2a32db-c3d3-4e79-bf87-3d70a9b2aa8a { --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: #f4f4f6; --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-ea4a472e-0675-4171-881f-eb39119f7bfd { --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: #f4f4f6; --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-b2dcd8c9-194b-4eb7-a700-34045056f266 { /* --- 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-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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-c142f3c8-75a6-41c6-98f6-13e8bba73d05 { --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: #f4f4f6; --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-3c8ad8ab-bf89-4ba6-85ce-6f09991badaa { --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: #f4f4f6; --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-c17b4cd6-10d3-4c8a-9d9c-6672c57aae1a { /* --- 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-f348bc13-1dab-4296-9084-8eef619b938d { --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: #f4f4f6; --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-21314b22-cc7b-4c3e-87a6-df1892ca60b3 { /* --- 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-69a9df11-83e8-4aab-aedd-259fa880f1b5 { /* --- 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-3926a2b2-bc61-4adf-81a2-ca165c4f7e84 { /* --- 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-82933097-05a3-4bf5-a0dc-2332d6962ee1 { /* --- 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-f99bee7a-7e35-487d-85c7-4dc68dfca89e { /* --- 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-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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-7194dbc7-7422-4ff8-8955-d350593c124a { --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: #f4f4f6; --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-76efd046-a8fb-4620-8d89-8420babf8924 { --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: #f4f4f6; --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-9faf1921-0e1c-4ac8-ba40-0490efeffa75 { /* --- 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-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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-f862dbf8-2992-4432-9f07-3a1b2923cb24 { --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: #f4f4f6; --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-97ebf69f-ddb7-4ef2-a232-1e3ba398de3c { --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: #f4f4f6; --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-fc34b0ee-d035-48fd-a15f-1590427d74ba { /* --- 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: #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: #f4f4f6; --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-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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-9323b69e-0a92-4414-ade4-b78b00c47327 { --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: #f4f4f6; --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-3de58676-d764-40ce-981f-62669401b18b { --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: #f4f4f6; --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-a006995a-e088-4f00-91c5-d2c8c100ae50 { /* --- 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: #f4f4f6; --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: #f4f4f6; --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-b4f34b1f-d050-4acf-b468-c958832caace { --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: #f4f4f6; --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-6bde9d17-b173-4796-a4d9-3fade1d89c3c { --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: #f4f4f6; --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-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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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-e7c693bc-3a21-44ef-9da2-9560a22ba174 { --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: #f4f4f6; --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; } /* Removes default bottom padding and margin to attach the next section seamlessly */ .fw-section, .hero, .hero__container { padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ensures the background video fills the section container flush to the bottom edge */ .section-background { margin-bottom: 0 !important; padding-bottom: 0 !important; } @media (min-width: 768px) { /* Lock Desktop Hero to Viewport Height */ .hero--fw-section-hero-e7c693bc-3a21-44ef-9da2-9560a22ba174, .hero--fw-section-hero-e7c693bc-3a21-44ef-9da2-9560a22ba174 .hero__container, .hero--fw-section-hero-e7c693bc-3a21-44ef-9da2-9560a22ba174 .hero__inner, #fw-section-hero-e7c693bc-3a21-44ef-9da2-9560a22ba174 { height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important; } /* Kill Desktop Padding Aspect Lock */ .hero--fw-section-hero-e7c693bc-3a21-44ef-9da2-9560a22ba174 .hero__adapt::before, .hero--fw-section-hero-e7c693bc-3a21-44ef-9da2-9560a22ba174 .section-background::before { padding-bottom: 0 !important; display: none !important; } } } #fw-section-text-carousel-1445fc70-c5c2-4605-8303-98d2d115d845 { --color-primary: #562602; --color-primary-rgb: 86, 38, 2; --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: #f4f4f6; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #562602; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-featured-collection-e1659907-bdb5-4b51-a706-0dda864cd281 { /* --- VIEW ALL BUTTON: Custom Yellow with Black Text --- */ .button.button--secondary.button--small { border-color: #ebfd03 !important; background-color: #ebfd03 !important; color: #000000 !important; opacity: 1 !important; transition: opacity 0.2s ease; /* Smooth transition for hover effect */ } /* --- VIEW ALL HOVER: 75% Opacity --- */ .button.button--secondary.button--small:hover { border-color: #ebfd03 !important; background-color: #ebfd03 !important; color: #000000 !important; opacity: 0.75 !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-7f16376e-a513-4a10-b2c5-17ea22e92f19 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #f4f4f6; --color-background-rgb: 244, 244, 246; --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: #f4f4f6; --color-background-brightness: 244; 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; /* --- VIEW ALL BUTTON: Custom Yellow with Black Text --- */ .button.button--secondary.button--small { border-color: #ebfd03 !important; background-color: #ebfd03 !important; color: #000000 !important; opacity: 1 !important; transition: opacity 0.2s ease; /* Smooth transition for hover effect */ } /* --- VIEW ALL HOVER: 75% Opacity --- */ .button.button--secondary.button--small:hover { border-color: #ebfd03 !important; background-color: #ebfd03 !important; color: #000000 !important; opacity: 0.75 !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; } } /* --- ADD SPACING BELOW FEATURED COLLECTION BUTTON (MOBILE ONLY) --- */ @media (max-width: 768px) { .collection__cta-container.hidden\@sm { padding-bottom: 16px !important; } } } #fw-section-recent-posts-5d8bc036-1292-4b3f-b9c6-07728c134fc9 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #f4f4f6; --color-background-rgb: 244, 244, 246; --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: #f4f4f6; --color-background-brightness: 244; 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; /* --- HIDE RECENT POSTS HEADER (DESKTOP ONLY) --- */ @media (min-width: 769px) { .recent-posts__header { display: none !important; } } /* --- HIDE LIKES & COMMENTS PILLS --- */ .post-tile__feedback { display: none !important; } /* --- MAC TOP TITLEBAR OVERLAY --- */ .post-tile { position: relative !important; background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 0px !important; padding-top: 28px !important; overflow: hidden !important; transition: none !important; } .post-tile:hover { border-color: rgba(0, 0, 0, 0.1) !important; } /* Top Window Titlebar Header */ .post-tile::before { content: "valkence_feed.sys" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 28px !important; background: #111111 !important; color: #a1a1aa !important; font-family: "Courier New", monospace !important; font-size: 0.65rem !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: lowercase !important; display: flex !important; align-items: center !important; padding-left: 48px !important; z-index: 2 !important; } /* Window Dots (Red / Yellow / Green) */ .post-tile::after { content: "" !important; position: absolute !important; top: 10px !important; left: 10px !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff5f56 !important; box-shadow: 12px 0 0 #ffbd2e, 24px 0 0 #27c93f !important; z-index: 3 !important; } /* --- BRAND BADGES (SCALED MATCH TO NAV BADGE) --- */ .post-tile__date { display: inline-block !important; font-size: 0 !important; margin-bottom: 12px !important; } .post-tile__date::before { font-family: "Inter", -apple-system, sans-serif !important; font-weight: 900 !important; font-size: 11px !important; /* Restored original text size */ line-height: 1 !important; letter-spacing: 0.06em !important; /* Matches nav badge tracking */ text-transform: uppercase !important; -webkit-font-smoothing: antialiased !important; padding: 6px 9px !important; /* Scaled padding ratio matching nav badge */ display: inline-block !important; background: #ebfd03 !important; color: #000000 !important; border-radius: 0 !important; border: none !important; box-sizing: border-box !important; } /* Grid Badge Sequence */ .col-grid > div:nth-child(1) .post-tile__date::before { content: "NEW" !important; } .col-grid > div:nth-child(2) .post-tile__date::before { content: "FEATURED" !important; } .col-grid > div:nth-child(3) .post-tile__date::before { content: "TRENDING" !important; } /* --- CONVERT CONTINUE READING INTO BLACK BRAND BUTTONS --- */ .post-tile__text--overlay { background: none !important; padding-top: 14px !important; position: relative !important; } .post-tile__text--overlay .post-tile__link { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 44px !important; background-color: #000000 !important; text-decoration: none !important; border-radius: 0 !important; border: none !important; padding: 0 !important; box-sizing: border-box !important; transition: background-color 0.2s ease !important; } .post-tile__text--overlay .post-tile__link:hover { background-color: #1a1a1a !important; } .post-tile__text--overlay .post-tile__link p { font-size: 0 !important; margin: 0 !important; line-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .post-tile__text--overlay .post-tile__link p::before { content: "View Post" !important; font-family: 'Inter', -apple-system, sans-serif !important; font-weight: 900 !important; font-size: 15px !important; line-height: 1 !important; color: #ffffff !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } } #fw-section-recent-posts-5555070d-67de-430d-8d0f-0606425b962e { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #f4f4f6; --color-background-rgb: 244, 244, 246; --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: #f4f4f6; --color-background-brightness: 244; 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; /* --- HIDE RECENT POSTS HEADER (DESKTOP ONLY) --- */ @media (min-width: 769px) { .recent-posts__header { display: none !important; } } /* --- HIDE LIKES & COMMENTS PILLS --- */ .post-tile__feedback { display: none !important; } /* --- MAC TOP TITLEBAR OVERLAY --- */ .post-tile { position: relative !important; background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 0px !important; padding-top: 28px !important; overflow: hidden !important; transition: none !important; } .post-tile:hover { border-color: rgba(0, 0, 0, 0.1) !important; } /* Top Window Titlebar Header */ .post-tile::before { content: "valkence_feed.sys" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 28px !important; background: #111111 !important; color: #a1a1aa !important; font-family: "Courier New", monospace !important; font-size: 0.65rem !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: lowercase !important; display: flex !important; align-items: center !important; padding-left: 48px !important; z-index: 2 !important; } /* Window Dots (Red / Yellow / Green) */ .post-tile::after { content: "" !important; position: absolute !important; top: 10px !important; left: 10px !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff5f56 !important; box-shadow: 12px 0 0 #ffbd2e, 24px 0 0 #27c93f !important; z-index: 3 !important; } /* --- BRAND BADGES (SCALED MATCH TO NAV BADGE) --- */ .post-tile__date { display: inline-block !important; font-size: 0 !important; margin-bottom: 12px !important; } .post-tile__date::before { font-family: "Inter", -apple-system, sans-serif !important; font-weight: 900 !important; font-size: 11px !important; /* Restored original text size */ line-height: 1 !important; letter-spacing: 0.06em !important; /* Matches nav badge tracking */ text-transform: uppercase !important; -webkit-font-smoothing: antialiased !important; padding: 6px 9px !important; /* Scaled padding ratio matching nav badge */ display: inline-block !important; background: #ebfd03 !important; color: #000000 !important; border-radius: 0 !important; border: none !important; box-sizing: border-box !important; } /* List Badge Sequence */ .recent-posts__column > .post-tile:nth-child(1) .post-tile__date::before { content: "NEW" !important; } .recent-posts__column > .post-tile:nth-child(2) .post-tile__date::before { content: "TRENDING" !important; } .recent-posts__column > .post-tile:nth-child(3) .post-tile__date::before { content: "FEATURED" !important; } /* --- CONVERT CONTINUE READING INTO BLACK BRAND BUTTONS --- */ .post-tile__text--overlay { background: none !important; padding-top: 14px !important; position: relative !important; } .post-tile__text--overlay .post-tile__link { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 44px !important; background-color: #000000 !important; text-decoration: none !important; border-radius: 0 !important; border: none !important; padding: 0 !important; box-sizing: border-box !important; transition: background-color 0.2s ease !important; } .post-tile__text--overlay .post-tile__link:hover { background-color: #1a1a1a !important; } .post-tile__text--overlay .post-tile__link p { font-size: 0 !important; margin: 0 !important; line-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .post-tile__text--overlay .post-tile__link p::before { content: "View Post" !important; font-family: 'Inter', -apple-system, sans-serif !important; font-weight: 900 !important; font-size: 15px !important; line-height: 1 !important; color: #ffffff !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } } #fw-section-featured-collection-fa7751a0-8973-4dd7-8dd4-5d30ffffc6ad { /* --- VIEW ALL BUTTON: Custom Yellow with Black Text --- */ .button.button--secondary.button--small { border-color: #ebfd03 !important; background-color: #ebfd03 !important; color: #000000 !important; opacity: 1 !important; transition: opacity 0.2s ease; /* Smooth transition for hover effect */ } /* --- VIEW ALL HOVER: 75% Opacity --- */ .button.button--secondary.button--small:hover { border-color: #ebfd03 !important; background-color: #ebfd03 !important; color: #000000 !important; opacity: 0.75 !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-rich-text-42cb1525-7a10-42a4-bc33-9b6a7a667a53 { @media (min-width: 769px) { [data-section-id="fw-section-rich-text-42cb1525-7a10-42a4-bc33-9b6a7a667a53"] { display: none !important; } } } #fw-section-text-carousel-9668c891-0ee8-4208-81d4-97ce39fb876f { --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: #f4f4f6; --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; /* --- ADD BOTTOM PADDING TO TEXT CAROUSEL SECTION (MOBILE ONLY) --- */ @media (max-width: 768px) { .section-fw-section-text-carousel-9668c891-0ee8-4208-81d4-97ce39fb876f-padding { padding-bottom: 14px !important; } } } #fw-section-custom-html-b2cccd8e-13e1-4857-9828-a5f1749c8c93 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --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: #f4f4f6; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --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: #f4f4f6; --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: #ebfd03; --color-primary-rgb: 235, 253, 3; --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: #f4f4f6; --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: #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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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: #f4f4f6; --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; }