.km{background:var(--km-bg);color:var(--km-fg);padding:var(--km-pad-top) 0 var(--km-pad-bottom)}.km__wrap{max-width:calc(var(--km-max) + 120px);margin:0 auto;padding:0 60px;display:flex;align-items:center;gap:40px}.km__head{flex:0 0 319px;max-width:319px}.km__title{margin:0 0 10px;font-family:"Inter",var(--font-heading-family),sans-serif;font-weight:500;font-size:30px;line-height:38px;letter-spacing:-1px;color:inherit}.km__lead{font-weight:300;font-size:16px;line-height:27px}.km__lead>*{margin:0}.km__nav{display:flex;gap:12px;margin-top:28px}.km__nav[hidden]{display:none}.km__arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.km__arrow:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff80}.km__arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.km__arrow:disabled{opacity:.3;cursor:default}.km__progress[hidden]{display:none}.km__scroller-wrap{flex:1 1 auto;min-width:0}.km__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.km__viewport::-webkit-scrollbar{display:none}.km__viewport--auto{overflow:hidden;scroll-snap-type:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%)}.km__track{display:flex;width:max-content;margin:0;padding:0;list-style:none}.km__card{flex:0 0 var(--km-card);max-width:var(--km-card);margin-right:20px;scroll-snap-align:start}.km__viewport:not(.km__viewport--auto) .km__card:last-child{margin-right:0}@keyframes km-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.km__track--auto{animation:km-marquee var(--km-dur, 30s) linear infinite;will-change:transform}.km__img{width:100%;height:auto;aspect-ratio:313 / 360;object-fit:cover;border-radius:20px;display:block}.km__img--empty{background:#ffffff1f}.km__caption{margin-top:16px}.km__card-title{margin:0 0 4px;font-size:16px;line-height:26px;font-weight:400}.km__card-text{margin:0;font-size:16px;line-height:24px;font-weight:300;opacity:.85}.km__progress{position:relative;height:3px;margin-top:24px;background:var(--km-track);overflow:hidden}.km__progress-bar{position:absolute;inset:0 auto 0 0;width:40%;background:currentColor;transition:transform .15s ease}@keyframes km-marquee-bar{0%{transform:translateZ(0)}to{transform:translate3d(var(--km-bar-shift, 200%),0,0)}}.km__progress-bar--auto{width:var(--km-bar-w, 33.3333%);transition:none;animation:km-marquee-bar var(--km-dur, 30s) linear infinite}@media screen and (min-width:750px){.km__viewport:not(.km__viewport--auto) .km__track{width:auto}.km__viewport:not(.km__viewport--auto) .km__card{flex:0 1 var(--km-card);min-width:calc(var(--km-card) - 20px)}}@media screen and (max-width:1279px){.km__wrap{padding:0 32px;gap:32px}.km__head{flex-basis:260px}}@media screen and (max-width:749px){.km__viewport--auto{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.km__wrap{flex-direction:column;align-items:stretch;padding:0 16px;gap:24px}.km__head{flex:1 1 auto;max-width:none}.km__nav{display:none}.km__title{font-size:24px;line-height:30px}.km__card{flex-basis:70vw;max-width:70vw}}@media(prefers-reduced-motion:reduce){.km__track--auto,.km__progress-bar--auto{animation:none}.km__viewport--auto{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.km__progress-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-kasakai-media-cards.css.map */