.ss-blog-rail{display:block;padding:36px clamp(16px,2%,34px)}.ss-blog-rail__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.ss-blog-rail__head h2{margin:0;font-size:24px}.ss-blog-rail__all{color:inherit;border:1px solid currentColor;border-radius:24px;padding:6px 14px;font-size:13px;text-decoration:none;white-space:nowrap}.ss-blog-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:14px;padding:0;margin:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.ss-blog-rail__track>li{min-width:0;scroll-snap-align:start}.ss-blog-rail__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;aspect-ratio:4 / 5;min-height:300px;height:100%;padding:18px;color:#fff;background:#262626;text-decoration:none}.ss-blog-rail__card:focus-visible{outline:2px solid white;outline-offset:-5px}.ss-blog-rail__card img,.ss-blog-rail__card:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ss-blog-rail__card img{object-fit:cover;z-index:-2}.ss-blog-rail__card:before{content:"";z-index:-1;background:linear-gradient(to top,#000e,#0001 85%)}.ss-blog-rail__tags{position:absolute;inset-block-start:14px;inset-inline:14px;display:flex;flex-wrap:wrap;gap:5px}.ss-blog-rail__tags span{background:#ffffffe6;color:#161616;border-radius:20px;padding:2px 8px;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.ss-blog-rail__copy{overflow-wrap:anywhere}.ss-blog-rail__copy h3{color:inherit;font-size:18px;line-height:1.25;margin:0 0 7px}.ss-blog-rail__copy p{font-size:13px;line-height:1.45;margin:0 0 12px}.ss-blog-rail__read{font-size:12px;text-decoration:underline}.ss-blog-rail__controls:not([hidden]){display:flex;align-items:center;gap:6px;margin-top:10px}.ss-blog-rail__controls button{display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:inherit;cursor:pointer}.ss-blog-rail__controls button:disabled{opacity:.35;cursor:default}.ss-blog-rail__controls svg{width:12px;transform:rotate(90deg)}.ss-blog-rail__controls [data-step="-1"] svg{transform:rotate(-90deg)}.ss-blog-rail__controls progress{flex:1;min-width:0;height:3px;margin-inline-start:10px;accent-color:#171717}.ss-blog-rail.is-enhanced .ss-blog-rail__track{scrollbar-width:none}@media(min-width:750px){.ss-blog-rail__track{grid-auto-columns:36%}}@media(min-width:1200px){.ss-blog-rail__track{grid-auto-columns:21%}}
/*# sourceMappingURL=/cdn/shop/t/15/compiled_assets/styles.css.map?subset=AAAAAAAAQA */
