.fb4-marquee{padding:48px 0 56px;background:var(--fb4-bone);font-family:var(--fb4-font)}@media(max-width:720px){.fb4-marquee{padding:32px 0 40px}}.fb4-marquee__head{text-align:center;margin-bottom:28px;padding:0 16px}.fb4-marquee__head h2{margin:0 0 8px;font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:.06em;text-transform:uppercase;color:var(--fb4-ink)}.fb4-marquee__head p{margin:0;font-size:14px;color:var(--fb4-muted);line-height:1.5}.fb4-marquee__head p a{color:var(--fb4-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.fb4-marquee__head p a:hover{color:var(--fb4-flare)}.fb4-marquee__wrap{position:relative}.fb4-marquee__track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 40px;cursor:grab;-webkit-user-select:none;user-select:none}.fb4-marquee__track.is-dragging{cursor:grabbing}.fb4-marquee__track.is-dragging a{pointer-events:none}@media(max-width:720px){.fb4-marquee__track{padding:4px 16px;gap:10px}}.fb4-marquee__track::-webkit-scrollbar{display:none}.fb4-marquee__card{position:relative;flex:0 0 calc(20% - 13px);background:#fff;overflow:hidden;border-radius:14px;box-shadow:0 1px 2px #0a0a0a0f,0 6px 18px #0a0a0a0f;transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s ease}.fb4-marquee__card:hover{transform:translateY(-3px);box-shadow:0 2px 6px #0a0a0a14,0 14px 28px #0a0a0a24}.fb4-marquee__card>a{display:block;position:relative;text-decoration:none;color:inherit}.fb4-marquee__card>a:after{content:"Shop this kit";position:absolute;left:12px;right:12px;bottom:12px;padding:9px 14px;background:#0a0a0adb;color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:center;border-radius:999px;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fb4-marquee__card:hover>a:after{opacity:1;transform:translateY(0)}.fb4-marquee__card>a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#00000047);opacity:0;transition:opacity .22s ease;pointer-events:none}.fb4-marquee__card:hover>a:before{opacity:1}.fb4-marquee__card img,.fb4-marquee__card svg{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/5}@media(max-width:1180px){.fb4-marquee__card{flex:0 0 calc(25% - 12px)}}@media(max-width:980px){.fb4-marquee__card{flex:0 0 calc(33.333% - 11px)}}@media(max-width:720px){.fb4-marquee__card{flex:0 0 calc(50% - 6px);border-radius:12px}}@media(max-width:480px){.fb4-marquee__card{flex:0 0 calc(72% - 4px)}}.fb4-marquee--dark{background:var(--fb4-ink,#0a0a0a);color:#fff}.fb4-marquee--dark .fb4-marquee__head h2{color:#fff}.fb4-marquee--dark .fb4-marquee__head p{color:#ffffffb8}.fb4-marquee--dark .fb4-marquee__head p a{color:#fff}.fb4-marquee--dark .fb4-marquee__head p a:hover{color:var(--fb4-flare)}.fb4-marquee--dark .fb4-marquee__card{background:#141414;box-shadow:0 1px 2px #0006,0 6px 18px #00000059}.fb4-marquee--dark .fb4-marquee__card:hover{box-shadow:0 2px 8px #00000080,0 14px 28px #0006}.fb4-marquee--dark .fb4-marquee__dot{background-color:#ffffff59!important}.fb4-marquee--dark .fb4-marquee__dot:hover{background-color:#ffffffb3!important}.fb4-marquee--dark .fb4-marquee__dot.is-active{background-color:#fff!important}.fb4-marquee--dark .fb4-marquee__arrow{background:#141414;color:#fff;border-color:#ffffff1f}.fb4-marquee--dark .fb4-marquee__arrow:hover{background:var(--fb4-flare);color:#fff;border-color:var(--fb4-flare)}.fb4-marquee--dark .fb4-marquee__hint{background:#ffffff47}.fb4-marquee--compact{padding:32px 0 36px}.fb4-marquee--compact .fb4-marquee__head{margin-bottom:20px}.fb4-marquee--compact .fb4-marquee__card{flex:0 0 calc(14.28% - 14px);border-radius:10px}@media(max-width:1180px){.fb4-marquee--compact .fb4-marquee__card{flex:0 0 calc(20% - 13px)}}@media(max-width:980px){.fb4-marquee--compact .fb4-marquee__card{flex:0 0 calc(25% - 12px)}}@media(max-width:720px){.fb4-marquee--compact .fb4-marquee__card{flex:0 0 calc(40% - 6px);border-radius:8px}}@media(max-width:480px){.fb4-marquee--compact .fb4-marquee__card{flex:0 0 calc(60% - 5px)}}.fb4-marquee--compact .fb4-marquee__card img{aspect-ratio:9/16}.fb4-marquee__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background:#fff;color:var(--fb4-ink);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--fb4-rule);box-shadow:0 2px 10px #0000001a;z-index:3;cursor:pointer;transition:background .18s ease,opacity .18s ease}.fb4-marquee__arrow:hover{background:var(--fb4-flare);color:var(--fb4-ink);border-color:var(--fb4-flare)}.fb4-marquee__arrow--prev{left:14px}.fb4-marquee__arrow--next{right:14px}@media(max-width:720px){.fb4-marquee__arrow{display:none}}.fb4-marquee__hint{position:absolute;top:50%;right:22px;transform:translateY(-50%);width:26px;height:26px;border-radius:999px;background:#0a0a0a8c;color:#fff;display:inline-flex;align-items:center;justify-content:center;z-index:4;pointer-events:none;opacity:.9;animation:fb4-hint-nudge 1.6s cubic-bezier(.4,0,.2,1) infinite;transition:opacity .35s ease}.fb4-marquee__hint svg{width:14px;height:14px}.fb4-marquee__hint.is-hidden{opacity:0}@keyframes fb4-hint-nudge{0%{transform:translateY(-50%) translate(0)}45%{transform:translateY(-50%) translate(6px)}55%{transform:translateY(-50%) translate(6px)}to{transform:translateY(-50%) translate(0)}}@media(max-width:720px){.fb4-marquee__hint{right:14px;width:22px;height:22px}.fb4-marquee__hint svg{width:12px;height:12px}}.fb4-marquee__dots{display:flex;justify-content:center;gap:8px;margin:22px auto 0;flex-wrap:wrap;padding:0 24px;max-width:720px}.fb4-marquee__dot{width:9px;height:9px;border-radius:999px;background-color:#0a0a0a80!important;border:none!important;outline:none;cursor:pointer;padding:0;transition:background-color .18s ease,transform .18s ease,width .18s ease}.fb4-marquee__dot:hover{background-color:#0a0a0abf!important}.fb4-marquee__dot.is-active{background-color:var(--fb4-ink)!important;width:24px;border-radius:8px;box-shadow:0 1px 3px #0a0a0a47}.fb4-marquee__empty{text-align:center;padding:40px 24px;color:var(--fb4-muted);font-size:13px;border:1px dashed var(--fb4-rule);margin:0 32px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/futboutique-04-marquee.css.map */