.koda-article{--koda-article-bg: var(--koda-color-warm-white, #F3F1EC);--koda-article-card: var(--koda-color-card-white, #FAF8F4);--koda-article-heading: var(--koda-color-graphite-700, #23262A);--koda-article-body: var(--koda-color-gunmetal-500, #40454B);--koda-article-muted: #5E646B;--koda-article-border: var(--koda-color-border-light, #D8D3CB);--koda-article-outer-width: 1280px;--koda-article-outer-gutter: var(--koda-page-inset);--koda-article-mobile-gutter: var(--koda-page-inset-mobile);--koda-reading-width: 800px;--koda-wide-media-width: 1000px;--koda-full-media-width: 1280px;--koda-article-rail-width: 240px;--koda-article-shell-gap: clamp(2.5rem, 4vw, 3.5rem);--koda-chat-safe-space: 7rem;background:var(--koda-article-bg);color:var(--koda-article-body)}.koda-article ::selection{background:var(--koda-text-selection-bg-light, #23262A);color:var(--koda-text-selection-text-light, #F3F1EC)}.koda-article ::-moz-selection{background:var(--koda-text-selection-bg-light, #23262A);color:var(--koda-text-selection-text-light, #F3F1EC)}.koda-article .koda-dark-section ::selection{background:var(--koda-text-selection-bg-dark, #F3F1EC);color:var(--koda-text-selection-text-dark, #17181A)}.koda-article .koda-dark-section ::-moz-selection{background:var(--koda-text-selection-bg-dark, #F3F1EC);color:var(--koda-text-selection-text-dark, #17181A)}.koda-article a{color:inherit;text-underline-offset:.22em;transition:color .22s ease-out,border-color .22s ease-out,background-color .22s ease-out}.koda-article a:hover{color:var(--koda-color-accent, #697D96)}.koda-article :is(a,button,input):focus-visible{outline:2px solid rgba(35,38,42,.55);outline-offset:3px}.koda-article .koda-dark-section :is(a,button):focus-visible{outline-color:#f3f1ecb3}.koda-article button,.koda-article [role=button],.koda-article__toc,.koda-article__mobile-toc-trigger{-webkit-user-select:none;user-select:none}.koda-article__masthead{background:linear-gradient(180deg,#ffffff0b,#fff0 38%),var(--koda-color-graphite-900, #17181A);color:var(--koda-color-warm-white, #F3F1EC);padding:clamp(3.5rem,6vw,5.75rem) var(--koda-article-outer-gutter) clamp(3.25rem,5vw,5rem)}.koda-article--no-hero .koda-article__masthead{padding-block:clamp(3rem,5vw,4.75rem)}.koda-article__masthead-inner{width:min(100%,var(--koda-article-outer-width));margin-inline:0}.koda-article__breadcrumb{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:clamp(1.75rem,3vw,3rem);font-size:.8125rem;line-height:1.4;color:var(--koda-color-silver-400, #C7CCD2)}.koda-article__breadcrumb a{text-decoration:none}.koda-article__breadcrumb-current{color:var(--koda-color-warm-white, #F3F1EC)}.koda-article__eyebrow,.koda-article__section-eyebrow,.koda-article__rail-label,.koda-article-card__type{margin:0;font-size:.75rem;font-weight:650;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.koda-article__eyebrow{margin-bottom:1.5rem;color:var(--koda-color-silver-400, #C7CCD2)}.koda-article__title{max-width:960px;margin:0;color:currentColor;font-family:var(--font-heading--family, inherit);font-size:clamp(3.75rem,4.7vw,4.5rem);font-weight:500;line-height:1.06;letter-spacing:0;text-wrap:pretty}.koda-article__summary{max-width:760px;margin-top:clamp(1.5rem,2.5vw,2rem);color:var(--koda-color-silver-400, #C7CCD2);font-size:clamp(1.0625rem,1.45vw,1.25rem);line-height:1.62}.koda-article__summary>*{margin-block:0}.koda-article__meta,.koda-article__tags{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem;color:var(--koda-color-silver-400, #C7CCD2);font-size:.8125rem;line-height:1.45}.koda-article__meta span+span:before{content:"/";margin-right:.7rem;color:#c7ccd28c}.koda-article__tags{padding:0;list-style:none}.koda-article__tags li{border:1px solid rgba(199,204,210,.24);padding:.42rem .62rem;color:var(--koda-color-silver-400, #C7CCD2)}.koda-article__hero-media{width:min(100%,var(--koda-article-outer-width));margin-top:clamp(2.5rem,4.2vw,4.5rem);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:var(--koda-color-graphite-800, #1F2124);aspect-ratio:16 / 9}.koda-article--hero-portrait .koda-article__hero-media{aspect-ratio:3 / 2}.koda-article__hero-media img{display:block;width:100%;height:100%;object-fit:cover}.koda-article__body{background:var(--koda-article-bg)}.koda-article__shell{display:grid;grid-template-columns:minmax(0,calc(100% - var(--koda-article-rail-width) - var(--koda-article-shell-gap))) minmax(220px,var(--koda-article-rail-width));gap:var(--koda-article-shell-gap);align-items:start;width:min(calc(100% - (var(--koda-article-outer-gutter) * 2)),var(--koda-article-outer-width));margin-inline:var(--koda-article-outer-gutter) 0;padding-block:clamp(3.75rem,6vw,6rem)}@media(min-width:1024px)and (max-width:1199px){.koda-article{--koda-article-outer-gutter: var(--koda-page-inset);--koda-article-rail-width: 220px;--koda-article-shell-gap: 3.5rem}}@media(min-width:1200px){.koda-article{--koda-article-rail-width: 240px}}.koda-article__shell--centered,.koda-article__shell.is-without-rail{grid-template-columns:minmax(0,min(100%,var(--koda-wide-media-width)));justify-content:center}.koda-article__content-column{min-width:0;width:100%}.koda-article__content{width:100%;color:var(--koda-article-body);font-size:1.125rem;line-height:1.64}.koda-article__content>rte-formatter{display:block}.koda-article__content :is(p,ul,ol,blockquote,table,h2,h3,h4,h5,h6,hr,.article-callout,.article-note,.article-comparison){max-width:var(--koda-reading-width)}.koda-article__content p{margin:0 0 1.3rem}.koda-article__content :is(h2,h3,h4){color:var(--koda-article-heading);font-family:var(--font-heading--family, inherit);font-weight:550;letter-spacing:0;text-wrap:pretty;scroll-margin-top:calc(var(--header-height, 76px) + 32px)}.koda-article__content h2{margin:clamp(5rem,7vw,7rem) 0 clamp(1.5rem,2vw,2rem);font-size:clamp(2.25rem,2.9vw,2.75rem);line-height:1.16}.koda-article__content h3{margin:clamp(3rem,5vw,4rem) 0 1.2rem;font-size:clamp(1.5rem,2vw,1.75rem);line-height:1.22}.koda-article__content h2.is-koda-faq-heading{font-size:clamp(2.5rem,2.9vw,2.75rem)}.koda-article__content h3.is-koda-faq-question{margin-top:clamp(3rem,4.5vw,4rem);font-size:clamp(1.5rem,1.9vw,1.75rem);line-height:1.22}.koda-article__content h3.is-koda-faq-question+p{font-size:1.0625rem;line-height:1.64}.koda-article__content :is(ul,ol){margin:0 0 1.4rem;padding-left:1.35rem}.koda-article__content li+li{margin-top:.35rem}.koda-article__content blockquote,.koda-article__content .article-callout,.koda-article__content .article-note{box-sizing:border-box;margin:2.5rem 0;padding:1.35rem 1.5rem;border-left:2px solid var(--koda-color-graphite-700, #23262A);background:var(--koda-article-card);color:var(--koda-article-heading);font-size:1rem;line-height:1.58}.koda-article__content blockquote>:last-child,.koda-article__content .article-callout>:last-child,.koda-article__content .article-note>:last-child{margin-bottom:0}.koda-article__content hr{margin:4rem 0;border:0;border-top:1px solid var(--koda-article-border)}.koda-article__content :is(img,video){display:block;max-width:100%;height:auto}.koda-article__content :is(figure:not(.koda-youtube-short),.article-media,.article-video,.rte__table-wrapper,.rte-table-wrapper){width:min(100%,var(--koda-reading-width));max-width:min(100%,var(--koda-reading-width));margin:2.5rem 0}.koda-article__content :is(iframe,video){max-width:100%}.koda-article__content iframe[src*=youtube]:not(.koda-youtube-short__iframe),.koda-article__content iframe[src*="youtu.be"]:not(.koda-youtube-short__iframe),.koda-article__content iframe[src*=vimeo]:not(.koda-youtube-short__iframe){display:block;width:100%;aspect-ratio:16 / 9;height:auto;border:0}.koda-article__content :is(.article-media--wide,.article-video,.article-video--wide,figure:has(iframe:not(.koda-youtube-short__iframe)),p:has(iframe:not(.koda-youtube-short__iframe)),div:has(iframe:not(.koda-youtube-short__iframe))){width:min(var(--koda-wide-media-width),100%);max-width:min(var(--koda-wide-media-width),100%)}.koda-article__content :is(.article-media--full,.article-comparison){width:min(var(--koda-full-media-width),100%);max-width:min(var(--koda-full-media-width),100%)}.koda-article__content :is(.article-media--wide,.article-video,.article-video--wide,.article-media--full,.article-comparison,figure:has(iframe:not(.koda-youtube-short__iframe)),p:has(iframe:not(.koda-youtube-short__iframe)),div:has(iframe:not(.koda-youtube-short__iframe))){margin-inline:0;transform:none}.koda-article__content figure img{width:100%}.koda-article__content figcaption{margin-top:.8rem;color:var(--koda-article-muted);font-size:.8125rem;line-height:1.55}.koda-article__content .rte-table-wrapper{overflow-x:auto;border:1px solid var(--koda-article-border);background:var(--koda-article-card)}.koda-article__content table{width:100%;min-width:560px;margin:0;border-collapse:collapse;font-size:.9375rem;line-height:1.5}.koda-article__content th,.koda-article__content td{padding:.9rem 1rem;border-bottom:1px solid var(--koda-article-border);text-align:left;vertical-align:top}.koda-article__content th{color:var(--koda-article-heading);font-weight:650}.koda-article__content code{padding:.12em .34em;border:1px solid var(--koda-article-border);background:var(--koda-article-card);color:var(--koda-article-heading);font-size:.88em}.koda-article__rail{position:sticky;top:calc(var(--header-height, 76px) + 32px);display:flex;flex-direction:column;gap:1rem;min-width:0;padding-bottom:var(--koda-chat-safe-space)}.koda-article__toc,.koda-article__rail-card{border-top:1px solid var(--koda-article-border);padding-top:1rem}.koda-article__toc ol{display:grid;gap:.1rem;margin:.85rem 0 0;padding:0;list-style:none}.koda-article__toc a,.koda-article__mobile-toc-panel a{display:block;border-left:2px solid transparent;padding:.5rem 0 .5rem .75rem;color:var(--koda-article-muted);font-size:.8125rem;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}.koda-article__toc a[aria-current=true],.koda-article__mobile-toc-panel a[aria-current=true]{border-left-color:var(--koda-color-accent, #697D96);color:var(--koda-article-heading)}.koda-article__toc a[data-level=H3]{padding-left:1.45rem;color:#737981;font-size:.765625rem}.koda-article__rail-label{color:var(--koda-article-heading)}.koda-article__rail-text{margin-top:.85rem;color:var(--koda-article-muted);font-size:.875rem;line-height:1.62}.koda-article__reference-link,.koda-article__object-title{display:inline-flex;gap:.5rem;margin-top:.75rem;color:var(--koda-article-heading);font-weight:600;line-height:1.35;text-decoration:none}.koda-article__object-brand,.koda-article__object-meta,.koda-article__reference-text{margin:.85rem 0 0;color:var(--koda-article-muted);font-size:.8125rem;line-height:1.5}.koda-article__object-title{display:block;font-size:1rem}.koda-article__references,.koda-article__archive,.koda-article__newsletter{padding:clamp(4.5rem,7vw,7rem) var(--koda-article-outer-gutter)}.koda-article__references{border-top:1px solid var(--koda-article-border)}.koda-article__archive{background:var(--koda-color-graphite-900, #17181A);color:var(--koda-color-warm-white, #F3F1EC)}.koda-article__references-inner,.koda-article__archive-inner,.koda-article__newsletter-inner{width:min(100%,1280px);margin-inline:0}.koda-article__section-eyebrow{margin-bottom:1rem;color:var(--koda-article-muted)}.koda-article__archive .koda-article__section-eyebrow{color:var(--koda-color-silver-400, #C7CCD2)}.koda-article__section-title,.koda-article__newsletter h2{max-width:720px;margin:0 0 2.25rem;color:currentColor;font-family:var(--font-heading--family, inherit);font-size:clamp(2rem,3vw,2.75rem);font-weight:520;line-height:1.12;letter-spacing:0}.koda-article__reference-grid,.koda-article__archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.koda-article__reference-card,.koda-article-card__link{display:flex;flex-direction:column;min-height:100%;border:1px solid var(--koda-article-border);background:var(--koda-article-card);color:var(--koda-article-heading);text-decoration:none}.koda-article__reference-card{padding:1.4rem}.koda-article__reference-card h3{margin:1rem 0 0;font-size:1.25rem;line-height:1.24;letter-spacing:0}.koda-article__reference-card p{margin:.85rem 0 0;color:var(--koda-article-muted);font-size:.9375rem;line-height:1.55}.koda-article-card__link{overflow:hidden;border-color:#ffffff21;background:var(--koda-color-graphite-800, #1F2124);color:var(--koda-color-warm-white, #F3F1EC)}.koda-article-card__image{display:block;aspect-ratio:3 / 2;overflow:hidden;background:#ffffff0d}.koda-article-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease-out}.koda-article-card__link:hover .koda-article-card__image img{transform:scale(1.02)}.koda-article-card__body{display:flex;flex:1 1 auto;flex-direction:column;padding:1.25rem}.koda-article-card__type{color:var(--koda-color-silver-400, #C7CCD2)}.koda-article-card__title{margin-top:.9rem;color:currentColor;font-size:1.2rem;font-weight:560;line-height:1.24}.koda-article-card__excerpt{margin-top:.85rem;color:var(--koda-color-silver-400, #C7CCD2);font-size:.9375rem;line-height:1.58}.koda-article-card__meta{margin-top:auto;padding-top:1rem;color:var(--koda-color-silver-400, #C7CCD2);font-size:.8125rem}.koda-article__mobile-toc{width:min(calc(100% - (var(--koda-article-mobile-gutter) * 2)),var(--koda-reading-width));margin:0 var(--koda-article-mobile-gutter);border-top:1px solid var(--koda-article-border);border-bottom:1px solid var(--koda-article-border)}.koda-article__mobile-toc-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border:0;padding:.95rem 0;background:transparent;color:var(--koda-article-heading);font:inherit;font-size:.875rem;font-weight:650;letter-spacing:.08em;text-align:left;text-transform:uppercase;cursor:pointer}.koda-article__mobile-toc-panel{padding-bottom:.9rem}@media(min-width:1024px){.koda-article__mobile-toc{display:none!important;margin:0;border:0;padding:0}}.koda-article__newsletter{border-top:1px solid var(--koda-article-border)}.koda-article__newsletter-inner{display:grid;grid-template-columns:minmax(0,.54fr) minmax(320px,.46fr);gap:clamp(2rem,5vw,5rem);align-items:start}.koda-article__newsletter-inner div{color:var(--koda-article-muted);line-height:1.65}.koda-article__newsletter-form{display:flex;gap:.75rem}.koda-article__newsletter-form input{min-width:0;flex:1 1 auto;height:48px;border:1px solid var(--koda-article-border);border-radius:0;background:var(--koda-article-card);padding-inline:1rem;color:var(--koda-article-heading)}.koda-article__newsletter-form button{min-height:48px;border:1px solid var(--koda-article-heading);border-radius:8px;background:var(--koda-article-heading);padding-inline:1.25rem;color:var(--koda-color-warm-white, #F3F1EC);font-weight:650;cursor:pointer}body:has(.koda-article) :is(#ShopifyChat,#shopify-chat,#dummy-chat-button-iframe,iframe[src*=inbox],iframe[src*=chat],iframe[title*=chat i],iframe[title*=message i]){right:max(1.5rem,env(safe-area-inset-right))!important;bottom:max(1.5rem,env(safe-area-inset-bottom))!important}@media(min-width:1024px){body:has(.koda-article) :is(#ShopifyChat,#shopify-chat,#dummy-chat-button-iframe,iframe[src*=inbox],iframe[src*=chat],iframe[title*=chat i],iframe[title*=message i]){right:max(2rem,env(safe-area-inset-right))!important;bottom:max(2rem,env(safe-area-inset-bottom))!important}}@media(max-width:1023px){.koda-article__shell{display:block;width:min(calc(100% - (var(--koda-article-mobile-gutter) * 2)),var(--koda-reading-width));padding-block:clamp(3.25rem,8vw,5rem)}.koda-article__rail{display:none}.koda-article__mobile-toc:not([hidden]){display:block}.koda-article__reference-grid,.koda-article__archive-grid,.koda-article__newsletter-inner{grid-template-columns:1fr}}@media(max-width:749px){.koda-article{--koda-article-outer-gutter: var(--koda-article-mobile-gutter)}.koda-article__masthead{padding:2rem var(--koda-article-mobile-gutter) 3rem}.koda-article--no-hero .koda-article__masthead{padding-block:2rem 2.75rem}.koda-article__breadcrumb{display:none}.koda-article__title{font-size:clamp(2.25rem,10vw,2.625rem);line-height:1.08}.koda-article__summary{font-size:1rem;line-height:1.66}.koda-article__hero-media{margin-top:2.25rem;aspect-ratio:3 / 2}.koda-article--hero-portrait .koda-article__hero-media{aspect-ratio:4 / 5}.koda-article__shell{width:min(calc(100% - (var(--koda-article-mobile-gutter) * 2)),var(--koda-reading-width))}.koda-article__content{font-size:1.0625rem;line-height:1.62}.koda-article__content h2{margin-top:4rem;font-size:clamp(1.75rem,8vw,2rem);line-height:1.16}.koda-article__content h3{margin-top:3rem;font-size:clamp(1.3125rem,6vw,1.5rem)}.koda-article__content h2.is-koda-faq-heading{font-size:clamp(1.75rem,8vw,2rem)}.koda-article__content h3.is-koda-faq-question{margin-top:3rem;font-size:clamp(1.3125rem,6vw,1.5rem)}.koda-article__content :is(.article-media--wide,.article-video,.article-video--wide,.article-media--full,.article-comparison,figure:has(iframe:not(.koda-youtube-short__iframe)),p:has(iframe:not(.koda-youtube-short__iframe)),div:has(iframe:not(.koda-youtube-short__iframe))){width:calc(100vw - (var(--koda-article-mobile-gutter) * 2));max-width:calc(100vw - (var(--koda-article-mobile-gutter) * 2))}.koda-article__references,.koda-article__archive,.koda-article__newsletter{padding:4.5rem 1rem}.koda-article__newsletter-form{flex-direction:column}.koda-article__newsletter-form button{width:100%}}@media(prefers-reduced-motion:reduce){.koda-article *,.koda-article *:before,.koda-article *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/koda-article.css.map */