.oddit-section-blog-post{--oddit-bp-bg: #f5f5f5;--oddit-bp-text: #05302d;--oddit-bp-card-bg: #ffffff;--oddit-bp-border: #eaeaea;--oddit-bp-progress-track: rgba(5, 48, 45, .1);--oddit-bp-gutter: 16px;position:relative;letter-spacing:normal;background-color:var(--oddit-bp-bg);padding:40px var(--oddit-bp-gutter);font-family:Montserrat,sans-serif;color:var(--oddit-bp-text);-webkit-tap-highlight-color:transparent;overflow-x:hidden;box-sizing:border-box}.oddit-section-blog-post *,.oddit-section-blog-post *:before,.oddit-section-blog-post *:after{box-sizing:border-box}:where(.oddit-section-blog-post a){color:inherit;text-decoration:none}:where(.oddit-section-blog-post button){background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.oddit-section-blog-post__container{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:1344px;margin-inline:auto}.oddit-section-blog-post__header{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%}.oddit-section-blog-post__header-text{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;text-align:left;color:var(--oddit-bp-text)}.oddit-section-blog-post__eyebrow{display:block;margin:0;font-size:12px;font-weight:400;letter-spacing:1.44px;line-height:1.2;text-transform:uppercase;color:var(--oddit-bp-text);text-align:left}.oddit-section-blog-post__header-titles{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;align-items:flex-start}.oddit-section-blog-post__heading{margin:0;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:normal;color:var(--oddit-bp-text);text-transform:capitalize}.oddit-section-blog-post__intro{margin:0;font-size:14px;font-weight:400;line-height:1.6;color:var(--oddit-bp-text)}.oddit-section-blog-post__intro p{margin:0}.oddit-section-blog-post__intro a{color:inherit;text-decoration:underline;text-underline-offset:2px}.oddit-section-blog-post__intro a:hover{opacity:.75}.oddit-section-blog-post__cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:12px 24px;height:42px;background-color:transparent;border:1px solid var(--oddit-bp-text);border-radius:4px;font-size:13px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;text-transform:capitalize;color:var(--oddit-bp-text);white-space:nowrap;transition:background-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;align-self:center}.oddit-section-blog-post__cta:hover,.oddit-section-blog-post__cta:focus-visible{background-color:var(--oddit-bp-text);color:#fff}.oddit-section-blog-post__cta--desktop{display:none}.oddit-section-blog-post__cta--mobile{display:inline-flex}.oddit-section-blog-post__carousel{display:flex;flex-direction:column;align-items:stretch;gap:24px;width:100%}.oddit-section-blog-post__track{display:flex;gap:8px;width:100vw;margin-inline:calc(50% - 50vw);padding-inline:var(--oddit-bp-gutter);padding-block:40px;margin-block:-32px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-left:var(--oddit-bp-gutter)}.oddit-section-blog-post__track::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.oddit-section-blog-post__track{cursor:grab}.oddit-section-blog-post__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}}.oddit-section-blog-post__card{flex:0 0 auto;width:328px;background-color:var(--oddit-bp-card-bg);border-radius:4px;overflow:hidden;scroll-snap-align:start}.oddit-section-blog-post__card-link{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;color:inherit}.oddit-section-blog-post__card-image{position:relative;overflow:hidden;width:100%;height:200px;background-color:var(--oddit-bp-border);flex-shrink:0}.oddit-section-blog-post__card-img{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-blog-post__card-body{display:flex;flex-direction:column;gap:4px;padding:20px;width:100%}.oddit-section-blog-post__card-content{display:flex;flex-direction:column;gap:12px;width:100%}.oddit-section-blog-post__card-meta{display:flex;align-items:center;gap:8px;width:100%}.oddit-section-blog-post__card-tag,.oddit-section-blog-post__card-date{display:inline-block;margin:0;font-size:10px;font-weight:500;letter-spacing:1px;line-height:1.2;text-transform:uppercase;color:var(--oddit-bp-text);white-space:nowrap}.oddit-section-blog-post__card-meta-divider{display:inline-block;width:1px;height:10px;background-color:var(--oddit-bp-text);flex-shrink:0}.oddit-section-blog-post__card-text{display:flex;flex-direction:column;gap:8px;width:100%}.oddit-section-blog-post__card-title{margin:0;font-size:16px;font-weight:600;letter-spacing:.32px;line-height:1.2;text-transform:capitalize;color:var(--oddit-bp-text)}.oddit-section-blog-post__card-excerpt{margin:0;font-size:14px;font-weight:400;line-height:1.6;color:var(--oddit-bp-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3.2em}.oddit-section-blog-post__card-read-more{display:inline-block;margin-top:0;font-size:16px;font-weight:700;line-height:1.6;color:var(--oddit-bp-text);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.oddit-section-blog-post__controls{display:flex;align-items:flex-end;gap:16px;width:100%;height:4px}.oddit-section-blog-post__progress{position:relative;flex:1 1 0;min-width:0;height:4px;background-color:var(--oddit-bp-progress-track);overflow:hidden}.oddit-section-blog-post__progress-fill{display:block;position:absolute;top:0;left:0;height:4px;width:38%;background-color:var(--oddit-bp-text);transition:width .3s ease}.oddit-section-blog-post__arrows{display:none;align-items:center;gap:6px;flex-shrink:0}.oddit-section-blog-post__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:40px;background-color:transparent;border:1px solid var(--oddit-bp-text);border-radius:4px;cursor:pointer;color:var(--oddit-bp-text);transition:background-color .2s ease,color .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.oddit-section-blog-post__arrow:hover:not(:disabled){background-color:var(--oddit-bp-text);color:var(--oddit-bp-card-bg)}.oddit-section-blog-post__arrow:disabled{opacity:.3;cursor:not-allowed}.oddit-section-blog-post__arrow svg{display:block}.oddit-section-blog-post__cta:focus-visible,.oddit-section-blog-post__card-link:focus-visible,.oddit-section-blog-post__arrow:focus-visible{outline:2px solid var(--oddit-bp-text);outline-offset:2px}@media(min-width:750px){.oddit-section-blog-post{--oddit-bp-gutter: 32px;padding:60px var(--oddit-bp-gutter)}.oddit-section-blog-post__container{gap:40px}.oddit-section-blog-post__card{width:420px}.oddit-section-blog-post__card-image{height:260px}.oddit-section-blog-post__card-body{padding:24px;gap:8px}.oddit-section-blog-post__card-title{font-size:18px}.oddit-section-blog-post__card-excerpt{font-size:15px}}@media(min-width:990px){.oddit-section-blog-post{padding:80px 48px;--oddit-bp-gutter: max(48px, calc((100vw - 1344px)/2) )}.oddit-section-blog-post__container{gap:48px}.oddit-section-blog-post__header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;text-align:left}.oddit-section-blog-post__header-text{flex:1 1 auto;min-width:0;align-items:flex-start;text-align:left;gap:16px}.oddit-section-blog-post__eyebrow{font-size:14px;letter-spacing:1.68px}.oddit-section-blog-post__heading{font-size:32px}.oddit-section-blog-post__intro{font-size:16px}.oddit-section-blog-post__cta{font-size:15px;align-self:flex-end}.oddit-section-blog-post__cta--desktop{display:inline-flex;flex-shrink:0}.oddit-section-blog-post__cta--mobile{display:none}.oddit-section-blog-post__carousel{gap:32px;width:100%}.oddit-section-blog-post__track{gap:15px;width:100vw;margin-inline:calc(50% - 50vw);padding-inline:var(--oddit-bp-gutter);scroll-padding-left:var(--oddit-bp-gutter)}.oddit-section-blog-post__card{width:551px}.oddit-section-blog-post__card-image{height:300px}.oddit-section-blog-post__card-body{gap:12px;padding:32px}.oddit-section-blog-post__card-tag,.oddit-section-blog-post__card-date{font-size:12px;letter-spacing:1.2px}.oddit-section-blog-post__card-title{font-size:20px;letter-spacing:.4px}.oddit-section-blog-post__card-excerpt{font-size:16px}.oddit-section-blog-post__controls{height:40px;gap:40px}.oddit-section-blog-post__arrows{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/oddit-section-blog-post.css.map */