.ingredient-by-oncern-section .container{display:flex;flex-direction:column;align-items:center;padding:96px 0;gap:32px;max-width:1080px;margin:0 auto}.ingredient-by-oncern-section .content-container{display:flex;flex-direction:column;gap:10px}.ingredient-by-oncern-section .content-container .content-container-subtile{align-self:stretch;color:#333;text-align:center;font-family:var(--font-body-family);font-size:16px;font-style:normal;font-weight:300;line-height:150%;letter-spacing:.8px;text-transform:uppercase}.ingredient-by-oncern-section .content-container .content-container-title{align-self:stretch;color:#000;text-align:center;font-family:ChronicleDisplay-Light;font-size:40px;font-style:normal;font-weight:300;line-height:120%;text-transform:capitalize}.ingredient-by-oncern-section .block-items-title-container{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;max-width:1000px}.ingredient-by-oncern-section .block-item-title{display:flex;height:50px;padding:16px 32px;justify-content:center;align-items:center;border:1px solid #DFDFDF;cursor:pointer;white-space:nowrap}.ingredient-by-oncern-section .block-item-title a{color:#333;font-family:var(--font-body-family);font-size:13px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:1.3px;text-transform:uppercase;text-decoration:none;cursor:pointer}.ingredient-by-oncern-section .block-item-title:hover{border:1px solid #000}.ingredient-by-oncern-section .block-items-container{display:flex;flex-direction:column;align-items:center}.ingredient-by-oncern-section .block-item-container{display:flex;flex-direction:row;align-items:center;gap:8px}.ingredient-by-oncern-section .block-item-container .block-item{width:355px;height:355px;display:flex;flex-direction:column;position:relative}.ingredient-by-oncern-section .block-item-container .block-item .block-item-bg{position:absolute;top:0;left:0}.ingredient-by-oncern-section .block-item-container .block-item .block-item-bg .desktop-media,.ingredient-by-oncern-section .block-item-container .block-item .block-item-bg .mobile-media{width:100%;height:100%}.ingredient-by-oncern-section .block-item-container .block-item .block-item-bg .mobile-media{display:none}.ingredient-by-oncern-section .block-item-container .block-item .block-item-bg img,.ingredient-by-oncern-section .block-item-container .block-item .block-item-bg video{height:100%;width:100%;object-fit:contain}.ingredient-by-oncern-section .block-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:70%;background:linear-gradient(to top,#4d4949,#0000);z-index:0}.ingredient-by-oncern-section .block-item-container .block-item .block-item-text-container{padding:16px;display:flex;flex-direction:column;gap:8px;position:absolute;bottom:0;z-index:9}.ingredient-by-oncern-section .block-item-container .block-item .block-item-text-container .block-item-text{color:#fff;font-family:var(--font-body-family);font-size:16px;font-style:normal;font-weight:500;line-height:150%}.ingredient-by-oncern-section .block-item-container .block-item .block-item-button{display:flex;flex-direction:row;gap:4px;align-items:center;width:100%}.ingredient-by-oncern-section .block-item-container .block-item .block-item-button a{color:#fff;font-family:var(--font-body-family);font-size:11px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:1.1px;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;cursor:pointer}.ingredient-by-oncern-section .swiper-container{width:100%;position:relative}.ingredient-by-oncern-section .swiper-wrapper{display:flex}.ingredient-by-oncern-section .swiper-slide{flex-shrink:0;width:300px;height:300px;aspect-ratio:1 / 1}.ingredient-by-oncern-section .swiper-navigation{position:relative;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:16px}.ingredient-by-oncern-section .swiper-pagination{position:relative;width:100%;max-width:200px;height:4px;background-color:#dfdfdf;border-radius:2px;overflow:hidden}.ingredient-by-oncern-section .swiper-pagination-progressbar-fill{height:100%;background-color:#000;border-radius:2px;transition:width .3s ease}.ingredient-by-oncern-section .swiper-button-prev,.ingredient-by-oncern-section .swiper-button-next{position:relative;width:24px;height:24px;color:#000;cursor:pointer}.ingredient-by-oncern-section .swiper-button-prev:after,.ingredient-by-oncern-section .swiper-button-next:after{font-size:16px;font-weight:700}.ingredient-by-oncern-section .swiper-button-disabled{opacity:.3;cursor:not-allowed}.ingredient-by-oncern-section .block-item-popup-title{color:#000;font-family:var(--font-body-family);font-size:16px;font-style:normal;font-weight:500;line-height:150%}.ingredient-by-oncern-section .block-item-popup-content{margin-top:10px;color:#000;font-family:var(--font-body-family);font-size:16px;font-style:normal;font-weight:300;line-height:150%}@media screen and (max-width:768px){.ingredient-by-oncern-section .block-item-container .block-item .block-item-bg .mobile-media{display:block}.ingredient-by-oncern-section .block-item-container .block-item .block-item-bg .desktop-media{display:none}.ingredient-by-oncern-section .container{padding:48px 16px;gap:24px}.ingredient-by-oncern-section .content-container .content-container-subtile{color:#333;text-align:center;font-family:var(--font-body-family);font-size:16px;font-style:normal;font-weight:300;line-height:150%;letter-spacing:.8px;text-transform:uppercase}.ingredient-by-oncern-section .content-container .content-container-title{color:#000;text-align:center;font-family:ChronicleDisplay-Light;font-size:28px;font-style:normal;font-weight:300;line-height:120%;text-transform:capitalize}.ingredient-by-oncern-section .block-items-title-container{display:flex;flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;width:100%;justify-content:flex-start;flex-wrap:nowrap;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;width:calc(100% + 32px)}.ingredient-by-oncern-section .block-items-title-container::-webkit-scrollbar{display:none}.ingredient-by-oncern-section .block-item-title{padding:12px 16px;height:auto;min-height:38px}.ingredient-by-oncern-section .block-item-title a{color:#333;font-family:var(--font-body-family);font-size:12px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:1.2px;text-transform:uppercase}.ingredient-by-oncern-section .block-items-container{width:100%}.ingredient-by-oncern-section .block-item-container{width:100%;flex-direction:row;gap:8px}.ingredient-by-oncern-section .block-item-container .block-item{width:300px;height:300px;aspect-ratio:1 / 1}.ingredient-by-oncern-section .block-item-container .block-item .block-item-bg img{object-fit:cover}.ingredient-by-oncern-section .block-item-container .block-item .block-item-text-container{padding:12px 16px;gap:6px}.ingredient-by-oncern-section .block-item-container .block-item .block-item-text-container .block-item-text{font-size:16px;line-height:150%}.ingredient-by-oncern-section .block-item-container .block-item .block-item-button{gap:4px}.ingredient-by-oncern-section .block-item-container .block-item .block-item-button a{color:var(--colour-grey-scale-white, #FFF);font-family:var(--font-body-family);font-size:11px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:1.1px;text-transform:uppercase}.ingredient-by-oncern-section .swiper-container{width:calc(100% + 32px);overflow:hidden}.ingredient-by-oncern-section .swiper-slide{width:300px;height:300px;aspect-ratio:1 / 1}.ingredient-by-oncern-section .swiper-navigation{margin-top:12px;gap:12px}.ingredient-by-oncern-section .swiper-pagination{max-width:150px;height:3px}}@media screen and (min-width:769px)and (max-width:1080px){.ingredient-by-oncern-section .block-item-container .block-item{width:250px;height:250px}}
/*# sourceMappingURL=/cdn/shop/t/1478/assets/ingredient-by-oncern.css.map */