.fumi-as-seen-on{--fumi-bg: #fff;--fumi-surface: oklch(.992 .004 85);--fumi-ink: oklch(.225 .008 60);--fumi-soft: oklch(.45 .01 55);--fumi-line: oklch(.905 .008 80);padding-top:44px;border-top:1px solid var(--fumi-line);background:var(--fumi-bg);color:var(--fumi-ink)}.fumi-as-seen-on__inner{max-width:var(--page-width);margin:0 auto;padding-left:40px;padding-right:40px}.fumi-as-seen-on__header{display:flex;align-items:baseline;gap:12px;margin-bottom:22px}.fumi-as-seen-on__title{font-weight:500;font-size:30px;margin:0}.fumi-as-seen-on__subtitle{font-size:15.6px;color:var(--fumi-soft)}.fumi-as-seen-on__slider{position:relative;--fumi-seen-gap: 12px;--fumi-seen-visible: 2}.fumi-as-seen-on__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--fumi-line);background:var(--fumi-surface);color:var(--fumi-ink);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:#0000001f 0 3px 12px;cursor:pointer;padding:0}.fumi-as-seen-on__nav--prev{left:12px}.fumi-as-seen-on__nav--next{right:12px}.fumi-as-seen-on__nav:disabled{opacity:0;cursor:default}.fumi-as-seen-on .fumi-seen-track{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--fumi-seen-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:2px}.fumi-as-seen-on .fumi-seen-track::-webkit-scrollbar{display:none}.fumi-as-seen-on .seen-slide{position:relative;flex:0 0 calc((100% - (var(--fumi-seen-visible) - 1) * var(--fumi-seen-gap)) / var(--fumi-seen-visible));width:calc((100% - (var(--fumi-seen-visible) - 1) * var(--fumi-seen-gap)) / var(--fumi-seen-visible));min-width:0;aspect-ratio:4 / 5;border-radius:6px;overflow:hidden;background:var(--fumi-line);scroll-snap-align:start}.fumi-as-seen-on__img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width:750px){.fumi-as-seen-on__slider{--fumi-seen-visible: 3}}@media screen and (min-width:990px){.fumi-as-seen-on__slider{--fumi-seen-visible: 4}}@media screen and (max-width:749px){.fumi-as-seen-on__inner{padding-left:20px;padding-right:20px}.fumi-as-seen-on__header{flex-direction:column;align-items:flex-start;gap:4px}.fumi-as-seen-on__title{font-size:26px}.fumi-as-seen-on__nav{width:34px;height:34px}.fumi-as-seen-on__nav--prev{left:4px}.fumi-as-seen-on__nav--next{right:4px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-fumi-as-seen-on.css.map */