.article-page{width:100%;padding-top:12px}.article-page__header{display:flex;gap:32px;align-items:flex-start}.article-page__header-content{flex:1 1 50%;display:flex;flex-direction:column;gap:32px;min-width:0}.article-page__breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:Figtree,sans-serif;font-size:12px;line-height:18px;color:#1e1e1e}.article-page__breadcrumb-link{opacity:.4;text-decoration:none;color:inherit}.article-page__breadcrumb-link:hover{opacity:.7}.article-page__breadcrumb-separator{opacity:.4}.article-page__breadcrumb-current{font-style:italic}.article-page__meta{display:flex;flex-direction:column;gap:24px}.article-page__tag{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background:#f4d8eb;border:1px solid #ffffff;border-radius:1000px;box-shadow:0 4px 20px #1e1e1e1f;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#1e1e1e;width:fit-content}.article-page__title-group{display:flex;flex-direction:column;gap:8px}.article-page__title{margin:0;color:#1e1e1e}.article-page__excerpt{margin:0;opacity:.8;color:#1e1e1e}.article-page__author-date{display:flex;gap:6px;font-family:Figtree,sans-serif;font-size:12px;line-height:18px;color:#1e1e1e;opacity:.4}.article-page__author,.article-page__date{margin:0}.article-page__featured-image-wrapper{flex:1 1 50%;aspect-ratio:672 / 400;border-radius:30px;overflow:hidden;min-width:0}.article-page__featured-image{width:100%;height:100%;object-fit:cover;display:block}.article-page__content-wrapper{display:flex;gap:18px;align-items:flex-start;margin-top:72px}.article-page__toc{position:sticky;top:100px;flex:0 0 437px;max-width:437px;width:100%;background:#fff;border:1px solid #f4d8eb;border-radius:32px;padding:4px;overflow:hidden}.article-page__toc-inner{display:flex;flex-direction:column;gap:18px}.article-page__toc-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 18px;background:#f7e8f2;border:none;border-radius:1000px;cursor:pointer}.article-page__toc-title{margin:0;color:#1e1e1e}.article-page__toc-icon{display:none;width:24px;height:24px}.article-page__toc-icon svg{width:100%;height:100%}.article-page__toc-content{padding:0 20px 20px}.article-page__toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.article-page__toc-item{margin:0}.article-page__toc-link{display:block;font-family:Figtree,sans-serif;font-size:18px;line-height:24px;color:#1e1e1e;text-decoration:none;transition:opacity .2s ease}.article-page__toc-link:hover{opacity:.7}.article-page__toc-item--nested{padding-inline-start:12px}.article-page__toc-item--nested .article-page__toc-link{font-size:16px;line-height:22px;opacity:.6}.article-page__body{flex:1 1 auto;min-width:0;padding:24px}.article-page__content.rte{color:#1e1e1e}.article-page__content.rte h2{font-family:Rethink Sans,sans-serif;font-size:26px;font-weight:700;line-height:32px;margin:42px 0 18px;color:#1e1e1e}.article-page__content.rte h2:first-child{margin-top:0}.article-page__content.rte h3{font-family:Rethink Sans,sans-serif;font-size:22px;font-weight:700;line-height:28px;margin:32px 0 12px;color:#1e1e1e}.article-page__content.rte p{font-family:Figtree,sans-serif;font-size:16px;line-height:22px;margin:0 0 18px;color:#1e1e1e}.article-page__content.rte ul,.article-page__content.rte ol{margin:0 0 18px;padding-inline-start:24px}.article-page__content.rte li{font-family:Figtree,sans-serif;font-size:16px;line-height:22px;margin-bottom:8px;color:#1e1e1e}.article-page__content.rte img{max-width:100%;height:auto;border-radius:18px;margin:24px 0}.article-page__content.rte a{color:#1e1e1e;text-decoration:underline}.article-page__content.rte blockquote{margin:24px 0;padding:18px 24px;background:#f7e8f2;border-radius:18px;font-style:italic}.article-page__related{margin-top:108px;position:relative}.article-page__related-title{margin:0 0 42px;color:#1e1e1e}.article-page__related-carousel{position:relative}.article-page__swiper{overflow:visible}.article-page__slide{max-width:322.5px;width:100%;height:auto}.article-page__card{display:flex;flex-direction:column;gap:12px;width:100%}.article-page__card-link{display:block;text-decoration:none}.article-page__card-image-wrapper{position:relative;height:220px;border-radius:24px;overflow:hidden;padding:10px}.article-page__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:24px}.article-page__card-tag{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background:#f4d8eb;border:1px solid #ffffff;border-radius:1000px;box-shadow:0 4px 20px #1e1e1e1f;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#1e1e1e}.article-page__card-content{display:flex;flex-direction:column;gap:18px;padding:0 6px}.article-page__card-text{display:flex;flex-direction:column;gap:6px}.article-page__card-title{margin:0;color:#1e1e1e}.article-page__card-title a{color:inherit;text-decoration:none}.article-page__card-title a:hover{text-decoration:underline}.article-page__card-excerpt{margin:0;color:#1e1e1e;opacity:.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.article-page__card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.article-page__card-link-text{font-family:Figtree,sans-serif;font-size:12px;font-style:italic;font-weight:400;line-height:12px;text-transform:uppercase;text-decoration:underline;text-decoration-skip-ink:none;color:#1e1e1e}.article-page__card-date{font-family:Figtree,sans-serif;font-size:12px;line-height:18px;color:#1e1e1e;opacity:.4}.article-page__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #f4d8eb;border-radius:1000px;cursor:pointer;transition:background .2s ease}.article-page__nav:hover{background:#ffffffe6}.article-page__nav--prev{left:24px}.article-page__nav--prev svg{transform:rotate(180deg)}.article-page__nav--next{right:24px}.article-page__nav svg{width:14px;height:8px}.article-page__nav:disabled{opacity:.3;cursor:not-allowed}.article-page__scrollbar{display:none}@media screen and (max-width:749px){.article-page{padding-top:8px}.article-page__header{flex-direction:column;gap:24px}.article-page__header-content{flex:none;width:100%;gap:24px;order:2}.article-page__featured-image-wrapper{flex:none;width:100%;aspect-ratio:343 / 220;border-radius:24px;order:1}.article-page__meta{gap:18px}.article-page__title-group{gap:6px}.article-page__content-wrapper{flex-direction:column;gap:24px;margin-top:42px}.article-page__toc{position:relative;top:auto;flex:none;width:100%;border-radius:24px}.article-page__toc-header{padding:12px 18px}.article-page__toc-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.article-page__toc[data-expanded=true] .article-page__toc-icon{transform:rotate(45deg)}.article-page__toc-content{display:none;padding:0 18px 18px}.article-page__toc[data-expanded=true] .article-page__toc-content{display:block}.article-page__toc-list{gap:12px}.article-page__toc-link{font-size:16px;line-height:22px}.article-page__body{padding:0}.article-page__content.rte h2{font-size:22px;line-height:28px;margin:32px 0 12px}.article-page__content.rte h3{font-size:18px;line-height:24px;margin:24px 0 8px}.article-page__content.rte p,.article-page__content.rte li{font-size:14px;line-height:20px}.article-page__related{margin-top:72px}.article-page__related-title{margin-bottom:24px;text-align:center}.article-page__slide{width:280px}.article-page__card-image-wrapper{height:180px;border-radius:18px}.article-page__card-image{border-radius:18px}.article-page__card-content{gap:12px}.article-page__card-text{gap:4px}.article-page__nav{display:none}.article-page__scrollbar{display:block;max-width:200px;width:100%;height:2px;margin:24px auto 0;background:#1e1e1e1a;border-radius:2px}.article-page__scrollbar .swiper-scrollbar-drag{background:#f4d8eb;border-radius:2px}}@media screen and (min-width:750px)and (max-width:989px){.article-page__header{flex-direction:column;gap:24px}.article-page__header-content{flex:none;width:100%;order:2}.article-page__featured-image-wrapper{flex:none;width:100%;aspect-ratio:16 / 9;order:1}.article-page__content-wrapper{flex-direction:column;gap:32px;margin-top:48px}.article-page__toc{position:relative;top:auto;flex:none;width:100%}.article-page__body{padding:0}.article-page__slide{width:300px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/article-page.css.map */
