.abok-blog-collage{display:block;padding:var(--abok-blog-padding-top, 24px) 0 var(--abok-blog-padding-bottom, 44px);overflow:hidden;color:var(--abok-blog-text, oklch(.2 .015 230));background:var(--abok-blog-background, oklch(.97 .006 230))}.abok-blog-collage__inner{box-sizing:border-box;width:100%}.abok-blog-collage__inner--full{max-width:none;padding-right:0;padding-left:0}.abok-blog-collage__heading-row{display:flex;min-height:4rem;align-items:center;justify-content:flex-end;margin-bottom:1.2rem}.abok-blog-collage__view-all{display:inline-flex;min-height:4rem;align-items:center;padding:.8rem 1.2rem;border-radius:var(--abok-radius-control, .4rem);color:var(--abok-blog-button-text, var(--abok-blog-text, oklch(.2 .015 230)));background:var(--abok-blog-button-background, transparent);font-size:1.4rem;font-weight:700;text-underline-offset:.3rem}.abok-blog-collage__viewport{width:100%;overflow:hidden}.abok-blog-collage__track{--abok-blog-card-width: min(50rem, calc((100% - var(--abok-blog-visible-gaps, 37.5px)) / 3.5));align-items:stretch}.abok-blog-collage__viewport:focus-visible{outline:.2rem solid var(--abok-focus, oklch(.55 .16 230));outline-offset:.4rem}.abok-blog-collage__item{position:relative;width:var(--abok-blog-card-width);height:auto;min-width:0;aspect-ratio:var(--abok-blog-card-ratio, 1.3333);flex-shrink:0}.abok-blog-collage .article-card-wrapper,.abok-blog-collage .card,.abok-blog-collage .card__inner{width:100%;height:100%}.abok-blog-collage .card{position:relative;overflow:hidden;border:0;border-radius:.8rem;background:#d9dfe2}.abok-blog-collage .card__inner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.abok-blog-collage .card__inner.ratio:before{display:none}.abok-blog-collage .card__media,.abok-blog-collage .media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:inherit}.abok-blog-collage .card__media img{width:100%;height:100%;object-fit:cover}.abok-blog-collage .card>.card__content{display:none}.abok-blog-collage .card__inner>.card__content{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(to top,oklch(.1 .006 230 / .86) 0%,oklch(.12 .008 230 / .58) 58%,transparent 100%);color:#f7fbfc;text-decoration:none;display:block}.abok-blog-collage .card--article-content-empty .card__inner>.card__content{top:0;padding:0;background:transparent;box-shadow:none}.abok-blog-collage .card--article-content-empty .card__heading a{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.abok-blog-collage .article-card.card--media .card__inner .card__information{display:block}.abok-blog-collage .card__information{padding:0;text-align:center}.abok-blog-collage .card__heading,.abok-blog-collage .card__heading a{margin:0 0 8px;font-size:var(--abok-type-caption);font-weight:500;line-height:1.3;color:#f7fbfc;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;text-shadow:0 .1rem .3rem oklch(.12 .01 230 / .55)}.abok-blog-collage .article-card__info,.abok-blog-collage .article-card__excerpt{margin-top:.6rem;color:#e7eceed6;font-size:1.2rem;letter-spacing:0}.abok-blog-collage__tags,.abok-blog-collage__comments{position:absolute;z-index:3;top:1.2rem;display:flex;gap:.6rem;color:#f7fbfc;font-size:1.1rem;line-height:1.2}.abok-blog-collage__tags{left:1.2rem}.abok-blog-collage__tags span,.abok-blog-collage__comments{padding:.5rem .8rem;border-radius:.3rem;background:var(--abok-blog-highlight, oklch(.66 .16 230))}.abok-blog-collage__comments{right:1.2rem}.abok-blog-collage__fallback{overflow:hidden;border-radius:.8rem;background:#d9dfe2}.abok-blog-collage__fallback-link{position:relative;display:block;width:100%;height:100%;color:#f7fbfc;text-decoration:none}.abok-blog-collage__fallback-link:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:#0306082e;content:""}.abok-blog-collage__fallback-media,.abok-blog-collage__fallback-media img,.abok-blog-collage__fallback-media .placeholder-svg{display:block;width:100%;height:100%}.abok-blog-collage__fallback-media img{object-fit:cover}.abok-blog-collage__fallback-content{position:absolute;z-index:2;right:0;bottom:0;left:0;display:block;padding:1.8rem 2rem 1.7rem;background:#03060894;box-shadow:0 -2.8rem 3.2rem #0306086b;text-align:center}.abok-blog-collage__fallback-content strong{color:#f7fbfc;font-size:1.6rem;line-height:1.25}.abok-blog-collage__controls{display:flex;min-height:3.2rem;align-items:center;justify-content:center;gap:.6rem;margin-top:1.2rem}.abok-blog-collage[data-blog-locked=true] .abok-blog-collage__controls{display:none}.abok-blog-collage__autoplay,.abok-blog-collage__dots .swiper-pagination-bullet{display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;color:var(--abok-blog-text, oklch(.2 .015 230));background:transparent;cursor:pointer}.abok-blog-collage__autoplay{width:2.8rem;height:2.8rem;margin-right:.2rem}.abok-blog-collage__autoplay [data-blog-pause-icon],.abok-blog-collage__autoplay [data-blog-play-icon],.abok-blog-collage__autoplay .abok-icon,.abok-blog-collage__autoplay svg{display:inline-flex;width:1.3rem;height:1.3rem}.abok-blog-collage__autoplay [hidden]{display:none}.abok-blog-collage .abok-blog-collage__dots.swiper-pagination{position:static;display:flex;width:auto;align-items:center;gap:.2rem;transform:none}.abok-blog-collage__dots .swiper-pagination-bullet{width:1.6rem;height:2.4rem;margin:0!important;border-radius:0;opacity:1;background:transparent}.abok-blog-collage__dots .swiper-pagination-bullet:before{width:.8rem;height:.8rem;border-radius:50%;background:#b4b8ba;content:"";transition:width .18s cubic-bezier(.16,1,.3,1),height .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1)}.abok-blog-collage__dots .swiper-pagination-bullet-active:before{width:.9rem;height:.9rem;background:#060a0c}.abok-blog-collage__autoplay:focus-visible,.abok-blog-collage__dots .swiper-pagination-bullet:focus-visible,.abok-blog-collage__view-all:focus-visible{outline:.2rem solid var(--abok-focus, oklch(.55 .16 230));outline-offset:.2rem}@media screen and (max-width:989px){.abok-blog-collage__inner{width:100%}.abok-blog-collage__inner--full{padding-right:0;padding-left:0}.abok-blog-collage__track{--abok-blog-card-width: min(42rem, calc((100% - var(--abok-blog-gap, 15px)) / 2.15))}}@media screen and (min-width:750px)and (max-width:989px){.abok-blog-collage__inner,.abok-blog-collage__inner--full{padding-inline:1.6rem}.abok-blog-collage__track{--abok-blog-card-width: calc((100% - var(--abok-blog-gap, 15px)) / 2)}}@media screen and (max-width:639px){.abok-blog-collage__inner,.abok-blog-collage__inner--full{width:100%;padding-left:1.5rem}.abok-blog-collage__heading-row{padding-right:1.6rem}.abok-blog-collage__track{--abok-blog-card-width: min(32rem, calc(100vw - 4rem) )}.abok-blog-collage .card__inner>.card__content,.abok-blog-collage__fallback-content{padding:1.6rem 1.4rem 1.5rem}.abok-blog-collage .card__heading,.abok-blog-collage .card__heading a,.abok-blog-collage__fallback-content strong{font-size:1.5rem}.abok-blog-collage__controls{padding-right:1.6rem;margin-top:1rem}}@media(prefers-reduced-motion:reduce){.abok-blog-collage__dots .swiper-pagination-bullet:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/abok-blog-collage.css.map */
