/* Container for the entire tabs section */ .tabs-container { margin-top: 20px; } /* Hide the radio inputs used for controlling tabs */ .tabs-container input[type="radio"] { display: none; } /* Container for the tab labels (the clickable tab buttons) */ .tabs-labels { display: flex; /* Place tabs side-by-side */ border-bottom: 2px solid #eee; /* Light bottom border for tab row */ cursor: pointer; /* Show pointer cursor on hover */ } /* Style for each tab label */ .tabs-labels label { flex: 1; /* Make tabs equal width */ padding: 14px 0; /* Vertical padding for spacing */ text-align: center; /* Center the label text */ font-weight: 600; /* Semi-bold font */ font-size: 16px; /* Font size */ color: #000; /* Always black text color */ position: relative; /* Needed for the underline ::after */ transition: background-color 0.3s ease; /* Smooth background color change on hover */ user-select: none; /* Prevent text selection on click */ } /* Hover effect: only changes background color */ .tabs-labels label:hover { background-color: #F9EDF6; /* Light pink background on hover */ } /* Underline bar that appears below each tab label */ .tabs-labels label::after { content: ""; /* Empty content to create a line */ position: absolute; /* Position relative to label */ left: 0; bottom: -2px; /* Just below the label */ width: 100%; /* Full width of the tab */ height: 3px; /* Thickness of the underline */ background: transparent; /* Default invisible */ transition: background-color 0.3s ease; /* Smooth transition when it appears */ } /* Show the colored underline on the active (checked) tab */ #tab1:checked ~ .tabs-labels label[for="tab1"]::after, #tab2:checked ~ .tabs-labels label[for="tab2"]::after { background-color: #FFCEC8; /* Peach underline for active tab */ } /* Container for the content below tabs */ .tabs-content > div { display: none; /* Hide all tab content by default */ padding: 20px 0; /* Vertical padding */ font-size: 14px; /* Font size of content */ color: #333; /* Dark grey text for readability */ line-height: 1.5; /* Line height for better spacing */ } /* Show content corresponding to the selected tab */ #tab1:checked ~ .tabs-content #content1, #tab2:checked ~ .tabs-content #content2 { display: block; /* Show this content */ } Product Description Ingredients Introducing the Mayo Atlantis Collection - a gel collection inspired by the mysterious treasures of the sea. With 7 sheer colors and 1 magnetic gel polish, this collection will keep your nails looking beautiful all year round. Dive into the depths of nail art with this new and versatile set. A range of curated blues that touch upon lavender to deep cerulean, this collection has syrups for any time of mood. Every set comes with a small cylindrical magnet. 10g x 8 bottles 60S UV/LED MA-01: ACRYLATES COPOLYMERISOBORNYL ACRYLATE TRIMETHYLOLPROPANE TRIMETHACRYLATEISOBORNYL METHACRYLATEHYDROXYCYCLOHEXYL PHENYL KETONESILICA DIMETHYL SILYLATETITANIUM DIOXIDE (CI 77891)CI 42090 (BRILLIANT BLUE FCF, FD&C BLUE NO. 1)CI 15850:1 (LITHOL RUBINE BCA, D&C RED #7)CI 77499 (IRON OXIDES) MA-02: ACRYLATES COPOLYMER ISOBORNYL ACRYLATE TRIMETHYLOLPROPANE TRIMETHACRYLATEISOBORNYL METHACRYLATE HYDROXYCYCLOHEXYL PHENYL KETONESILICA DIMETHYL SILYLATETITANIUM DIOXIDE (CI 77891) CI 42090 (BRILLIANT BLUE FCF, FD&C BLUE NO. 1)CI 19140 (TARTRAZINE, FD&C YELLOW #5) MA-03: ACRYLATES COPOLYMER ISOBORNYL ACRYLATE TRIMETHYLOLPROPANE TRIMETHACRYLATEISOBORNYL METHACRYLATE HYDROXYCYCLOHEXYL PHENYL KETONESILICA DIMETHYL SILYLATETITANIUM DIOXIDE (CI 77891) CI 19140 (TARTRAZINE, FD&C YELLOW #5)CI 77007 (ULTRAMARINES) CI 77499 (IRON OXIDES) MA-04: ACRYLATES COPOLYMER ISOBORNYL ACRYLATE TRIMETHYLOLPROPANE TRIMETHACRYLATEISOBORNYL METHACRYLATE HYDROXYCYCLOHEXYL PHENYL KETONESILICA DIMETHYL SILYLATECI 77007 (ULTRAMARINES)TITANIUM DIOXIDE (CI 77891) CI 19140 (TARTRAZINE, FD&C YELLOW #5) MA-05: ACRYLATES COPOLYMER ISOBORNYL ACRYLATE TRIMETHYLOLPROPANE TRIMETHACRYLATEISOBORNYL METHACRYLATE HYDROXYCYCLOHEXYL PHENYL KETONESILICA DIMETHYL SILYLATECI 77007 (ULTRAMARINES) CI 19140 (TARTRAZINE, FD&C YELLOW #5) CI 77499 (IRON OXIDES) MA-06: ACRYLATES COPOLYMER ISOBORNYL ACRYLATE TRIMETHYLOLPROPANE TRIMETHACRYLATEISOBORNYL METHACRYLATE HYDROXYCYCLOHEXYL PHENYL KETONESILICA DIMETHYL SILYLATE TETRAHYDROFURFURYL METHACRYLATE CI 77007 (ULTRAMARINES) CI 19140 (TARTRAZINE, FD&C YELLOW #5)TITANIUM DIOXIDE (CI 77891)MA-07: ACRYLATES COPOLYMER ISOBORNYL ACRYLATE TRIMETHYLOLPROPANE TRIMETHACRYLATEISOBORNYL METHACRYLATE HYDROXYCYCLOHEXYL PHENYL KETONESILICA DIMETHYL SILYLATETETRAHYDROFURFURYL METHACRYLATE CI 42090 (BRILLIANT BLUE FCF, FD&C BLUE NO. 1)CI 77007 (ULTRAMARINES) CI 15850:1 (LITHOL RUBINE BCA, D&C RED #7) CI 77499 (IRON OXIDES) MA-08: ACRYLATES COPOLYMER ISOBORNYL ACRYLATE TRIMETHYLOLPROPANE TRIMETHACRYLATEISOBORNYL METHACRYLATE HYDROXYCYCLOHEXYL PHENYL KETONESILICA DIMETHYL SILYLATEALUMINACI 19140 (TARTRAZINE, FD&C YELLOW #5)SILICACI 77007 (ULTRAMARINES)
