.blog-with-filters{display:block}.blog-with-filters__layout{display:grid;grid-template-columns:minmax(0,1fr)}.blog-with-filters__content{min-width:0;transition:opacity .2s ease}.blog-with-filters__content.is-loading{opacity:.4;pointer-events:none}.blog-filter-panel{display:flex;flex-direction:column;height:100%;background-color:var(--kn-primary-bg-light)}.blog-filter-panel:focus{outline:none}.blog-filter-panel__bar{display:flex;flex:0 0 6.4rem;align-items:center;justify-content:flex-end;padding-inline:.7rem}.blog-filter-panel__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:2rem}.blog-filter-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-block-end:3rem}.blog-filter-panel__title{font-family:proxima-nova;font-size:1.6rem;font-weight:600;line-height:1.25;letter-spacing:.03em;text-transform:uppercase;color:#0e1419}.blog-filter-panel__close{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;cursor:pointer}.blog-filter-panel__clear{font-family:proxima-nova;font-size:1.6rem;font-weight:400;line-height:2.4rem;letter-spacing:0;text-decoration:underline;color:var(--kn-neutral-30)}.blog-filter-panel__footer{display:flex;flex:0 0 auto;gap:.8rem;padding:2.6rem 2.4rem;border-block-start:1px solid var(--kn-neutral-88)}.blog-filter-panel__reset,.blog-filter-panel__apply{flex:1 1 0;padding:1.2rem;border:1px solid #121212;font-family:proxima-nova;font-size:1.2rem;font-weight:600;line-height:1;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.blog-filter-panel__reset{background-color:#fff;color:#121212}.blog-filter-panel__apply{background-color:#121212;color:#fff}.blog-filter-search{display:flex;align-items:center;gap:.8rem;height:4.1rem;padding:.8rem;border-block-end:1px solid #e1e1e1;margin-block-end:3rem}.blog-filter-search__input{flex:1 1 auto;min-width:0;padding:0;border:0;background:transparent;font-family:proxima-nova;font-size:1.6rem;font-weight:400;line-height:2.4rem;letter-spacing:0;color:#4d4d4d;-webkit-appearance:none;appearance:none}.blog-filter-search__input:focus{outline:none}.blog-filter-search__input::placeholder{color:#4d4d4d;opacity:1}.blog-filter-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.blog-filter-search__icon{display:flex;flex:0 0 auto}.blog-filter-group{display:block}.blog-filter-group[hidden],.blog-filter-group__option-item[hidden]{display:none}.blog-filter-group__summary{display:flex;align-items:center;gap:1.6rem;padding:2.4rem .8rem 2.4rem .4rem;border-block-end:1px solid var(--kn-neutral-88);cursor:pointer;list-style:none}.blog-filter-group__summary::-webkit-details-marker{display:none}.blog-filter-group__heading{font-family:proxima-nova;font-size:1.4rem;font-weight:600;line-height:2rem;letter-spacing:.12rem;text-transform:uppercase;color:#0e1419}.blog-filter-group__badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-inline-start:auto;background-color:#eee;font-size:1.6rem;font-weight:400;line-height:1;letter-spacing:.12rem;text-transform:uppercase;color:#121212}.blog-filter-group__caret{display:flex;margin-inline-start:auto;transition:transform .2s ease}.blog-filter-group__badge[hidden]{display:none}.blog-filter-group__badge+.blog-filter-group__caret{margin-inline-start:0}.blog-filter-group__badge[hidden]+.blog-filter-group__caret{margin-inline-start:auto}.blog-filter-group[open] .blog-filter-group__caret{transform:rotate(180deg)}.blog-filter-group[open] .blog-filter-group__summary{border-block-end-color:transparent}.blog-filter-group__options{display:flex;flex-direction:column;margin:0;padding:0 0 2.4rem}.blog-filter-group__option-item{border-block-end:1px solid var(--kn-neutral-88)}.blog-filter__option{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.8rem 1.6rem;text-decoration:none;color:#4d4d4d;cursor:pointer}.blog-filter__option:hover,.blog-filter__option[aria-checked=true]{color:#000}.blog-filter__option-label{font-family:proxima-nova;font-size:1.2rem;font-weight:600;line-height:1;letter-spacing:.12rem;text-transform:capitalize}.blog-filter__option-box{flex:0 0 auto;width:1.6rem;height:1.6rem;border:1px solid #737373;background-color:#fff}.blog-filter__option[aria-checked=true] .blog-filter__option-box{border-color:#121212;background-color:#121212;background-image:url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.25 3.54688L10.8516 3.94531L4.89844 9.875L4.5 10.2734L4.10156 9.875L1.14844 6.92188L0.75 6.52344L1.52344 5.72656L1.92188 6.125L4.5 8.67969L10.0547 3.14844L10.4531 2.75L11.25 3.54688Z" fill="white"/></svg>');background-repeat:no-repeat;background-position:center}.blog-with-filters__empty{padding-block:8rem;text-align:center}.blog-with-filters__empty-text{margin:0 0 2.4rem;font-family:proxima-nova;font-size:1.6rem;color:#4d4d4d}.blog-with-filters__empty-clear{font-family:proxima-nova;font-size:1.4rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;text-underline-offset:3px;color:#0e1419}.blog-with-filters__bar{display:flex;padding:1rem 2rem;border-block-end:1px solid #eee}.blog-with-filters__drawer-trigger{display:flex;flex:1;align-items:center;justify-content:center;gap:1.4rem;padding:1.3rem;border:0;background:transparent;font-family:proxima-nova;font-size:1.2rem;font-weight:600;line-height:1;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.blog-with-filters__drawer-trigger-icon{flex:0 0 auto}.blog-with-filters__drawer-trigger-label,.blog-with-filters__drawer-trigger-count{font-size:1.2rem;line-height:1}.blog-with-filters__drawer-trigger-count:before{content:"("}.blog-with-filters__drawer-trigger-count:after{content:")"}.blog-with-filters__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:#0006;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.blog-with-filters--drawer-open .blog-with-filters__overlay{opacity:1;visibility:visible}.blog-with-filters__panel{position:fixed;inset-block:0;inset-inline-start:0;z-index:9999;width:35.3rem;max-width:100%;overflow:hidden;border-inline-end:1px solid var(--kn-neutral-88);background-color:var(--kn-primary-bg-light);transform:translate(-100%);visibility:hidden;transition:transform .3s ease,visibility .3s ease}body.blog-filters-drawer-open{position:fixed;inset-inline:0;width:100%;overflow:hidden}body.blog-filters-drawer-open #thea-skin-analysis-launcher,body.blog-filters-drawer-open shopify-chat{visibility:hidden}.blog-with-filters--drawer-open .blog-with-filters__panel{transform:translate(0);visibility:visible}@media(min-width:1024px){.blog-with-filters__bar,.blog-with-filters__overlay,.blog-filter-panel__bar,.blog-filter-panel__footer,.blog-filter-search{display:none}.blog-filter-panel{display:block;height:auto}.blog-filter-panel__body{overflow:visible;padding:0}.blog-with-filters__layout{grid-template-columns:minmax(0,41rem) minmax(0,1fr)}.blog-with-filters--no-panel .blog-with-filters__layout{grid-template-columns:minmax(0,1fr)}.blog-with-filters__panel{position:sticky;top:calc(65px + var(--blog-nav-height, 0px));inset-inline-start:auto;z-index:1;align-self:start;width:auto;max-width:41rem;max-height:calc(100vh - 65px - var(--blog-nav-height, 0px));overflow-y:auto;border-inline-end:0;padding:6rem 6rem 6rem 8rem;transform:none;visibility:visible}.blog-with-filters__content{padding-inline-start:6rem;border-inline-start:1px solid #d3d4d6}.blog-with-filters--no-panel .blog-with-filters__content{padding-inline-start:0;border-inline-start:0}}@media(min-width:1100px){.blog-with-filters__panel{top:calc(73px + var(--blog-nav-height, 0px));max-height:calc(100vh - 73px - var(--blog-nav-height, 0px))}}.main-blog--full-bleed,.main-blog--full-bleed .main-blog__nav,.main-blog--full-bleed .blog-with-filters__panel,.main-blog--full-bleed .blog-filter-panel{background-color:#fff}.main-blog--full-bleed .main-blog__nav-arrow{background:linear-gradient(270deg,#fff 39.58%,#fff0)}.main-blog--full-bleed{max-width:none;padding-inline:0}.main-blog--full-bleed .blogs_navigation,.main-blog--full-bleed .blog-with-filters__content{padding-inline:2rem}.main-blog--full-bleed .main-blog__nav-arrow:after{background-position:right 2rem center}@media(min-width:1024px){.main-blog--full-bleed .blogs_navigation{padding-inline:8rem}.main-blog--full-bleed .main-blog__nav-arrow:after{background-position:right 3rem center}.main-blog--full-bleed .blog-with-filters__content{padding-inline:6rem 6rem}.main-blog--full-bleed .blog-with-filters--no-panel .blog-with-filters__content{padding-inline:8rem}}.main-blog__nav--chips .blogs_navigation{border-block-end:1px solid #e1e1e1}.main-blog__nav--chips .swiper-slide{padding:3rem 0}.main-blog__nav--chips .menu_item a{display:inline-flex;align-items:center;height:4.2rem;padding-inline:2rem;background-color:#f8f8f8;font-size:1.4rem;font-weight:600;line-height:1.6rem;letter-spacing:.06em;color:#121212}.main-blog__nav--chips .menu_item.active a{gap:1.1rem;background-color:#121212;color:#fff}.main-blog__nav--chips .menu_item.active a:before{content:"";flex:0 0 auto;width:1.4rem;height:1.1rem;background-image:url('data:image/svg+xml,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1.0625L13.4688 1.59375L5.53125 9.5L5 10.0312L4.46875 9.5L0.53125 5.5625L0 5.03125L1.03125 3.96875L1.5625 4.5L5 7.90625L12.4062 0.53125L12.9375 0L14 1.0625Z" fill="white"/></svg>');background-repeat:no-repeat}.main-blog__nav--chips .menu_item.active:before{content:none}.main-blog__nav-label{display:none}@media(max-width:1023.98px){.main-blog__nav--chips{position:static}.main-blog__nav--chips .main-blog__nav-label{display:block;padding-block:1.6rem;font-family:proxima-nova;font-size:1.2rem;font-weight:600;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#737373}.main-blog__nav--chips .blogs_navigation{padding:.8rem 1.2rem}.main-blog__nav--chips .swiper-wrapper{flex-wrap:wrap;gap:.6rem}.main-blog__nav--chips .swiper-slide{padding:0}.main-blog__nav--chips .menu_item a{height:auto;padding:1.3rem 2rem;font-size:1.2rem;line-height:1}.main-blog__nav--chips .main-blog__nav-arrow{display:none}}.blog-hero__media img{width:100%;height:auto;aspect-ratio:393 / 200;object-fit:cover}.blog-hero__inner{display:flex;flex-direction:column;gap:1.6rem;padding:4rem 2rem 5rem;text-align:start;text-wrap:balance}.blog-hero__title{margin:0;font-family:proxima-nova;font-style:normal;font-weight:700;font-size:2.8rem;line-height:1.25;letter-spacing:.02em;text-transform:uppercase;color:#0e1419}.blog-hero__text,.blog-hero__text p{font-family:proxima-nova;font-style:normal;font-size:1.4rem;font-weight:400;line-height:1.2;letter-spacing:0;color:var(--kn-neutral-45)}.blog-hero__text>:first-child{margin-block-start:0}.blog-hero__text>:last-child{margin-block-end:0}.blog-hero+.main-blog{padding-block-start:0}.blog-hero+.main-blog .wrapper{margin-block-start:0}@media(min-width:1024px){.blog-hero{position:relative;display:flex;align-items:center;min-height:45rem;padding:6rem;overflow:hidden}.blog-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.blog-hero__media img{height:100%;aspect-ratio:auto}.blog-hero__inner{position:relative;gap:1.5rem;width:100%;max-width:73.8rem;padding:0}.blog-hero__title{font-size:4.2rem;letter-spacing:.03em}.blog-hero__text,.blog-hero__text p{font-size:1.8rem;line-height:1.55;letter-spacing:.0015em;color:var(--kn-neutral-30)}}.featured-article{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-block-start:6rem}.featured-article~.blog-articles{padding-block-start:5rem}.featured-article__media{position:relative;display:block;overflow:hidden}.featured-article__image-link{display:block;height:100%}.featured-article__image{display:block;width:100%;height:100%;object-fit:cover}.featured-article__badge{position:absolute;top:1rem;left:1rem;z-index:1;padding:1rem;background-color:#fff;font-family:proxima-nova;font-size:1.4rem;font-weight:600;line-height:1.2;letter-spacing:.15rem;text-transform:uppercase;color:#000}.featured-article__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:2rem}.featured-article__meta{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;padding-block:.4rem;margin-block-end:.8rem;font-family:proxima-nova;font-size:1.4rem;font-weight:600;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:#4d4d4d}.featured-article__date{flex:0 0 auto;font-size:inherit}.featured-article__title{margin:0}.featured-article__title a{font-family:proxima-nova;font-size:3rem;font-weight:700;line-height:3.2rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;color:#1f1f23}.featured-article__excerpt{margin:1.6rem 0 0;font-family:proxima-nova;font-size:1.6rem;font-weight:400;line-height:2.4rem;letter-spacing:0;color:#4d4d4d}.featured-article__link{position:relative;margin-block-start:3.2rem;font-family:proxima-nova;font-size:1.4rem;font-weight:700;line-height:1.6rem;letter-spacing:.12rem;text-transform:uppercase;text-decoration:none;color:#000;transition:color .2s ease}.featured-article__link:after{content:"";position:absolute;bottom:-.4rem;left:0;width:100%;height:.1rem;background:#ab9c76;transition:transform .5s cubic-bezier(.76,.08,.23,.88)}@media(hover)and (pointer:fine){.featured-article__link:hover{color:#ab9c76}.featured-article__link:hover:after{transform:scaleX(0)}}@media(hover)and (pointer:fine){.featured-article__image{transition:transform .2s}.featured-article:hover .featured-article__image{transform:scale(1.1)}}@media(max-width:1023.98px){.featured-article__image{height:auto;aspect-ratio:437 / 255}.featured-article__content{padding:0}.featured-article__title a{font-size:2rem;line-height:2.8rem;letter-spacing:.02em}}@media(min-width:1024px){.featured-article__image{height:auto;aspect-ratio:730 / 426}}@media(min-width:1280px){.featured-article{grid-template-columns:52.5% minmax(0,1fr);align-items:stretch}}.blog-with-filters .blog-articles{column-gap:4rem;row-gap:5rem}@media(max-width:1023.98px){.blog-with-filters .blog-articles{padding-block:2rem}.blog-with-filters .featured-article~.blog-articles{padding-block-start:5rem}}.blog-with-filters .blog-articles__article{display:block}@media(min-width:1024px){.blog-with-filters .article-card .media{padding-top:0!important;aspect-ratio:436 / 255}}.blog-with-filters .article-card__info{padding-top:2.4rem}.blog-with-filters .article-card__meta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:.4rem;margin-block-end:.8rem;font-family:proxima-nova;font-size:1.4rem;font-weight:600;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:#4d4d4d}.blog-with-filters .article-card__category{margin:0;font:inherit;letter-spacing:inherit;color:inherit}.blog-with-filters .article-card__date{flex:0 0 auto;font-size:inherit}.blog-with-filters .article-card .card__heading{margin:0}.blog-with-filters .article-card .card__heading a{line-height:2.8rem;letter-spacing:.02em;color:#1f1f23}.blog-with-filters .article-card__footer{margin-top:2.4rem}.blog-with-filters .article-card .card__read-more{line-height:1.6rem;letter-spacing:.12rem}
/*# sourceMappingURL=/cdn/shop/t/263/assets/blog-with-filters.css.map */
