.shorts{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000}.shorts__win.xp{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;padding:0;border-radius:0;box-shadow:none}.shorts__win>*{min-width:0}.shorts__win .xp__bar{border-radius:0}@media(min-width:768px)and (min-height:560px){.shorts{padding:24px;background:#3a6ea5 var(--wall-tall) center / cover no-repeat}.shorts__win.xp{width:min(480px,100%);height:min(920px,100%);padding:0 3px 3px;border-radius:8px 8px 0 0;box-shadow:4px 6px 18px #00000059}.shorts__win .xp__bar{border-radius:7px 7px 0 0}}@media(min-width:1024px)and (min-height:560px){.shorts{background-image:var(--wall)}}.shorts__title{display:inline-flex;align-items:center;gap:6px;min-width:0}.shorts__title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shorts__icon{width:16px;height:16px;flex:0 0 auto}.shorts__btns{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}.shorts__btns i{position:relative;display:block;width:21px;height:21px;border:1px solid #FFFFFF;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff4d}.shorts__x{display:grid;place-items:center;height:30px;margin-right:-5px;padding:0 7px 0 2px}.shorts__x:hover i{filter:brightness(1.15)}.shorts__x:active i{filter:brightness(.85)}.shorts__x:focus-visible{outline:2px solid #FFFFFF;outline-offset:-4px}.shorts__feed{position:relative;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;background:#000;outline:0}.shorts__feed::-webkit-scrollbar{display:none}html.js .shorts__feed:not(.is-ready){visibility:hidden}.shorts__noscript{padding:var(--s4);color:#fff}.shorts__noscript a{color:#fff}.short{display:flex;flex-direction:column;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.short__stage{position:relative;flex:1 1 auto;min-height:0;display:grid;place-items:center;overflow:hidden;container-type:size;cursor:pointer;-webkit-tap-highlight-color:transparent}.short__clip{position:relative;width:100%;width:min(100cqw,100cqh);aspect-ratio:1 / 1;overflow:hidden;background:#fff}.short__shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.short__shot2{opacity:0}.short.is-on .short__shot1{animation:shorts-push var(--dur, 5s) linear both}.short.is-on .short__shot2{animation:shorts-in var(--dur, 5s) ease-out both}.short--one .short__shot1{transform:scale(.94)}.short--one.is-on .short__shot1{animation-name:shorts-push-one}.short.is-leaving .short__shot,.shorts.is-paused .short.is-on .short__shot,.shorts.is-paused .shorts__fill{animation-play-state:paused}@keyframes shorts-push{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes shorts-push-one{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes shorts-in{0%,40%{opacity:0;transform:scale(1)}50%{opacity:1}to{opacity:1;transform:scale(1.08)}}@keyframes shorts-seek{to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.short.is-on .short__shot1{animation:none}.short.is-on .short__shot2{animation-name:shorts-cut}@keyframes shorts-cut{0%,44.9%{opacity:0}45%,to{opacity:1}}}.shorts.is-paused .short.is-on .short__stage:before{content:"";position:absolute;left:50%;top:50%;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:#00000080;box-shadow:0 0 0 2px #ffffffd9;pointer-events:none}.shorts.is-paused .short.is-on .short__stage:after{content:"";position:absolute;left:50%;top:50%;z-index:3;margin:-16px 0 0 -9px;border-style:solid;border-width:16px 0 16px 27px;border-color:transparent transparent transparent #FFFFFF;pointer-events:none}.short__strip{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:10px 12px;border-top:1px solid #000000;background:var(--paper)}.short__name{font-size:17px;line-height:1.2}.short__name a{color:var(--ink);text-decoration:none}.short__name a:hover{text-decoration:underline}.short__price{margin-top:2px;color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-sm)}.short__strip .card__swatches{margin-top:4px}.short__actions{display:flex;gap:var(--s2)}.short__actions .btn{width:auto;padding:var(--s2) var(--s4)}html:not(.js) .short__share{display:none}.short--end{display:grid;place-items:center;padding:var(--s4)}.shorts__done{width:min(340px,100%)}.shorts__done .xp__bar{border-radius:7px 7px 0 0}.shorts__transport{border-top:1px solid #5C7BC0;background:linear-gradient(180deg,#3b5285,#22335c 40%,#111c38);color:#cfe0ff;font-family:Tahoma,Verdana,sans-serif;font-size:11px}html:not(.js) .shorts__transport{display:none}.shorts__seek{position:relative;height:5px;overflow:hidden;background:#08101f;box-shadow:inset 0 1px 1px #0009}.shorts__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#2f7be8,#7cc6ff);transform:translate(-100%)}.shorts__fill.is-run{animation:shorts-seek var(--dur, 5s) linear forwards}.shorts__controls{display:flex;align-items:center;gap:8px;height:60px;padding:0 12px}.shorts__btn{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid #0B1633;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6f8fd0,#2b4a8c 60%,#16295a);box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000080}.shorts__btn svg{width:16px;height:16px}.shorts__btn:hover{filter:brightness(1.15)}.shorts__btn:active{filter:brightness(.85)}.shorts__btn:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}.shorts__orb{width:48px;height:48px;background:radial-gradient(circle at 35% 30%,#9cc8ff,#2a6be0 55%,#123f9e)}.shorts__orb svg{width:20px;height:20px}.shorts__play{display:none}.shorts.is-paused .shorts__play{display:block}.shorts.is-paused .shorts__pause{display:none}.shorts__status{flex:1 1 auto;min-width:0;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shorts__pos{flex:0 0 auto;font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shorts.css.map */