.dp-blog-index{--dp-blog-rule: 1px solid var(--border-default);padding-block:var(--space-11) var(--space-12);background:var(--surface-page);font-family:var(--font-display)}.dp-blog-index__container{max-width:var(--container-lg)}.dp-blog-index__title{margin:0 0 var(--space-9);color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.dp-blog-index__subtitle{display:block;margin-top:var(--space-3);color:var(--text-muted);font-size:var(--text-xl);font-weight:var(--weight-regular);line-height:var(--leading-snug);letter-spacing:normal}.dp-blog-index__bar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-9)}.dp-blog-index__tabs{flex:1 1 auto;min-width:0;border-bottom:var(--dp-blog-rule)}.dp-blog-index__tab-list{display:flex;gap:var(--space-7);margin:0;padding:0;overflow-x:auto;list-style:none;scrollbar-width:none}.dp-blog-index__tab-list::-webkit-scrollbar{display:none}.dp-blog-index__tab{display:inline-flex;align-items:center;min-height:var(--space-9);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-decoration:none;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent;transition:color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.dp-blog-index__tab:hover{color:var(--text-strong)}.dp-blog-index__tab[aria-current=page]{color:var(--text-strong);box-shadow:inset 0 -2px 0 var(--text-strong)}.dp-blog-index__tabs{display:flex;align-items:flex-end;gap:var(--space-7)}.dp-blog-index__tab-list{flex:0 1 auto;min-width:0}.dp-blog-index__other{position:relative;flex:none}.dp-blog-index__other-toggle{gap:var(--space-1);cursor:pointer;list-style:none}.dp-blog-index__other-toggle::-webkit-details-marker{display:none}.dp-blog-index__other-toggle[data-active]{color:var(--text-strong);box-shadow:inset 0 -2px 0 var(--text-strong)}.dp-blog-index__other-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.dp-blog-index__other-icon{transition:transform var(--duration-fast) var(--ease-out)}.dp-blog-index__other[open] .dp-blog-index__other-icon{transform:rotate(180deg)}.dp-blog-index__other-list{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;z-index:3;display:flex;flex-direction:column;min-inline-size:max-content;max-block-size:min(60vh,calc(var(--space-9) * 8));margin:0;padding:var(--space-2) 0;overflow-y:auto;border:var(--dp-blog-rule);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:var(--shadow-md);list-style:none}.dp-blog-index__other-link{display:flex;align-items:center;min-height:var(--space-9);padding:0 var(--space-5);color:var(--text-strong);font-size:var(--text-sm);text-decoration:none;white-space:nowrap}.dp-blog-index__other-link:hover{background:var(--dp-surface-slate)}.dp-blog-index__other-link[aria-current=page]{font-weight:var(--weight-semibold)}.dp-blog-index__other-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.dp-blog-index__search{position:relative;flex:0 0 25%}.dp-blog-index__search-icon{position:absolute;top:50%;left:var(--space-4);color:var(--text-muted);transform:translateY(-50%);pointer-events:none}.dp-blog-index__search-input{width:100%;min-height:var(--space-9);padding:0 var(--space-4) 0 var(--space-10);border:var(--dp-blog-rule);border-color:var(--border-strong);border-radius:var(--radius-input);background:var(--surface-card);color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-sm)}.dp-blog-index__search-input::placeholder{color:var(--text-muted)}.dp-blog-index__search-input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.dp-blog-index__lead{margin-bottom:var(--space-11)}.dp-blog-index__slides{display:flex;gap:var(--space-6);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.dp-blog-index__slides::-webkit-scrollbar{display:none}.dp-blog-index__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.dp-blog-index__slide>.dp-article-tile{height:100%}.dp-blog-index__slide .dp-article-tile:has(.dp-article-tile__link:focus-visible){outline-offset:-2px}.dp-blog-index__slider-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-5)}.dp-blog-index__slider-controls[hidden]{display:none}.dp-blog-index__dots,.dp-blog-index__arrows{display:flex;align-items:center;gap:var(--space-2)}.dp-blog-index__dots{gap:0}.dp-blog-index__dot{display:inline-flex;align-items:center;justify-content:flex-start;width:var(--control-md);height:var(--control-md);padding:0;border:none;background:none;cursor:pointer}.dp-blog-index__dot:before{content:"";width:var(--space-3);height:var(--space-3);border:var(--dp-blog-rule);border-color:var(--border-strong);border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),width var(--duration-fast) var(--ease-out)}.dp-blog-index__dot:hover:before{border-color:var(--action-primary)}.dp-blog-index__dot[aria-current=true]:before{width:var(--space-7);border-color:var(--action-primary);background:var(--action-primary)}.dp-blog-index__dot:focus-visible{outline:2px solid var(--border-focus);outline-offset:-4px;border-radius:var(--radius-pill)}.dp-blog-index__arrows .dp-icon-button:disabled{opacity:.45;cursor:not-allowed}.dp-blog-index__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"recent rail";gap:var(--space-10);align-items:start}.dp-blog-index__recent{grid-area:recent}.dp-blog-index__rail{position:sticky;top:var(--space-12);grid-area:rail}.dp-blog-index__subhead{margin:0 0 var(--space-7);padding-bottom:var(--space-5);border-bottom:2px dotted var(--text-faint);color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-medium);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}.dp-blog-index__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10) var(--space-6);margin:0;padding:0;list-style:none}.dp-blog-index__rail-list{display:flex;flex-direction:column;gap:var(--space-7);margin:0;padding:0;list-style:none}.dp-blog-index__pages{margin-top:var(--space-10)}.dp-blog-index__page-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin:0;padding:0;list-style:none}.dp-blog-index__page{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--control-md);min-height:var(--control-md);padding-inline:var(--space-3);border:var(--dp-blog-rule);border-color:transparent;border-radius:var(--radius-control);color:var(--text-strong);font-size:var(--text-base);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}a.dp-blog-index__page:hover{border-color:var(--border-strong);background:var(--surface-card)}a.dp-blog-index__page:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dp-blog-index__page--current{background:var(--action-primary);color:var(--text-inverse)}.dp-blog-index__page--gap{min-width:var(--space-7);padding-inline:0;color:var(--text-muted)}.dp-blog-index__page--step{padding-inline:var(--space-4);border-color:var(--action-secondary-border);background:var(--action-secondary-bg);color:var(--text-accent)}.dp-blog-index__empty{max-width:var(--container-sm);color:var(--text-muted);font-size:var(--text-md);line-height:var(--leading-relaxed)}@media(max-width:900px){.dp-blog-index{padding-block:var(--space-9) var(--space-11)}.dp-blog-index__title{margin-bottom:var(--space-7);font-size:var(--text-4xl)}.dp-blog-index__subtitle{margin-top:var(--space-2);font-size:var(--text-md)}.dp-blog-index__bar{flex-direction:column;align-items:stretch;gap:var(--space-6);margin-bottom:var(--space-8)}.dp-blog-index__tabs{margin-inline:calc(var(--gutter) * -1)}.dp-blog-index__tabs{gap:var(--space-6);padding-inline-end:var(--gutter)}.dp-blog-index__tab-list{gap:var(--space-6);padding-inline-start:var(--gutter)}.dp-blog-index__search{flex:none}.dp-blog-index__lead{margin-bottom:var(--space-10)}.dp-blog-index__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"rail" "recent";gap:var(--space-10)}.dp-blog-index__rail{position:static}.dp-blog-index__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-9)}.dp-blog-index__page--step{padding-inline:0}.dp-blog-index__step-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.dp-blog-index__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dp-blog-index.css.map */
