#fw-section-hero-video-1689532665 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-fda33a4b-fb13-49c5-afd4-280d1c6f851c { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #b95bfc; --color-on-primary-rgb: 185, 91, 252; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #b95bfc; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-hero-1694123253 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-3c90c9ad-2462-4588-8218-b7b95b7b0c51 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f1226d69-8122-4673-9de0-e5e09f72bbdd { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-e572dedd-1e26-4b7d-a4d3-b1a5a412a9e8 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f73a596d-adf9-43a7-80a0-18db483ff3a9 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-1f06dc03-3808-4578-a0a9-cb3e2101732b { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-92f103bb-57b3-46ab-8c33-74efe681542d { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-faf45097-453d-4a59-aab0-ebf8ded2d8e7 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-d6b4f679-ab1d-406a-b76d-149b83bcea65 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-831bf149-2eab-4cd4-90e6-41eeb7dc81b6 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-330ddada-474e-4ba8-86ac-0bbd352da6cd { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-ee0ea809-683f-4e6e-a527-0786eaf8f398 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-f3f75aa3-9884-4d48-9caa-c354fa0384df { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-0ef2fa74-4424-444f-abc0-36ee43fc050b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-dd56fb76-d00b-4e7b-ae04-f419c96480bf { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-1523a7e4-31fe-45d5-8963-b3cfb11d5eb9 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-5f24399f-0a09-4857-821c-ca41efda4a6b { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-2872132b-116c-4aca-a33b-9431397ea689 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-9c39fceb-70a8-47fa-a347-8a1f958392e9 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-8b493a1a-ed88-4505-81c0-666fe19da148 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-1694138098 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-7f5c7215-7835-4881-869b-49c52e15a641 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-a33c2828-cdd7-474e-90ef-b0bdf777197b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-3d247686-74aa-45ed-b14d-0ed5741c9183 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-a2974e1c-762a-451e-a0b9-da521ac8fce7 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-b08e9b35-b857-4e54-bc6b-d9d21c7a7721 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-0a6de4e0-98b9-4f8b-bb76-a6180013f674 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-3ddf0eda-1710-4ff3-a5a7-28a428658963 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-cb266d2e-9f87-43a0-8bcd-804a4ac87de0 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-1694807160 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-f2b7be97-4f72-479e-9b37-9b412cea95b2 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-25e34a7d-4083-4555-95e5-f26da7843c6b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-0812af84-8b0f-4f57-b1f2-cd50f90c26f4 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-featured-collection-495e0ffa-626d-4d74-bf63-c851b1058d29 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-1694131980 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-6f9d8f34-d7ce-4935-8207-964602f1b4d4 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-3afa5494-247c-4e59-9c01-4e9bec59389e { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-1696727345 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-c9193bbf-dccd-4060-8a01-288d07d8b73c { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-a3f29c6b-be44-435c-bf83-ef7b1f464836 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-1697221399 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-b5285083-f288-4429-93c2-1f4b11cb33f6 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-cb921b2f-794c-4266-aab6-b3b26ee63e3b { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-c855fdf9-d2ab-402d-846d-eda58a7003b3 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-9ebcb5d2-2f2e-484b-9c94-1609eee4e588 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-text-carousel-83507676-c02a-4315-8c48-1bb31c6c38b1 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-tiers-ebb12077-52d5-4545-906e-261aa0f30079 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-hero-video-1689532506 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-1694131603 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-106fdf54-551f-4f77-8eec-93c31da001e7 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-942a5d94-d0c9-40dd-97e1-71f642445919 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-1694459832 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-d9359f54-51f3-4ace-8477-93fe2ddffa1f { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-88dd703a-e6d0-4db4-9565-b225837d3876 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-53c92234-e2a7-46dd-8285-c24f5f4cc18f { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-cf37ca26-38aa-451b-ab77-b123f84c5bbe { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-4bf57d67-d22e-4cc2-916a-169a6ea4a94a { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-c5a05336-9bec-4e19-ad1c-43e29b373b69 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-91d406ad-7990-470d-ae2a-c66938d1d134 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-d57f4edf-6e30-40b2-9900-ffca6981c4b6 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f0474f16-d8ba-48d1-ada7-f088b34bd578 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-90984e0b-add2-4407-8e4e-8f8aa92dca61 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-bd70f813-1bee-4b72-bf31-d63c0c5d1047 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-1694132218 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-8b907787-1310-4038-b6d4-e9cf1b0b74ed { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-8babb09c-0d85-46d8-aa75-c0516cf417c2 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-742dacc7-7707-4e53-86fd-24b37ea7b194 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-a277abf4-a848-4acb-8855-689266d2fb01 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-7addcac2-cd45-4bbe-a4cf-17b81ce7b13c { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-hero-video-77e1375f-073d-4bb8-8127-453cefe3ec88 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-f6da2fcd-6e51-4177-9c8c-5126cd10e813 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-7715835d-8f8e-4ce8-868b-498e00b5d679 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-hero-8cdae6e6-a2d7-4815-ba2c-176435ec4f62 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-hero-0107d1d3-d26b-4361-85c0-824bf67254d8 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-hero-1697224369 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #f9f8ff; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #f9f8ff; --secondary-btn-bg: transparent; --secondary-btn-text: #f9f8ff; --secondary-btn-border-color: #f9f8ff; } #fw-section-hero-video-1668229743 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-hero-1711599137 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-1721153212 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-1694121295 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-1694271163 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; } #fw-section-hero-video-1c14f79a-888e-41dc-82e1-ebea6efebd9d { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; /* Targets the button and overrides the solid white border */ .button.button--secondary.button--expand, .button.button--outline.button--expand { border-color: rgba(255, 255, 255, 0.3) !important; background-color: transparent !important; color: #ffffff !important; } /* Optional: Slight glow or brighten on hover */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(255, 255, 255, 0.7) !important; opacity: 0.9; } } #fw-section-text-carousel-a15557c8-7669-4e0f-b39e-fedf2b6e1d33 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-e1659907-bdb5-4b51-a706-0dda864cd281 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-c89a1d38-16d5-49a0-9bb3-16e951748ab7 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-42e5bda1-2287-4bc9-9d01-cc2f2039288b { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-a645ce94-e6fc-488b-a713-8b0816cd6458 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-64ad560f-fedf-4825-abdd-7ab563ea1668 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-9c056c91-93fd-41b9-a5fb-e5fd4da821f0 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-tiers-751f339a-1a19-4a5c-95f1-3327375f4af1 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-hero-ad402af0-3575-4cc6-8e45-21d137c55fd4 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ebfd03; --color-background-rgb: 235, 253, 3; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 219; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* --- PRIMARY BUTTON: Black background with #EBFD03 Text --- */ .button.button--primary.button--expand { background-color: #000000 !important; color: #EBFD03 !important; /* Your specific text color */ border-color: #000000 !important; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important; opacity: 1 !important; } .button.button--primary.button--expand:hover { opacity: 0.85 !important; background-color: #000000 !important; color: #EBFD03 !important; border-color: #000000 !important; } /* --- SECONDARY BUTTON: 25% Opacity Black Outline --- */ .button.button--secondary.button--expand, .button.button--outline.button--expand { /* 0.25 = 25% transparency */ border-color: rgba(0, 0, 0, 0.25) !important; background-color: transparent !important; color: #000000 !important; transition: all 0.2s ease-in-out !important; } /* --- SECONDARY HOVER: 100% Opacity Black Outline --- */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(0, 0, 0, 1) !important; background-color: transparent !important; opacity: 1 !important; } } #fw-section-text-carousel-940de04c-1954-4b9d-a6fa-78bb027d4428 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-newsletter-7cf94d7a-ea0c-47e3-9f43-85c9429e8d50 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ebfd03; --color-background-rgb: 235, 253, 3; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 219; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* --- PRIMARY BUTTON: Black background with #EBFD03 Text --- */ .button.button--primary.button--expand { background-color: #000000 !important; color: #EBFD03 !important; /* Your specific text color */ border-color: #000000 !important; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important; opacity: 1 !important; } .button.button--primary.button--expand:hover { opacity: 0.85 !important; background-color: #000000 !important; color: #EBFD03 !important; border-color: #000000 !important; } /* --- SECONDARY BUTTON: 25% Opacity Black Outline --- */ .button.button--secondary.button--expand, .button.button--outline.button--expand { /* 0.25 = 25% transparency */ border-color: rgba(0, 0, 0, 0.25) !important; background-color: transparent !important; color: #000000 !important; transition: all 0.2s ease-in-out !important; } /* --- SECONDARY HOVER: 100% Opacity Black Outline --- */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(0, 0, 0, 1) !important; background-color: transparent !important; opacity: 1 !important; } } #fw-section-text-carousel-e11776bf-1f47-41f9-b9e2-8b02da009bcc { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-tiers-510fbbb0-e36b-43a9-9111-03ce6145ae73 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-text-carousel-6265b338-9298-4152-ac82-2fc8a4c9bf61 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-4414fd72-9095-4d20-aab1-7c2729b71fae { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-b77b5922-8dff-4119-952b-0c4cb5e43321 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-b5628fc6-d30d-47d6-b068-3d461f1205e0 { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-text-carousel-2f0562ef-9e8b-435a-b91d-0ebf2c07562f { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-featured-collection-cb30f8af-fa61-4c3a-85ae-fe667c8005dd { /* --- VIEW ALL BUTTON: Match Card Outline Color --- */ .button.button--secondary.button--small { border-color: var(--vk-border) !important; background-color: transparent !important; color: #000000 !important; } /* --- VIEW ALL HOVER --- */ .button.button--secondary.button--small:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } /* --- MOBILE SPECIFIC GAP FIX --- */ @media (max-width: 768px) { /* Breaks the left/right desktop flex rows and centers them stacked */ .collection__header .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: -20px !important; /* Pulls the overall container gap in */ } /* Strips the large native padding below the word "Music" */ h2.section-header__heading { margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important; } /* Safely targets the mobile footer container by escaping the @ symbol */ .collection__cta-container.hidden\@sm { margin-top: 0 !important; padding-top: 0 !important; } } } #fw-section-image-with-text-5d9f139e-f73f-42bc-88ba-a0af6cb7379f { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-rich-text-9976cf9f-8588-44b5-9b29-2fd7682e1fd6 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* Hide the section by default */ .rich-text--fw-section-rich-text-9976cf9f-8588-44b5-9b29-2fd7682e1fd6 { display: none; } /* Show the section on mobile screens (767px or smaller) */ @media screen and (max-width: 767px) { .rich-text--fw-section-rich-text-9976cf9f-8588-44b5-9b29-2fd7682e1fd6 { display: block; } } } #fw-section-newsletter-05a0f0ca-718c-4054-a9c6-023a60b67ea7 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ebfd03; --color-background-rgb: 235, 253, 3; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 219; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* --- PRIMARY BUTTON: Black background with #EBFD03 Text --- */ .button.button--primary.button--expand { background-color: #000000 !important; color: #EBFD03 !important; /* Your specific text color */ border-color: #000000 !important; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important; opacity: 1 !important; } .button.button--primary.button--expand:hover { opacity: 0.85 !important; background-color: #000000 !important; color: #EBFD03 !important; border-color: #000000 !important; } /* --- SECONDARY BUTTON: 25% Opacity Black Outline --- */ .button.button--secondary.button--expand, .button.button--outline.button--expand { /* 0.25 = 25% transparency */ border-color: rgba(0, 0, 0, 0.25) !important; background-color: transparent !important; color: #000000 !important; transition: all 0.2s ease-in-out !important; } /* --- SECONDARY HOVER: 100% Opacity Black Outline --- */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(0, 0, 0, 1) !important; background-color: transparent !important; opacity: 1 !important; } } #fw-section-text-carousel-81ae251c-ae91-43d0-85fa-20aedb67c4c2 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-newsletter-773c879a-ede5-4479-bc29-fbcdcd547229 { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ebfd03; --color-background-rgb: 235, 253, 3; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 219; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #000000; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; /* --- PRIMARY BUTTON: Black background with #EBFD03 Text --- */ .button.button--primary.button--expand { background-color: #000000 !important; color: #EBFD03 !important; /* Your specific text color */ border-color: #000000 !important; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important; opacity: 1 !important; } .button.button--primary.button--expand:hover { opacity: 0.85 !important; background-color: #000000 !important; color: #EBFD03 !important; border-color: #000000 !important; } /* --- SECONDARY BUTTON: 25% Opacity Black Outline --- */ .button.button--secondary.button--expand, .button.button--outline.button--expand { /* 0.25 = 25% transparency */ border-color: rgba(0, 0, 0, 0.25) !important; background-color: transparent !important; color: #000000 !important; transition: all 0.2s ease-in-out !important; } /* --- SECONDARY HOVER: 100% Opacity Black Outline --- */ .button.button--secondary.button--expand:hover, .button.button--outline.button--expand:hover { border-color: rgba(0, 0, 0, 1) !important; background-color: transparent !important; opacity: 1 !important; } } #fw-section-text-carousel-58917dc1-867b-4a0c-b512-e06872d37fdf { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-tiers-236831c2-c9db-4e93-a3d7-f8b1585479c6 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-footer { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-announcement-bar-972de831-0138-46eb-a61c-e0b24fe2977c { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-header { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-text-carousel-6c4ce0fc-c86e-440b-9a4a-81fc1b53d4da { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-tiers-aed919e0-d48b-400c-a057-f5f40a734932 { --color-primary: #ebfd03; --color-primary-rgb: 235, 253, 3; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #f1efe7; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ebfd03; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-search-bar-search { --color-primary: #000000; --color-primary-rgb: 0, 0, 0; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #000000; --color-on-background-rgb: 0, 0, 0; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #000000; --primary-btn-text: #ffffff; --primary-btn-border-color: #000000; --secondary-btn-bg: transparent; --secondary-btn-text: #000000; --secondary-btn-border-color: #000000; } #fw-section-hero-video-0 { --color-primary: #fa004a; --color-primary-rgb: 250, 0, 74; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-on-background: #F9F8FF; --color-on-background-rgb: 249, 248, 255; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-product-image-background: #f1efe7; --color-background-brightness: 255; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #fa004a; --primary-btn-text: #ffffff; --primary-btn-border-color: #F9F8FF; --secondary-btn-bg: transparent; --secondary-btn-text: #F9F8FF; --secondary-btn-border-color: #F9F8FF; }