.short-videos{display:block;padding-block:var(--sv-padding-top) var(--sv-padding-bottom)}.short-videos__heading{margin:0 0 24px;font-size:32px;font-weight:700;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}.short-videos__rail{display:block}.short-videos__scrollbar{display:none;position:relative;width:55%;max-width:55%;height:2px;margin-block-start:16px;margin-inline:auto;background:#0000001f;border-radius:1px;overflow:hidden}.short-videos__scrollbar-thumb{position:absolute;inset-block:0;left:0;width:var(--rail-thumb, 30%);height:100%;background:#111;transform:translate(var(--rail-offset, 0px));will-change:transform,width}.short-videos__list{display:grid;grid-template-columns:repeat(var(--sv-columns, 4),minmax(0,1fr));gap:var(--sv-gap, 16px);margin:0;padding:0;list-style:none}.short-videos__card{position:relative;isolation:isolate;min-width:0;aspect-ratio:9 / 16;overflow:hidden;border-radius:8px;background:#eee}.short-videos__card .short-videos__video,.short-videos__placeholder{display:block;width:100%;height:100%;object-fit:cover}.short-videos__caption{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:48px 20px 22px;color:#fff;pointer-events:none}.short-videos__caption--text,.short-videos__card[data-playing] .short-videos__caption{background:linear-gradient(to top,rgba(0,0,0,var(--sv-shadow, .45)),transparent)}.short-videos__caption p{margin:0;font-size:20px;font-weight:600;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 1px 6px rgba(0,0,0,.3)}.short-videos .short-videos__toggle{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:#00000059;color:#fff;cursor:pointer;touch-action:manipulation;transition:opacity .18s ease,transform .18s ease,background-color .18s ease}.short-videos .short-videos__toggle:hover{background:#0009}.short-videos__card[data-playing] .short-videos__toggle{opacity:0;transform:translate(-50%,-50%) scale(.9);pointer-events:none}.short-videos__card[data-playing] .short-videos__toggle:focus-visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}@media(hover:hover){.short-videos__card[data-playing]:hover .short-videos__toggle{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}}@media(prefers-reduced-motion:reduce){.short-videos .short-videos__toggle{transition:none}}.short-videos__card[data-playing] .short-videos__video{cursor:pointer}.short-videos__toggle:focus-visible{outline:2px solid #fff;outline-offset:-5px;box-shadow:0 0 0 2px #111}.short-videos__toggle .icon{width:32px;height:32px}.short-videos .short-videos__progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:24px;margin:0;padding:0;border:0;background:linear-gradient(to right,#fff var(--progress, 0%),rgba(255,255,255,.45) var(--progress, 0%)) center / 100% 3px no-repeat;cursor:pointer;pointer-events:auto;touch-action:pan-y}.short-videos__progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#fff}.short-videos__progress::-moz-range-track{height:3px;background:transparent}.short-videos__progress::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.short-videos__progress:focus-visible{outline:2px solid #fff;outline-offset:2px}.short-videos__toggle .icon-pause,.short-videos__card[data-playing] .icon-play{display:none}.short-videos__card[data-playing] .icon-pause{display:block}.short-videos__error{position:absolute;z-index:3;inset:16px 16px auto;margin:0;padding:10px;border-radius:4px;background:#000000bf;color:#fff;font-size:14px;line-height:1.4}.short-videos [hidden]{display:none!important}@media screen and (min-width:750px)and (max-width:989px){.short-videos__list{grid-template-columns:repeat(min(var(--sv-columns, 4),3),minmax(0,1fr))}}@media screen and (max-width:749px){.short-videos{padding-block:calc(var(--sv-padding-top) * .75) calc(var(--sv-padding-bottom) * .75)}.short-videos__heading{font-size:24px;margin-bottom:20px}.short-videos__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.short-videos__list::-webkit-scrollbar{display:none}.short-videos__scrollbar{display:block}.short-videos__card{scroll-snap-align:start}.short-videos__caption p{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-short-videos.css.map */