.social-video-showcase{display:block}.social-video-showcase__header{max-width:72rem;margin:0 auto 2.4rem;text-align:center}.social-video-showcase__heading{margin:0;font-size:4rem;font-weight:600;line-height:1.15}.social-video-showcase__subheading{margin-top:.8rem;color:rgba(var(--color-foreground),.72)}.social-video-showcase__subheading>*{margin:0}.social-video-showcase__rail{position:relative}.social-video-showcase__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--fkk-video-card-width);gap:var(--fkk-video-gap);margin:0;padding:0 0 .8rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.social-video-showcase__track::-webkit-scrollbar{display:none}.social-video-showcase__slider-button{position:absolute;top:calc(50% - 2.4rem);z-index:2;display:grid;width:4.8rem;height:4.8rem;place-items:center;padding:0;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;color:rgb(var(--color-foreground));background:rgba(var(--color-background),.96);box-shadow:0 .8rem 2.4rem #00000029;cursor:pointer;transform:translateY(-50%);transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease,opacity var(--duration-short) ease}.social-video-showcase__slider-button[hidden]{display:none}.social-video-showcase__slider-button--previous{left:-2.4rem}.social-video-showcase__slider-button--next{right:-2.4rem}.social-video-showcase__slider-button svg{width:2.4rem;height:2.4rem}.social-video-showcase__slider-button:disabled{opacity:.35;cursor:default}.social-video-showcase__slider-button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.social-video-showcase__item{min-width:0;list-style:none;scroll-snap-align:start}.social-video-showcase__card{height:100%}.social-video-showcase__media{position:relative;aspect-ratio:var(--fkk-video-ratio);overflow:hidden;border-radius:var(--media-radius);background:rgba(var(--color-foreground),.06)}.social-video-showcase__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.social-video-showcase__cover{display:block;margin:0;padding:0;overflow:hidden;color:rgb(var(--color-foreground));background:transparent;cursor:pointer;text-decoration:none}.social-video-showcase__cover:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.4rem}.social-video-showcase__poster{display:block;width:100%;height:100%;object-fit:cover}.social-video-showcase__poster{transition:transform var(--duration-long) ease}.social-video-showcase__action-icon{position:absolute;top:50%;left:50%;display:grid;width:5.6rem;height:5.6rem;place-items:center;border:.1rem solid rgba(255,255,255,.55);border-radius:50%;color:#111;background:#ffffffeb;box-shadow:0 .8rem 2.4rem #0000002e;transform:translate(-50%,-50%);transition:transform var(--duration-short) ease,background-color var(--duration-short) ease}.social-video-showcase__action-icon svg{width:2.4rem;height:2.4rem}.social-video-showcase__action-icon--link{top:auto;right:1.2rem;bottom:1.2rem;left:auto;width:4.4rem;height:4.4rem;transform:none}.social-video-showcase__content{padding-top:1.2rem}.social-video-showcase__title{margin:0;font-size:1.6rem;font-weight:600;line-height:1.3}.social-video-showcase__caption{margin:.4rem 0 0;color:rgba(var(--color-foreground),.68);font-size:1.4rem;line-height:1.45}.social-video-showcase__link{display:inline-block;margin-top:.8rem;font-size:1.4rem}.social-video-showcase__editor-empty{padding:3.2rem;border:.1rem dashed rgba(var(--color-foreground),.28);text-align:center}.social-video-showcase__modal{width:min(96rem,calc(100vw - 4rem));max-width:none;max-height:calc(100dvh - 4rem);margin:auto;padding:0;overflow:visible;border:0;border-radius:.8rem;color:#111;background:transparent;box-shadow:0 2.4rem 7rem #00000052}.social-video-showcase__modal::backdrop{background:#000000c2;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.social-video-showcase__modal[open]{animation:fkk-video-modal-in .18s ease-out}.social-video-showcase__modal-panel{position:relative;display:grid;grid-template-columns:auto minmax(32rem,1fr);width:100%;max-height:calc(100dvh - 4rem);overflow:hidden;border-radius:inherit;background:#fff}.social-video-showcase__modal-media{position:relative;width:auto;height:min(76rem,calc(100dvh - 4rem));min-height:0;aspect-ratio:var(--fkk-modal-video-ratio, .5625);background:#000}.social-video-showcase__modal-player{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover;background:#000}.social-video-showcase__modal-details{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fff}.social-video-showcase__modal-profile{display:grid;grid-template-columns:4.8rem minmax(0,1fr) auto;gap:1.2rem;align-items:center;min-height:7.6rem;padding:1.4rem 1.8rem;border-bottom:.1rem solid #e7e7e7}.social-video-showcase__modal-avatar{display:grid;width:4.8rem;height:4.8rem;place-items:center;border:.1rem solid #e5e5e5;border-radius:50%;object-fit:cover}.social-video-showcase__modal-avatar--placeholder{color:#555;background:#f3f3f3}.social-video-showcase__modal-avatar svg{width:2.6rem;height:2.6rem}.social-video-showcase__modal-account{min-width:0;margin:0;overflow:hidden;font-size:1.6rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.social-video-showcase__modal-follow{display:inline-flex;align-items:center;justify-content:center;min-height:3.6rem;padding:.7rem 1.6rem;border-radius:.4rem;color:#fff;background:#111;font-size:1.4rem;font-weight:700;line-height:1;text-decoration:none}.social-video-showcase__modal-copy{flex:1 1 auto;min-height:0;padding:1.6rem 1.8rem;overflow-y:auto;color:#222;font-size:1.5rem;line-height:1.45}.social-video-showcase__modal-story{display:flex;flex-direction:column;gap:2.4rem;min-height:100%}.social-video-showcase__modal-story-intro{max-width:42rem}.social-video-showcase__modal-story-eyebrow{display:block;margin-bottom:.7rem;color:#777;font-size:1.05rem;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.social-video-showcase__modal-story h4{margin:0 0 1rem;color:#111;font-size:2.2rem;font-weight:700;line-height:1.2}.social-video-showcase__modal-benefits{display:grid;gap:.8rem;margin:auto 0 0;padding:0;list-style:none}.social-video-showcase__modal-benefits li{display:flex;gap:1rem;align-items:center;min-height:4.8rem;padding:1rem 1.2rem;border:.1rem solid #e7e7e7;border-radius:.8rem;color:#333;background:#fafafa;font-size:1.3rem;font-weight:600;line-height:1.25}.social-video-showcase__modal-benefits li span{display:inline-grid;flex:0 0 2.4rem;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;color:#fff;background:#10266b;font-size:1.2rem;font-weight:700}.social-video-showcase__modal-product{display:grid;grid-template-columns:7.2rem minmax(0,1fr) auto;gap:1.2rem;align-items:center;margin:0 1.8rem 1.6rem;padding:1rem;border:.1rem solid #e7e7e7;border-radius:.8rem;color:#111;background:#f7f7f7;text-decoration:none;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease,transform var(--duration-short) ease}.social-video-showcase__modal-product-image{display:block;width:7.2rem;height:7.2rem;overflow:hidden;border-radius:.6rem;background:#fff;object-fit:cover}.social-video-showcase__modal-product-image--placeholder svg{width:100%;height:100%}.social-video-showcase__modal-product-info{display:grid;gap:.35rem;min-width:0}.social-video-showcase__modal-product-eyebrow{color:#777;font-size:1rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.social-video-showcase__modal-product-title{display:-webkit-box;overflow:hidden;font-size:1.35rem;font-weight:700;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.social-video-showcase__modal-product-price{display:flex;gap:.6rem;align-items:baseline;font-size:1.3rem;font-weight:700;line-height:1.2}.social-video-showcase__modal-product-price s{color:#888;font-size:1.15rem;font-weight:400}.social-video-showcase__modal-product-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.8rem;padding:.8rem 1.4rem;border-radius:.4rem;color:#fff;background:#111;font-size:1.2rem;font-weight:700;line-height:1.15;text-align:center}.social-video-showcase__modal-copy p{margin:0}.social-video-showcase__modal-footer{display:flex;gap:1rem;align-items:center;margin-top:0;padding:1.3rem 1.8rem;border-top:.1rem solid #e7e7e7;color:#777;font-size:1.2rem;line-height:1.3}.social-video-showcase__modal-footer a{color:#555;text-decoration:none}.social-video-showcase__modal-footer a:before{content:"\2022";margin-right:1rem}.social-video-showcase__modal-close{position:absolute;top:1rem;right:1rem;z-index:3;display:grid;width:4rem;height:4rem;place-items:center;padding:0;border:0;border-radius:50%;color:#111;background:#fffffff0;box-shadow:0 .4rem 1.4rem #00000029;cursor:pointer}.social-video-showcase__modal-close svg{width:2.2rem;height:2.2rem}.social-video-showcase__modal-close:focus-visible,.social-video-showcase__modal-follow:focus-visible{outline:.2rem solid #111;outline-offset:.2rem}body.fkk-video-modal-open{overflow:hidden}@keyframes fkk-video-modal-in{0%{opacity:0;transform:translateY(1rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(hover:hover){.social-video-showcase__modal-product:hover{border-color:#cfcfcf;box-shadow:0 .8rem 2rem #0000001a;transform:translateY(-.2rem)}.social-video-showcase__slider-button:not(:disabled):hover{box-shadow:0 1.2rem 3.2rem #00000038;transform:translateY(-50%) scale(1.06)}.social-video-showcase__cover:hover .social-video-showcase__poster{transform:scale(1.025)}.social-video-showcase__cover:hover .social-video-showcase__action-icon{background:#fff;transform:translate(-50%,-50%) scale(1.06)}.social-video-showcase__cover:hover .social-video-showcase__action-icon--link{transform:scale(1.06)}}@media screen and (max-width:749px){.social-video-showcase__header{margin-bottom:2rem;text-align:left}.social-video-showcase__heading{font-size:2.8rem;line-height:1.12}.social-video-showcase__track{grid-auto-columns:min(76vw,29rem);margin-right:-1.5rem;padding-right:1.5rem}.social-video-showcase__slider-button{display:none}.social-video-showcase__action-icon{width:5.2rem;height:5.2rem}.social-video-showcase__modal{width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem)}.social-video-showcase__modal-panel{display:flex;max-height:calc(100dvh - 2rem);flex-direction:column;overflow-y:auto}.social-video-showcase__modal-media{flex:0 0 auto;width:100%;height:auto;min-height:0;aspect-ratio:var(--fkk-modal-video-ratio, .5625)}.social-video-showcase__modal-details{flex:0 0 auto;min-height:18rem}.social-video-showcase__modal-profile{grid-template-columns:4rem minmax(0,1fr) auto;min-height:6.8rem;padding:1.2rem 1.4rem}.social-video-showcase__modal-avatar{width:4rem;height:4rem}.social-video-showcase__modal-copy{max-height:none;padding:1.4rem;overflow:visible}.social-video-showcase__modal-story{gap:1.6rem}.social-video-showcase__modal-story h4{font-size:2rem}.social-video-showcase__modal-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.social-video-showcase__modal-benefits li{flex-direction:column;gap:.6rem;min-height:8.2rem;padding:.9rem .6rem;font-size:1.1rem;text-align:center}.social-video-showcase__modal-product{grid-template-columns:6.4rem minmax(0,1fr);gap:1rem;margin:0 1.4rem 1.4rem}.social-video-showcase__modal-product-image{width:6.4rem;height:6.4rem}.social-video-showcase__modal-product-button{grid-column:2;justify-self:start;min-height:3.6rem;margin-top:-.2rem}.social-video-showcase__modal-footer{padding:1.2rem 1.4rem}.social-video-showcase__modal-close{top:.8rem;right:.8rem}}@media(prefers-reduced-motion:reduce){.social-video-showcase__poster,.social-video-showcase__action-icon,.social-video-showcase__slider-button,.social-video-showcase__modal[open]{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-social-video-showcase.css.map */