.blog-teaser{background:var(--color-surface-warm)}.blog-heading-row{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.blog-heading-row h2{margin:0;font-size:var(--font-size-section)}.blog-heading-row .button img{width:1.5rem;height:1.5rem}.blog-heading-row .button__label{display:flex;align-items:center;gap:.75rem}.blog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}.article-card{transition:translate var(--motion-duration-slow) var(--motion-ease-ui),box-shadow var(--motion-duration-slow) var(--motion-ease-ui);min-width:0;background:var(--color-surface);border-radius:var(--radius-large)}.article-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;border-radius:inherit}.article-card__media{position:relative;aspect-ratio:16 / 9;background:var(--color-surface-muted);border-radius:var(--radius-large) var(--radius-large) 0 0;overflow:hidden}.article-card__media>img{width:100%;height:100%;object-fit:cover}.article-card__arrow{--round-arrow-background: var(--color-text-inverse);--round-arrow-size: 3rem;--round-arrow-icon-size: 1.5rem;position:absolute;top:1.25rem;right:1.25rem;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%}.article-card__content{padding:1.5rem;display:grid;align-content:start;gap:.75rem}.article-card__title{margin:0;font-size:var(--font-size-card);overflow-wrap:anywhere}.article-card__content p{margin:0;line-height:var(--line-height-body-compact)}.article-card time,.article-detail__meta{font-size:var(--font-size-small);color:var(--color-text-secondary)}.blog-page__header,.article-detail__header{max-width:60rem;margin:0 auto 2.5rem;text-align:center}.blog-page__header h1,.article-detail__header h1{margin:1rem 0;font-size:var(--font-size-display);text-wrap:balance;overflow-wrap:anywhere}.blog-page nav[aria-label]{margin-top:2rem}.article-detail__excerpt{font-size:var(--font-size-compact);line-height:var(--line-height-body)}.article-detail>.page-intro{padding-bottom:2.5rem}.article-detail .page-intro__content>:last-child,.article-detail .page-intro__content>.rte>:last-child{margin-bottom:0}.article-detail__content{max-width:80rem;padding-top:0}.article-detail__image{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-large);margin-bottom:2.5rem}.article-detail__body{max-width:48rem;margin-inline:auto;line-height:var(--line-height-body);overflow-wrap:anywhere}.article-detail__body :is(img,video,iframe){max-width:100%;border-radius:var(--radius-small)}.article-detail__body img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;margin-block:2rem}.article-detail__body :is(h2,h3,h4,h5,h6){margin-top:2rem}.article-detail__body h2{margin-top:3rem;margin-bottom:2rem}.article-detail__body>:first-child{margin-top:0}.article-detail__body>:last-child{margin-bottom:0}.article-detail__body table{display:block;max-width:100%;overflow-x:auto}.article-detail__footer{max-width:48rem;margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:start;gap:1rem;flex-wrap:wrap}.article-related{margin-top:var(--section-padding-block)}article-share{display:block;position:relative}.article-share summary{list-style:none;cursor:pointer}.article-share summary::-webkit-details-marker{display:none}.article-action-label{display:inline-flex;align-items:center;gap:.625rem}.article-action-icon{display:block;flex:0 0 1.25rem;width:1.25rem;height:1.25rem;background:currentColor;-webkit-mask:var(--article-action-mask) center / contain no-repeat;mask:var(--article-action-mask) center / contain no-repeat}.article-action-icon--back,.article-action-icon--next{--article-action-mask: url(icon-arrow-left.svg)}.article-action-icon--next{rotate:180deg}.article-action-icon--share{--article-action-mask: url(icon-share.svg)}.article-action-icon--copy{--article-action-mask: url(icon-copy.svg)}.article-action-icon--close{--article-action-mask: url(icon-x-close.svg)}.article-share__panel{display:grid;gap:1.25rem;min-width:0}.article-share>.article-share__panel{margin-top:1rem;padding:1.25rem;border-radius:var(--radius-small);background:var(--color-surface);max-width:28rem}.article-share__channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.article-share__channels a{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.5rem;padding:1rem;border-radius:var(--radius-small);background:var(--color-surface-muted);color:inherit;text-decoration:none;transition:background-color var(--motion-duration-base) var(--motion-ease-ui)}.article-share__channels a:is(:hover,:focus-visible){background:var(--color-surface-hover)}.article-share__panel input{width:100%;min-width:0;font-size:var(--font-size-small)}.article-share__copy{justify-self:start}.article-share__dialog{width:min(32rem,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);padding:0;border:0;border-radius:var(--radius-large);background:var(--color-surface);color:var(--color-foreground);box-shadow:0 24px 80px #0003}.article-share__dialog::backdrop{background:#00000073;animation:article-share-backdrop-in var(--motion-duration-base) var(--motion-ease-ui) both}.article-share__dialog[data-closing]::backdrop{animation:article-share-backdrop-out var(--motion-duration-base) var(--motion-ease-ui) both}.article-share__sheet{padding:1.5rem}.article-share__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.article-share__heading h2{margin:0;font-size:var(--font-size-card)}.article-share__close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:var(--color-surface-muted);color:inherit;cursor:pointer;transition:background-color var(--motion-duration-base) var(--motion-ease-ui)}.article-share__close:is(:hover,:focus-visible){background:var(--color-surface-hover)}.article-share__description{margin:1rem 0 1.5rem;color:var(--color-text-secondary);font-size:var(--font-size-small)}@keyframes article-share-backdrop-in{0%{background:#0000}to{background:#00000073}}@keyframes article-share-backdrop-out{0%{background:#00000073}to{background:#0000}}@media(prefers-reduced-motion:reduce){.article-share__dialog::backdrop{animation:none}.article-share__channels a,.article-share__close{transition:none}}@media(min-width:600px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.article-card__media>img,.article-card__arrow img,.article-share__panel :is(a,button){transition:none;transform:none!important}}.blog-heading-row h2{translate:0 var(--heading-choice-optical-offset)}.blog-heading-row .button__label img{filter:invert(1)}blog-list{display:block}.blog-sidebar{padding:2rem;border-radius:var(--radius-large);background:var(--color-surface);color:var(--color-foreground);align-self:stretch}.blog-sidebar h2{margin:0 0 1.5rem;font-size:var(--font-size-card)}.blog-sidebar ul{list-style:none;padding:0;margin:0}.blog-sidebar li+li{border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}.blog-sidebar a{display:flex;align-items:center;gap:1rem;min-height:44px;padding-block:1.25rem;color:inherit;text-decoration:none;line-height:var(--line-height-body-compact)}.blog-sidebar a>span{flex:1;min-width:0}.blog-sidebar a:after{content:"";flex:0 0 1.25rem;width:1.25rem;height:1.25rem;background:currentColor;-webkit-mask:url(icon-arrow-left.svg) center / contain no-repeat;mask:url(icon-arrow-left.svg) center / contain no-repeat;rotate:180deg;transition:translate var(--motion-duration-base) var(--motion-ease)}.blog-sidebar a:focus-visible:after{translate:.25rem 0}@media(hover:hover){.blog-sidebar a:hover:after{translate:.25rem 0}}@media(prefers-reduced-motion:reduce){.blog-sidebar a:after{transition:none;translate:none!important}}.blog-load-more{display:flex;justify-content:center;margin-top:2rem}.blog-load-more [aria-disabled=true]{cursor:progress}@media(min-width:600px){.blog-grid--listing>.article-card--featured,.blog-sidebar{grid-column:1 / -1}}@media(min-width:990px){.blog-grid--listing>.article-card--featured{grid-column:span 2}.blog-sidebar{grid-column:auto}}.blog-page{max-width:min(var(--page-width),calc(min(var(--section-content-width, var(--content-width-editorial)),var(--content-width-editorial)) + 2 * var(--page-gutter)))}.page-intro.blog-page__intro{padding-bottom:2.5rem}.blog-page{padding-top:0}.article-card--featured .article-card__title{font-size:var(--font-size-section)}.article-card:has(.article-card__link:focus-visible){translate:0 -.25rem;box-shadow:0 12px 32px #0000001f}@media(hover:hover){.article-card:hover{translate:0 -.25rem;box-shadow:0 12px 32px #0000001f}}@media(prefers-reduced-motion:reduce){.article-card{transition:none}.article-card:hover,.article-card:has(.article-card__link:focus-visible){translate:none}}.blog-sidebar--numbered{background:var(--color-surface-muted)}.blog-sidebar--numbered ul{counter-reset:blog-link}.blog-sidebar--numbered li{counter-increment:blog-link}.blog-sidebar--numbered a:before{content:counter(blog-link,decimal-leading-zero);opacity:.5;font-size:var(--font-size-small)}.blog-sidebar--inverse{background:var(--color-inverse-hover);color:var(--color-text-inverse)}@media(min-width:768px){.article-card--featured .article-card__content p{font-size:var(--font-size-compact)}}@media(max-width:767px){.blog-grid--listing>.blog-sidebar{display:none}}@media(min-width:990px){.blog-grid--listing>.blog-sidebar.is-fitting{contain:size;min-height:0;overflow:clip}}.blog-load-more .button__label{display:inline-flex;align-items:center;gap:.5rem}.blog-load-more__icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem;background:currentColor;-webkit-mask:url(icon-plus.svg) center / contain no-repeat;mask:url(icon-plus.svg) center / contain no-repeat}.article-card--featured .article-card__content{gap:1.25rem}.blog-sidebar--outline{background:transparent;color:var(--color-foreground);box-shadow:inset 0 0 0 2px currentColor}.blog-sidebar--white{background:var(--color-surface);color:var(--color-foreground)}.blog-sidebar--black-circles{background:var(--color-foreground);color:var(--color-text-inverse)}.blog-sidebar--black-circles a{position:relative;padding-right:3rem}.blog-sidebar--black-circles a:after{position:absolute;right:.75rem;width:1rem;height:1rem}.blog-sidebar--black-circles a:before{content:"";position:absolute;right:0;width:2.5rem;height:2.5rem;border-radius:50%;background:color-mix(in srgb,currentColor 12%,transparent);transition:background-color var(--motion-duration-base) var(--motion-ease)}.blog-sidebar--black-circles a:focus-visible:before{background:color-mix(in srgb,currentColor 25%,transparent)}@media(hover:hover){.blog-sidebar--black-circles a:hover:before{background:color-mix(in srgb,currentColor 25%,transparent)}}@media(prefers-reduced-motion:reduce){.blog-sidebar--black-circles a:before{transition:none}}.article-detail__faqs{max-width:48rem;margin:3rem auto}
/*# sourceMappingURL=/cdn/shop/t/14/assets/blog.css.map */
