.tig-short-list{--tig-short-tile-width: 252px;--tig-short-tile-height: 448px;--tig-short-gap: 4px;--tig-short-radius: 0;min-height:var(--tig-short-tile-height)}.tig-short-list:empty{display:block}@media screen and (min-width:750px){.tig-short-section .tig-tab-pane{container-type:inline-size}.tig-short-list{--tig-short-tile-width: calc((100cqw - 4.64 * var(--tig-short-gap)) / 5.64);--tig-short-tile-height: calc(var(--tig-short-tile-width) * 16 / 9)}}.tig-short-list__track{display:flex;column-gap:var(--tig-short-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.tig-short-list__track::-webkit-scrollbar{display:none}.tig-short-list__tile{position:relative;flex:0 0 var(--tig-short-tile-width);height:var(--tig-short-tile-height);padding:0;border:0;border-radius:var(--tig-short-radius);overflow:hidden;background:#e9e9e9;cursor:pointer;scroll-snap-align:start}.tig-short-list__poster{display:block;width:100%;height:100%;object-fit:cover}.tig-short-list__play{position:absolute;top:50%;left:50%;width:36px;height:36px;background:#e7e4e6 url(icon-ds-play.svg) calc(50% - 1.5px) 50% / 24px 24px no-repeat;transform:translate(-50%,-50%);transition:opacity .3s;pointer-events:none}.tig-short-list__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;pointer-events:none}.tig-short-list__tile.is-previewing .tig-short-list__preview{opacity:1}.tig-short-list__tile.is-previewing .tig-short-list__play{opacity:0}.tig-short-list__nav{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-right:24px}.tig-short-list__nav[hidden]{display:none}.tig-short-list__arrow{width:24px;height:24px;padding:0;border:0;background:center / 24px 24px no-repeat;cursor:pointer}.tig-short-list__arrow:disabled{opacity:.3;cursor:default}.tig-short-list__arrow--prev{background-image:url(icon-ds-caret-left.svg)}.tig-short-list__arrow--next{background-image:url(icon-ds-caret-right.svg)}.tig-short-section .tig-tabs-content-wrapper{margin-top:50px}.tig-short-section .tig-tab-pane{opacity:0;animation:tigFadeIn .5s ease-in forwards}@keyframes tigFadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:749px){.tig-short-section .jp-section-header{padding-inline:0}.tig-short-section .tig-tabs-content-wrapper{margin-top:20px;margin-left:calc(-1 * var(--tig-mobile-inset-left, 16px));margin-right:calc(-1 * var(--tig-mobile-inset-right, 16px))}.tig-short-list__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/section-tig-short.css.map */