.shopify-section.index-section--blog-post-banner{position:relative;z-index:2;margin-bottom:0;background:0 0;overflow:visible}.shopify-section.index-section--blog-post-banner+.shopify-section{margin-top:0;position:relative;z-index:1}.blog-post-banner{position:relative;color:#fff;overflow:hidden;isolation:isolate;border-bottom-left-radius:var(--blog-post-banner-radius,24px);border-bottom-right-radius:var(--blog-post-banner-radius,24px)}.blog-post-banner__inner{display:flex;flex-direction:column;gap:40px}.blog-post-banner__content{flex:1 1 auto;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:space-between}.blog-post-banner__subtitle{font-family:Axiforma,sans-serif;font-weight:600;font-size:10px;line-height:normal;text-transform:uppercase;letter-spacing:.1em;margin:0 0 15px;color:#71cbf4}.blog-post-banner__subtitle-link{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;transition:.3s all}.blog-post-banner__subtitle-link.whitelink{color:#fff}.blog-post-banner__subtitle-link:hover,.blog-post-banner__subtitle-link.whitelink:hover{opacity:.8}.blog-post-banner__title{font-family:Axiforma-light,sans-serif;font-weight:350;font-size:26px;line-height:119%;margin:0 0 20px;color:inherit}.blog-post-banner__excerpt{font-family:Axiforma,sans-serif;font-weight:375;font-size:12px;line-height:normal;margin:0;max-width:380px;color:inherit}.blog-post-banner__excerpt p{margin:0}.blog-post-banner__audio{margin-top:28px}.blog-post-banner__audio-label{display:block;font-family:Axiforma Semi,sans-serif;font-weight:375;font-size:10px;line-height:normal;letter-spacing:5%;text-transform:uppercase;margin:0 0 10px;color:#71cbf4}.blog-post-banner__audio-player{max-width:320px;border:1px solid #8ebbff;border-radius:999px;padding:8px 16px}.blog-post-banner__audio-controls{display:flex;align-items:center;gap:12px}.blog-post-banner__audio-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:0 0;color:#cae8f3;cursor:pointer}.blog-post-banner__audio-toggle svg{display:block;width:9px;height:11px}.blog-post-banner__audio-toggle .blog-post-banner__icon-pause{display:none;width:9px;height:11px}.blog-post-banner__audio-toggle.is-playing .blog-post-banner__icon-play{display:none}.blog-post-banner__audio-toggle.is-playing .blog-post-banner__icon-pause{display:block}.blog-post-banner__audio-time{flex-shrink:0;font-family:Axiforma,sans-serif;font-weight:375;font-size:10px;line-height:1;white-space:nowrap;color:#cae8f3}.blog-post-banner__audio-progress-wrap{flex:1 1 auto;min-width:0;position:relative;height:8px;display:flex;align-items:center;max-width:190px}.blog-post-banner__audio-progress-visual{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blog-post-banner__audio-progress-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:2px;border-radius:999px;background:#7e9ec48c}.blog-post-banner__audio-progress-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;width:0;border-radius:999px;background:#71cbf4;min-width:0}.blog-post-banner__audio-progress{position:relative;z-index:1;-webkit-appearance:none;appearance:none;display:block;width:100%;height:8px;margin:0;padding:0;border:0;background:0 0;cursor:pointer;--progress: 0% }.blog-post-banner__audio-progress:focus{outline:0}.blog-post-banner__audio-progress:focus-visible{outline:0}.blog-post-banner__audio-progress-wrap:has(.blog-post-banner__audio-progress:focus-visible){outline:1px solid rgba(113,203,244,.65);outline-offset:3px;border-radius:4px}.blog-post-banner__audio-progress::-webkit-slider-runnable-track{height:8px;background:0 0;border:0}.blog-post-banner__audio-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0;margin:0;border:0;background:0 0;box-shadow:none}.blog-post-banner__audio-progress::-moz-range-track{height:8px;background:0 0;border:0}.blog-post-banner__audio-progress::-moz-range-thumb{width:0;height:0;border:0;background:0 0;box-shadow:none}.blog-post-banner__audio-progress::-moz-range-progress{background:0 0}.blog-post-banner__meta{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:auto;font-family:Axiforma Book,sans-serif;font-weight:375;font-size:10px;line-height:140%;color:#71cbf4}.blog-post-banner__meta-sep{margin:0 8px;opacity:.7}.blog-post-banner__media{flex:1 1 auto;min-width:0;display:flex;justify-content:center;align-items:center}.blog-post-banner__image-frame{position:relative;width:100%;max-width:521px;margin-left:auto;margin-right:0}.blog-post-banner__image-inner{width:100%}.blog-post-banner__image-inner--masked{aspect-ratio:521/433;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-mode:alpha;mask-mode:alpha}.blog-post-banner__image-inner--plain{border-radius:16px;overflow:hidden;aspect-ratio:521/433}.blog-post-banner__image-inner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (min-width:769px){.blog-post-banner__inner{flex-direction:row;gap:50px}.blog-post-banner__content{flex:0 1 47%}.blog-post-banner__media{flex:0 1 53%}.blog-post-banner__title{margin-bottom:26px}.blog-post-banner__excerpt{font-size:15px}}@media screen and (min-width:991px){.blog-post-banner__audio,.blog-post-banner__excerpt{padding-left:60px}.blog-post-banner__audio{margin-top:40px}}@media(max-width:768px){.blog-post-banner__image-frame{max-width:100%;margin-left:auto;margin-right:auto}.blog-post-banner__excerpt{max-width:100%}.blog-post-banner__meta{margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/blog-post-banner.css.map */