.abok-stories{padding:var(--abok-stories-padding-top, 64px) 0 var(--abok-stories-padding-bottom, 64px);background:var(--abok-stories-background, #f2f5f6);color:var(--abok-stories-text, #101417)}.abok-stories__heading-row{margin-bottom:2.8rem;text-align:center}.abok-stories__heading,.abok-stories__intro{margin:0}.abok-stories__heading{color:var(--abok-stories-text, #101417);font-size:4.8rem;font-weight:700;line-height:1.05}.abok-stories__intro{max-width:68rem;margin:1.2rem auto 0;color:#676767}.abok-stories__list{display:grid;height:55.8rem;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.52fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:1.6rem}.abok-stories__item{position:relative;min-width:0;overflow:hidden;border-radius:.4rem;background:#dfe4e6}.abok-stories__item--portrait{grid-row:1 / -1}.abok-stories__item--landscape{grid-column:4}.abok-stories__item--landscape:nth-child(4){grid-row:1}.abok-stories__item--landscape:nth-child(5){grid-row:2}.abok-stories__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#dfe4e6}.abok-stories__media .abok-picture,.abok-stories__deferred,.abok-stories__poster,.abok-stories__media img,.abok-stories__media video,.abok-stories__media iframe{width:100%;height:100%}.abok-stories__deferred,.abok-stories__poster{position:relative;display:block;border-radius:0}.abok-stories__poster{color:#fff}.abok-stories__poster img{width:100%;max-width:none}.abok-stories__media img,.abok-stories__media video,.abok-stories__media iframe{display:block;border:0;object-fit:cover}.abok-stories__item:after{position:absolute;z-index:1;top:44%;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgb(0 0 0 / .78));content:"";pointer-events:none}.abok-stories__play{position:absolute;z-index:3;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease}.abok-stories__play--portrait{width:4.8rem;height:4.8rem;border:.1rem solid rgb(255 255 255 / .72);border-radius:50%;background:#11191db8}.abok-stories__play--youtube{width:5.8rem;height:4.2rem;border-radius:1.3rem;background:#f03}.abok-stories__poster:hover .abok-stories__play,.abok-stories__poster:focus-visible .abok-stories__play{transform:translate(-50%,-50%) scale(1.06)}.abok-stories__play svg{width:1.6rem;height:1.6rem}.abok-stories__play--youtube svg{width:1.9rem;height:1.9rem}.abok-stories__toggle{position:absolute;z-index:4;top:50%;left:50%;width:4.8rem;height:4.8rem;display:none;align-items:center;justify-content:center;padding:0;border:.1rem solid rgb(255 255 255 / .72);border-radius:50%;background:#11191db8;color:#fff;cursor:pointer;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease}.abok-stories__deferred[loaded] .abok-stories__toggle{display:inline-flex}.abok-stories__toggle.is-playing{background:var(--abok-stories-accent, #00a8e8)}.abok-stories__toggle:hover,.abok-stories__toggle:focus-visible{transform:translate(-50%,-50%) scale(1.06)}.abok-stories__toggle:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.abok-stories__toggle-icon{display:inline-flex}.abok-stories__toggle-icon svg{width:1.6rem;height:1.6rem}.abok-stories__toggle-icon--pause,.abok-stories__toggle.is-playing .abok-stories__toggle-icon--play{display:none}.abok-stories__toggle.is-playing .abok-stories__toggle-icon--pause{display:inline-flex}.abok-stories__expand{position:absolute;z-index:3;top:1.4rem;right:1.4rem;width:4.2rem;height:4.2rem;display:grid;place-items:center;border:.1rem solid rgb(255 255 255 / .55);border-radius:50%;background:#11191db8;color:#fff;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease}.abok-stories__expand svg{width:1.7rem;height:1.7rem}.abok-stories__expand:hover,.abok-stories__expand:focus-visible{background:#11191de6;transform:scale(1.06)}.abok-stories__expand:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.abok-stories__deferred:fullscreen,.abok-stories__deferred:-webkit-full-screen{width:100vw;height:100vh;background:#000}.abok-stories__deferred:fullscreen :is(video,iframe),.abok-stories__deferred:-webkit-full-screen :is(video,iframe){object-fit:contain}.abok-stories__content{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:2rem 1.8rem;color:#fff}.abok-stories__item--landscape .abok-stories__content{padding-right:5rem}.abok-stories__eyebrow,.abok-stories__title,.abok-stories__text{margin:0}.abok-stories__eyebrow{font-size:1rem;font-weight:700;line-height:1.2;text-transform:uppercase}.abok-stories__title{margin-top:.4rem;color:#fff;font-size:2rem;font-weight:700;line-height:1.2}.abok-stories__title a{color:inherit;text-decoration:none}.abok-stories__item--landscape .abok-stories__title{font-size:1.6rem}.abok-stories__arrow{position:absolute;right:1.7rem;bottom:2rem;width:1.5rem;height:1.5rem;color:#fff}.abok-stories__arrow svg{display:block;width:100%;height:100%}.abok-stories__text{overflow:hidden;margin-top:.6rem;color:#ffffffd1;font-size:1.2rem;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.abok-stories__source-link,.abok-stories__item--landscape .abok-stories__text{display:none}@media screen and (max-width:989px){.abok-stories .page-width{padding-right:0}.abok-stories__heading-row{padding-right:1rem;margin-bottom:2rem}.abok-stories__heading{font-size:3.2rem}.abok-stories__intro{font-size:1.3rem}.abok-stories__list{display:flex;height:auto;overflow-x:auto;gap:1rem;padding-right:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.abok-stories__list::-webkit-scrollbar{display:none}.abok-stories__item,.abok-stories__item--portrait,.abok-stories__item--landscape,.abok-stories__item--landscape:nth-child(4),.abok-stories__item--landscape:nth-child(5){width:36rem;height:52rem;flex:0 0 36rem;scroll-snap-align:start}.abok-stories__item--landscape .abok-stories__text{display:-webkit-box}}@media screen and (min-width:750px)and (max-width:989px){.abok-stories .page-width{max-width:none;padding-inline:1.6rem}.abok-stories__list{display:grid;height:calc(57vw - 1.964rem);grid-template-columns:repeat(3,calc(33.3333vw - 1.7333rem)) calc(50.6666vw - 2.635rem);grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;padding-right:1.6rem}.abok-stories__item,.abok-stories__item--portrait,.abok-stories__item--landscape,.abok-stories__item--landscape:nth-child(4),.abok-stories__item--landscape:nth-child(5){width:auto;height:auto;min-height:0;flex:none}.abok-stories__item--landscape .abok-stories__play{top:40%}.abok-stories__item--landscape .abok-stories__content{padding:1.4rem 4.4rem 1.4rem 1.4rem}.abok-stories__item--landscape .abok-stories__title{display:-webkit-box;overflow:hidden;font-size:1.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.abok-stories__item--landscape .abok-stories__arrow{right:1.4rem;bottom:1.4rem}}@media screen and (max-width:749px){.abok-stories__heading{font-size:2.8rem}.abok-stories__list{display:grid;grid-template-columns:repeat(3,min(31rem,calc(100vw - 5.6rem))) calc(100vw - 5.6rem);grid-template-rows:repeat(2,auto);align-items:stretch}.abok-stories__item,.abok-stories__item--portrait,.abok-stories__item--landscape,.abok-stories__item--landscape:nth-child(4),.abok-stories__item--landscape:nth-child(5){width:auto;height:auto;min-height:0;flex-basis:auto}.abok-stories__item--landscape,.abok-stories__item--landscape:nth-child(4),.abok-stories__item--landscape:nth-child(5){aspect-ratio:16 / 9}}@media screen and (max-width:519px){.abok-stories__item--landscape .abok-stories__play{top:32%}.abok-stories__item--landscape .abok-stories__content{padding:1.2rem 4rem 1.2rem 1.2rem}.abok-stories__item--landscape .abok-stories__title{display:-webkit-box;overflow:hidden;font-size:1.4rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.abok-stories__item--landscape .abok-stories__arrow{right:1.2rem;bottom:1.3rem}}@media(prefers-reduced-motion:reduce){.abok-stories__play,.abok-stories__toggle,.abok-stories__expand{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/abok-customer-stories.css.map */