.tfs{--tfs-side: max(24px, 12.5vw);display:block;box-sizing:border-box;width:calc(100vw - var(--scrollbar-width, 0px));margin-inline:calc((100% - (100vw - var(--scrollbar-width, 0px))) / 2);padding:var(--tfs-space-top, 88px) 0 var(--tfs-space-bottom, 104px);overflow:hidden;background:#f5f5f7;color:#1d1d1f}.tfs__viewport{width:100%;overflow:visible}.tfs__track{display:flex;gap:22px;width:100%;box-sizing:border-box;padding-inline:var(--tfs-side);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--tfs-side);scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain}.tfs__track::-webkit-scrollbar{display:none}.tfs__slide{flex:0 0 min(75vw,1420px);display:flex;flex-direction:column;height:clamp(610px,50vw,790px);box-sizing:border-box;overflow:hidden;border-radius:34px;background:var(--tfs-card, #fff);scroll-snap-align:start;scroll-snap-stop:always}.tfs__copy{flex:none;padding:clamp(34px,3vw,58px) 34px 22px;text-align:center}.tfs__copy p{margin:0 0 12px;color:#6e6e73;font-size:15px;font-weight:600;letter-spacing:.02em}.tfs__copy h2{max-width:880px;margin:0 auto;color:#1d1d1f;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(28px,2.4vw,46px);font-weight:600;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.tfs__image-wrap{flex:1;min-height:0;padding:0 30px 28px;overflow:hidden}.tfs__image{display:block;width:100%;height:100%;border-radius:20px;object-position:center}.tfs__image-wrap--contain .tfs__image{object-fit:contain}.tfs__image-wrap--cover .tfs__image{object-fit:cover}.tfs__controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px}.tfs__dots{display:flex;align-items:center;gap:4px;min-height:60px;padding:0 18px;border-radius:999px;background:#e8e8ed}.tfs__dot{width:24px;height:42px;padding:0;border:0;background:transparent;cursor:pointer}.tfs__dot span{display:block;position:relative;width:8px;height:8px;margin:auto;overflow:hidden;border-radius:999px;background:#86868b;transition:width .3s ease,background .3s ease}.tfs__dot i{display:none}.tfs__dot.is-active{width:64px}.tfs__dot.is-active span{width:54px;background:#b9b9be}.tfs__dot.is-active i{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#1d1d1f;transform:scaleX(0);transform-origin:left center}.tfs__toggle{display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;font-size:18px;cursor:pointer}.tfs :is(a,button,[tabindex]):focus-visible{outline:3px solid #0675e8;outline-offset:3px}@media(max-width:767px){.tfs{--tfs-side: 18px;padding-top:52px;padding-bottom:64px}.tfs__track{gap:14px}.tfs__slide{flex-basis:calc(100vw - 48px);height:clamp(520px,148vw,660px);border-radius:26px}.tfs__copy{padding:32px 20px 18px}.tfs__copy h2{font-size:clamp(27px,8vw,38px)}.tfs__image-wrap{padding:0 16px 18px}.tfs__image{border-radius:16px}.tfs__controls{margin-top:20px}.tfs__dots{min-height:50px;padding-inline:12px}.tfs__dot.is-active{width:44px}.tfs__dot.is-active span{width:36px}.tfs__toggle{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){.tfs__track{scroll-behavior:auto}.tfs__dot span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/tiburn-feature-showcase.css.map */