.learning-center-page{padding:0 14px;margin-top:-90px;padding-top:90px;background:url(//cdn.skinsafeproducts.com/assets/learning-center/mobile-bg-bfb206de9c5a4f644784c51b0047cefedb5d72832b3e9be506b028d3f85a5edd.jpg) no-repeat top center;background-size:100% auto;background-color:#f5f7ff}.learning-center-page .breadcrumb-container>.breadcrumb{padding-bottom:0}.learning-center-page .breadcrumb-container>.breadcrumb a img{width:12px !important;height:12px}.learning-center-page .breadcrumb-container>.breadcrumb li+li::before{color:#50566F}.learning-center-page .breadcrumb-container>.breadcrumb a{color:#141414;font-family:Heebo;font-weight:700;font-size:14px}.learning-center-page .breadcrumb-container>.breadcrumb{padding-bottom:0}.learning-center-page section{clear:both;width:100%}.learning-center-page__section-title{font-family:Heebo;font-weight:700;font-style:Bold;font-size:18px;leading-trim:NONE;line-height:110.00000000000001%;letter-spacing:0%;vertical-align:middle;color:#141414}.learning-center-page__pill-btn{display:inline-block;padding:6px 17px;font-family:Heebo, sans-serif;font-size:14px;font-weight:500;line-height:144%;color:#fff !important;background-color:#6786D3;border-radius:20px;text-decoration:none}.learning-center-page__pill-btn:hover,.learning-center-page__pill-btn:focus{text-decoration:none;color:#fff;background:#7898D3}.learning-center-page__chevron{-ms-flex-negative:0;flex-shrink:0;width:6px;height:12px;background-image:url(//cdn.skinsafeproducts.com/assets/learning-center/ingredient-arrow-9ef0ce76259d7813e1ecc9a4c27bf1c9f41c9ad8badbb1fbb3d18178228518f0.png);background-size:6px 12px;background-repeat:no-repeat;background-position:center}.learning-center-page__hero{margin:16px 0 0 0 !important;padding:0 !important;width:100vw !important;position:relative !important;left:50% !important;-webkit-transform:translateX(-50%) !important;transform:translateX(-50%) !important}.learning-center-page__hero-scroll{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;gap:8px !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch;padding:0 0 16px 14px !important;-ms-overflow-style:none;scrollbar-width:none}.learning-center-page__hero-scroll::-webkit-scrollbar{display:none}.learning-center-page__hero-card{-webkit-box-flex:0;-ms-flex:0 0 310px;flex:0 0 310px;height:371px;overflow:hidden;position:relative;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-size:cover;background-position:center;background-color:#ddd;border-radius:20px 0px 20px 0px}.learning-center-page__hero-card:hover,.learning-center-page__hero-card:focus{text-decoration:none}.learning-center-page__hero-card--placeholder{background-color:#ccc}.learning-center-page__hero-dots{display:none}.learning-center-page__hero-card-title{font-family:Heebo;font-size:26px;font-weight:700;color:#373737;padding:15px;margin:0;width:100%;background:rgba(255,255,255,0.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.learning-center-page__hero-card-title::after{content:'';display:inline-block;width:6px;height:12px;background-image:url(//cdn.skinsafeproducts.com/assets/learning-center/orange-arrow-7aee7e315fe8602bca2401f71844069ac12f6b409eaa292623c46223cd455f1e.png);background-size:6px 12px;background-position:center;background-repeat:no-repeat;-ms-flex-negative:0;flex-shrink:0}.learning-center-page__spinner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 0}.learning-center-page__ingredients{margin-top:40px}.learning-center-page__ingredients-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #7898D3}.learning-center-page__alpha-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px;margin-top:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.learning-center-page__alpha-nav::-webkit-scrollbar{display:none}.learning-center-page__alpha-link{-ms-flex-negative:0;flex-shrink:0;width:28px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:18px;font-weight:400;color:#000000 !important;text-decoration:none;border-radius:4px;font-family:Heebo}.learning-center-page__alpha-link:hover,.learning-center-page__alpha-link:focus{text-decoration:none;color:#333;background-color:#f0f0f0}.learning-center-page__alpha-link--active{color:#4A5FE0;background-color:#EEF0FB}.learning-center-page__ingredient-list{list-style:none;margin:16px 0 0;padding:0}.learning-center-page__ingredient-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:14px 12px;margin-bottom:7px;background:#fff;border-radius:5px;text-decoration:none;color:#333}.learning-center-page__ingredient-row:hover,.learning-center-page__ingredient-row:focus{text-decoration:none;color:#333}.learning-center-page__ingredient-badge-img{-ms-flex-negative:0;flex-shrink:0;width:37px;height:44px;-o-object-fit:contain;object-fit:contain}.learning-center-page__ingredient-icon{-ms-flex-negative:0;flex-shrink:0;width:44px;height:44px;border-radius:50% 50% 50% 0;color:#fff;font-size:13px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:lowercase;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.learning-center-page__ingredient-icon>span{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.learning-center-page__ingredient-list li:nth-child(1) .learning-center-page__ingredient-icon{background-color:#C48A3F}.learning-center-page__ingredient-list li:nth-child(2) .learning-center-page__ingredient-icon{background-color:#E85A37}.learning-center-page__ingredient-list li:nth-child(3) .learning-center-page__ingredient-icon{background-color:#D4A828}.learning-center-page__ingredient-list li:nth-child(4) .learning-center-page__ingredient-icon{background-color:#8B5DAF}.learning-center-page__ingredient-list li:nth-child(5) .learning-center-page__ingredient-icon{background-color:#3B7DD8}.learning-center-page__ingredient-list li:nth-child(6) .learning-center-page__ingredient-icon{background-color:#2E5FAC}.learning-center-page__ingredient-list li:nth-child(7) .learning-center-page__ingredient-icon{background-color:#D35F5F}.learning-center-page__ingredient-list li:nth-child(8) .learning-center-page__ingredient-icon{background-color:#5BAD6F}.learning-center-page__ingredient-list li:nth-child(9) .learning-center-page__ingredient-icon{background-color:#7B8EC2}.learning-center-page__ingredient-list li:nth-child(10) .learning-center-page__ingredient-icon{background-color:#C77D4F}.learning-center-page__ingredient-list li:nth-child(11) .learning-center-page__ingredient-icon{background-color:#E07BA0}.learning-center-page__ingredient-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.learning-center-page__ingredient-name{display:block;font-size:14px;font-weight:600;color:#484848}.learning-center-page__ingredient-aliases{display:block;font-size:12px;color:#969B9C;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Open Sans}.learning-center-page__videos{margin-top:40px;padding-bottom:40px}.learning-center-page__videos-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.learning-center-page__videos-list{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.learning-center-page__video-thumb{position:relative;border-radius:12px;overflow:hidden}.learning-center-page__video-iframe{width:100%;aspect-ratio:9 / 16;display:block;border:none}.learning-center-page__video-thumb-img{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;display:block}.learning-center-page__video-play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:48px;height:48px;background:rgba(0,0,0,0.6);border-radius:50%}.learning-center-page__video-play::after{content:'';position:absolute;top:50%;left:54%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #fff}.learning-center-page__video-title{font-size:14px;font-weight:500;color:#333;margin:8px 0 0;line-height:1.4}.learning-center-page__video-duration{font-size:12px;color:#888}.learning-center-page__articles{margin-top:32px}.learning-center-page__articles-list{margin-top:16px}.learning-center-page__article-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:15px;margin-bottom:10px;background:#fff;border-radius:5px;text-decoration:none;color:#333;padding-left:20px;padding-right:24px}.learning-center-page__article-row:hover,.learning-center-page__article-row:focus{text-decoration:none;color:#333}.learning-center-page__article-thumb{-ms-flex-negative:0;flex-shrink:0;width:56px;height:56px;border-radius:8px;overflow:hidden}.learning-center-page__article-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.learning-center-page__article-title{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:'Open Sans', sans-serif;font-weight:600;font-size:16px;line-height:120%;letter-spacing:0;color:#141414;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-right:54px}@media (min-width: 768px) and (max-width: 1039px){.learning-center-page{padding:0 20px;padding-top:100px;margin-top:-90px}.learning-center-page__hero{margin:16px 0 0 0 !important;width:100% !important;left:0 !important;-webkit-transform:none !important;transform:none !important}.learning-center-page__hero-scroll{gap:12px !important;padding:0 !important;overflow-x:auto !important;scroll-behavior:smooth}.learning-center-page__hero-scroll::-webkit-scrollbar{display:none}.learning-center-page__hero-card{-webkit-box-flex:0;-ms-flex:0 0 346px;flex:0 0 346px;height:371px;border-radius:20px 0px 20px 0px}.learning-center-page__hero-dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;margin-top:16px}.learning-center-page__hero-dots .dot{width:8px;height:8px;border-radius:50%;background:#d0d0d0;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s}.learning-center-page__hero-dots .dot.active{background:#E85A37;width:12px;height:12px}.learning-center-page__articles-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.learning-center-page__ingredient-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.learning-center-page__alpha-nav{overflow-x:auto;padding:4px 0;gap:8px}.learning-center-page__alpha-link{width:32px;height:32px;font-size:20px}.learning-center-page__videos-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.learning-center-page__video-card{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 16px) / 2);flex:0 0 calc((100% - 16px) / 2)}}@media (min-width: 1040px){.learning-center-page{padding:0 40px;margin-top:-112px;padding-top:83px;background-image:url(//cdn.skinsafeproducts.com/assets/learning-center/desktop-bg-92a8b88d40b5b0c0dd96f5ab7b02193d7260c01f484ef5a661477967b208c844.jpg);background-size:100% auto;background-repeat:no-repeat;background-position:top center}.learning-center-page__hero{margin:24px 0 0 0 !important;width:100% !important;left:0 !important;-webkit-transform:none !important;transform:none !important}.learning-center-page__hero-scroll{gap:16px !important;padding:0 !important;overflow-x:auto !important;scroll-behavior:smooth;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.learning-center-page__hero-scroll::-webkit-scrollbar{display:none}.learning-center-page__hero-card{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 32px) / 3);flex:0 0 calc((100% - 32px) / 3);height:492px;-webkit-transition:-webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;transition:-webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;transition:transform 0.3s ease, box-shadow 0.3s ease;transition:transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease}.learning-center-page__hero-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 4px 16px rgba(0,0,0,0.12);box-shadow:0 4px 16px rgba(0,0,0,0.12)}.learning-center-page__articles{margin-top:45px;max-width:1170px;margin-left:auto;margin-right:auto}.learning-center-page__articles-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.learning-center-page__article-row{padding:16px}.learning-center-page__ingredients{margin-top:45px;max-width:1170px;margin-left:auto;margin-right:auto}.learning-center-page__ingredient-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.learning-center-page__alpha-nav{gap:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.learning-center-page__alpha-link{width:32px;height:32px}.learning-center-page__videos{margin-top:45px;max-width:1170px;margin-left:auto;margin-right:auto}.learning-center-page__hero-dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;margin-top:20px}.learning-center-page__hero-dots .dot{width:8px;height:8px;border-radius:50%;background:#d0d0d0;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s}.learning-center-page__hero-dots .dot.active{background:#E85A37;width:12px;height:12px}.learning-center-page__videos-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.learning-center-page__video-card{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:300px}.learning-center-page__video-iframe{aspect-ratio:9 / 16;max-height:480px}}
