.famli-carousel{display:block;width:100%;min-width:0;background:#f4eeeb;border-radius:inherit;overflow:hidden}.famli-carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#4A352B #e1d5ce}.famli-carousel__slide{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always}body:has(.sm-nap-scope) .famli-carousel .sm-story-video{display:block;width:100%;height:min(62vw,600px);min-height:320px;aspect-ratio:9/16;object-fit:contain;background:#eee7e3}.famli-carousel__controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 18px 0;color:#4a352b}.famli-carousel__controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;border:1px solid #bfa99d;border-radius:50%;background:#fff;color:#4a352b;font:400 22px/1 sans-serif;cursor:pointer}.famli-carousel__controls button:disabled{opacity:.35;cursor:default}.famli-carousel__status{font-size:13px;font-variant-numeric:tabular-nums}.famli-carousel .famli-carousel__hint{font-size:12px!important;line-height:1.5;text-align:center;margin:8px 10px 14px!important;color:#4a352b}.famli-carousel button:focus-visible,.famli-carousel__track:focus-visible{outline:3px solid #4A352B;outline-offset:-3px}@media(max-width:767px){body:has(.sm-nap-scope) .famli-carousel .sm-story-video{height:min(128vw,580px);min-height:0}.famli-carousel__controls{padding-top:8px}}.famli-carousel__viewport{position:relative;isolation:isolate;overflow:hidden;border-radius:inherit}.famli-carousel__viewport .famli-carousel__track{position:relative;z-index:0}.famli-carousel__swipe-cue{position:absolute;z-index:4;top:14px;right:14px;left:14px;display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:calc(100% - 28px);margin-left:auto;padding:10px 13px;border-radius:999px;background:#42352ff5;color:#fff;box-shadow:0 4px 18px #1c141038;font-size:12px;line-height:1.25;font-weight:700;pointer-events:none}.famli-carousel__swipe-count{padding-right:7px;border-right:1px solid rgba(255,255,255,.5);white-space:nowrap}.famli-carousel__swipe-text{white-space:nowrap}.famli-carousel__swipe-symbol{font-size:20px;line-height:12px;font-weight:700;flex-shrink:0}.famli-carousel__overlay-actions{position:absolute;z-index:4;top:50%;left:0;right:0;pointer-events:none;transform:translateY(-50%)}.famli-carousel .famli-carousel__overlay-arrow{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:52px;min-height:52px;padding:0;border:1px solid rgba(66,53,47,.18);border-radius:50%;background:#efe7ddf5;color:#4a352b;box-shadow:0 3px 13px #00000038;font-size:31px;font-weight:500;line-height:1;cursor:pointer;pointer-events:auto;transform:translateY(-50%);transition:background .18s ease,box-shadow .18s ease,opacity .18s ease}.famli-carousel .famli-carousel__overlay-arrow--previous{left:10px}.famli-carousel .famli-carousel__overlay-arrow--next{right:10px}.famli-carousel .famli-carousel__overlay-arrow:disabled{visibility:hidden;opacity:0;pointer-events:none}.famli-carousel .famli-carousel__overlay-arrow:not(:disabled):hover{background:#fff;box-shadow:0 4px 18px #0000004a}.famli-carousel__dots{position:absolute;z-index:4;top:auto;bottom:58px;left:0;right:0;display:flex;gap:3px;align-items:center;justify-content:center;pointer-events:none}.famli-carousel .famli-carousel__dot{display:grid;place-items:center;width:22px;min-width:22px;height:28px;min-height:28px;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto}.famli-carousel__dot>span{display:block;width:7px;height:7px;border-radius:999px;background:#ffffffb3;box-shadow:0 1px 4px #0000008c;transition:width .18s ease,background-color .18s ease}.famli-carousel__dot.is-active>span{width:19px;background:#fff}.famli-carousel__status{font-weight:700}@media(max-width:767px){.famli-carousel__swipe-cue{top:10px;left:8px;right:8px;max-width:calc(100% - 16px);gap:5px;padding:9px 10px;font-size:11px}.famli-carousel__swipe-count{padding-right:6px}.famli-carousel__dots{top:auto;bottom:54px}.famli-carousel .famli-carousel__overlay-arrow{width:46px;min-width:46px;height:46px;min-height:46px;font-size:28px}.famli-carousel .famli-carousel__overlay-arrow--previous{left:6px}.famli-carousel .famli-carousel__overlay-arrow--next{right:6px}}@media(prefers-reduced-motion:reduce){.famli-carousel .famli-carousel__overlay-arrow,.famli-carousel__dot>span{transition:none}}.famli-carousel{background:transparent;overflow:visible}.famli-carousel__iphone{position:relative;isolation:isolate;width:min(100%,395px);min-width:0;box-sizing:border-box;padding:5px 5px 17px;margin-inline:auto;border:7px solid #383332;border-radius:45px;background:#171717;box-shadow:0 0 0 1px #4a352b,0 8px 25px #2f20172b}.famli-carousel__iphone-screen,.famli-carousel__iphone>.famli-carousel__viewport{width:100%;min-width:0;border-radius:32px;overflow:hidden;background:#161616}.famli-carousel__iphone-screen{position:relative;aspect-ratio:9 / 16}.famli-carousel__iphone-screen .sm-nap-video,.famli-carousel__iphone-screen .sm-story-video{display:block;width:100%!important;height:100%!important;aspect-ratio:9 / 16!important;max-height:none!important;object-fit:contain!important}.famli-carousel__iphone>.famli-carousel__viewport .famli-carousel__track{scrollbar-width:none}.famli-carousel__iphone>.famli-carousel__viewport .famli-carousel__track::-webkit-scrollbar{display:none}.famli-carousel__iphone>.famli-carousel__viewport .famli-carousel__slide,.famli-carousel__iphone>.famli-carousel__viewport .sm-nap-video{aspect-ratio:9 / 16}.famli-carousel__iphone>.famli-carousel__viewport .sm-story-video{width:100%!important;height:100%!important;aspect-ratio:9 / 16!important;max-height:none!important;object-fit:contain!important}.famli-carousel__dynamic-island{position:absolute;left:50%;top:13px;z-index:7;width:92px;height:24px;border-radius:18px;background:#090909;transform:translate(-50%);pointer-events:none;box-shadow:inset 0 0 0 1px #303030,0 1px 5px #0003}.famli-carousel__dynamic-island:after{content:"";position:absolute;width:7px;height:7px;right:10px;top:8px;border-radius:50%;background:#1d2329;box-shadow:inset 0 0 2px #75808d}.famli-carousel__home-indicator{position:absolute;z-index:7;bottom:6px;left:50%;width:94px;height:4px;border-radius:999px;background:#4a352b;transform:translate(-50%);pointer-events:none}.famli-carousel__iphone .famli-carousel__swipe-cue{top:45px;left:50%;right:auto;margin:0;transform:translate(-50%);max-width:calc(100% - 18px);padding:8px 11px;font-size:11px;white-space:nowrap}.famli-carousel__iphone .famli-carousel__dots{top:auto;bottom:58px}.famli-carousel__iphone .famli-carousel__overlay-actions{z-index:5}.famli-carousel__iphone .famli-carousel__overlay-arrow--previous{left:5px}.famli-carousel__iphone .famli-carousel__overlay-arrow--next{right:5px}.famli-carousel__controls{margin-top:8px;gap:16px}.famli-carousel .famli-carousel__hint{max-width:420px;margin:6px auto 14px!important}@media(max-width:767px){.famli-carousel__iphone{width:min(100%,385px);padding:4px 4px 16px;border-width:6px;border-radius:38px}.famli-carousel__iphone-screen,.famli-carousel__iphone>.famli-carousel__viewport{border-radius:28px}.famli-carousel__dynamic-island{top:10px;width:85px;height:23px}.famli-carousel__iphone .famli-carousel__swipe-cue{top:40px;padding:8px 9px;gap:5px;font-size:10px}.famli-carousel__iphone .famli-carousel__dots{top:auto;bottom:54px}.famli-carousel .famli-carousel__overlay-arrow{min-width:43px;width:43px;height:43px;min-height:43px}.famli-carousel__home-indicator{bottom:5px}}@media(max-width:350px){.famli-carousel__iphone .famli-carousel__swipe-cue{font-size:9px}.famli-carousel__iphone .famli-carousel__swipe-count{padding-right:4px}.famli-carousel__iphone .famli-carousel__dots{gap:0}.famli-carousel .famli-carousel__dot{width:20px;min-width:20px}}.famli-carousel__iphone .famli-carousel__slide--crop-9x16 .sm-nap-video{width:100%!important;height:100%!important;aspect-ratio:9 / 16!important;overflow:hidden}.famli-carousel__iphone .famli-carousel__slide--crop-9x16 .sm-story-video{display:block;width:100%!important;height:100%!important;aspect-ratio:9 / 16!important;max-height:none!important;object-fit:cover!important;object-position:50% 50%!important}
/*# sourceMappingURL=/cdn/shop/t/26/assets/famli-carousel.css.map */