:root{--vis-h:460px;--vis-right:20px}.thumb{position:relative;display:block;overflow:hidden;border-bottom:1px solid var(--line);background:var(--soft);aspect-ratio:16 / 10}.tlabel{position:absolute;left:12px;bottom:10px;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#fff;border:1px solid var(--line2);font-family:Geist Mono,ui-monospace,monospace;font-size:12px;color:var(--ink3);z-index:2}.vis{position:relative;height:var(--vis-h);line-height:normal}.vis--tall{--vis-h:560px}.vcard{position:absolute;left:0;right:var(--vis-right);top:24px;bottom:0;background:#fff;border:1px solid var(--line2);border-radius:22px;box-shadow:0 40px 70px -34px #1c1c1c4d;overflow:hidden}.vfloat{position:absolute;box-sizing:content-box;background:#fff;border:1px solid var(--line2);border-radius:16px;padding:14px 16px;box-shadow:0 22px 40px -20px #1c1c1c59}.vb{padding:18px 20px 118px}.vb0{padding-bottom:20px}.vis.fl{height:auto;padding-top:24px}.vis.pic{display:flex;justify-content:center;width:100%;height:auto}.fl>.vcard{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-right:var(--vis-right)}.vlabel{font-family:Geist Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}.codef{font-family:Geist Mono,ui-monospace,monospace;font-size:12px;line-height:1.7;color:var(--ink2)}@property --n{syntax:"<integer>";inherits:false;initial-value:0}@keyframes vin{0%{opacity:.62;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes vf{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes vgrow{0%{transform:scaleY(.14)}34%,88%{transform:scaleY(1)}to{transform:scaleY(.14)}}@keyframes vsx{0%{transform:scaleX(0)}36%,88%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes vpop{0%,4%{transform:scale(0);opacity:0}12%{transform:scale(1.2);opacity:1}18%,90%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes vblink{50%{opacity:0}}@keyframes vpulse-o{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(1.05,1.4);opacity:0}}@keyframes vslide{0%{left:0;opacity:0}14%{opacity:1}86%{opacity:1}to{left:calc(100% - 8px);opacity:0}}@keyframes vhl{0%,to{background-color:transparent}6%,26%{background-color:#fff6cf}34%{background-color:transparent}}@keyframes vtog{0%,30%{background:#efefea;border-color:#8a8a82}38%,86%{background:#fed430;border-color:#1c1c1c}96%,to{background:#efefea;border-color:#8a8a82}}@keyframes vknob{0%,30%{left:2px}38%,86%{left:22px}96%,to{left:2px}}@keyframes vcount{0%{--n:0}36%,90%{--n:98}to{--n:0}}@keyframes vring{0%{stroke-dashoffset:var(--c)}36%,88%{stroke-dashoffset:var(--o)}to{stroke-dashoffset:var(--c)}}@keyframes vspin{to{transform:rotate(360deg)}}@keyframes vtype{0%{width:0}34%,86%{width:var(--tw)}to{width:0}}@keyframes vcur{0%{left:8%;top:78%}22%{left:46%;top:34%}34%{left:46%;top:34%;transform:scale(.86)}40%{transform:scale(1)}62%{left:70%;top:64%}84%{left:14%;top:52%}to{left:8%;top:78%}}@keyframes vdraw{0%{stroke-dashoffset:var(--l)}40%,88%{stroke-dashoffset:0}to{stroke-dashoffset:var(--l)}}.m-count:after{--n:98;counter-reset:n var(--n);content:counter(n)}.m-caret{display:inline-block;width:7px;height:1.1em;background:var(--ink);vertical-align:-2px;margin-left:2px}.m-dot{position:absolute;top:-3px;left:calc(100% - 8px);width:8px;height:8px;border-radius:50%;background:var(--yellow);border:1px solid #E8BE00;box-sizing:border-box}.m-tog{background:var(--yellow);border-color:var(--ink)}.m-knob{position:absolute;top:2px;left:20px;width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid var(--ink);box-sizing:border-box}.m-hl.on{background:var(--yellow-tint)}.m-cur{position:absolute;z-index:3;left:46%;top:34%}.m-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom}@keyframes vmove{0%,16%{transform:translate(0)}44%,76%{transform:translate(var(--mx,100%))}to{transform:translate(0)}}@keyframes vtile-o{0%,34%,to{opacity:0}8%,26%{opacity:1}}@keyframes vdots{0%,60%,to{opacity:.25}30%{opacity:1}}@keyframes vtick{0%,12%{background:var(--soft2)}20%,86%{background:var(--yellow)}to{background:var(--soft2)}}@media(prefers-reduced-motion:no-preference){.vis>.vcard,.vis>.vfloat{animation:vin .8s cubic-bezier(.2,.7,.2,1) both}.vis>.vfloat{animation:vin .8s cubic-bezier(.2,.7,.2,1) both,vf 6.5s ease-in-out infinite;animation-delay:var(--ad,.3s),var(--fd,0s)}.vis>.vfloat:nth-of-type(2){--ad:.45s;--fd:-2s}.vis>.vfloat:nth-of-type(3){--ad:.6s;--fd:-4s}.vis>.vfloat:nth-of-type(4){--ad:.75s;--fd:-1s}.m-grow{transform-origin:50% 100%;animation:vgrow 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*.14s)}.m-sx{transform-origin:0 50%;animation:vsx 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*.3s)}.m-pop{animation:vpop 7s ease-out infinite;animation-delay:calc(var(--i,0)*.32s)}.m-caret{animation:vblink 1s steps(1) infinite}.m-pulse{position:relative;isolation:isolate}.m-pulse:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:#fed430b3;animation:vpulse-o 2.4s ease-out infinite}.m-hl{animation:vhl 8s ease-in-out infinite;animation-delay:calc(var(--i,0)*2s)}.m-dot{animation:vslide 2.8s linear infinite;animation-delay:calc(var(--i,0)*.5s)}.m-tog{animation:vtog 7s ease-in-out infinite}.m-knob{animation:vknob 7s ease-in-out infinite}.m-count:after{animation:vcount 7s ease-out infinite}.m-ring{animation:vring 7s ease-in-out infinite}.m-spin{animation:vspin 1.1s linear infinite}.m-type{animation:vtype 7s steps(14) infinite}.m-cur{animation:vcur 8s ease-in-out infinite}.m-draw{animation:vdraw 7s ease-in-out infinite}.m-move{animation:vmove 8s ease-in-out infinite}.m-tile{position:relative;isolation:isolate;background:#efefea!important}.m-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:#fff6cf;opacity:0;animation:vtile-o 6s ease-in-out infinite both;animation-delay:calc(var(--i,0)*2s)}.m-dots i{animation:vdots 1.2s infinite;animation-delay:calc(var(--i,0)*.2s)}.m-tick{animation:vtick 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*.5s)}.thumb [class^=m-],.thumb [class*=" m-"],.thumb .m-dots i,.thumb .tchip,.thumb .m-pulse:before,.thumb .m-tile:before{animation-play-state:paused}.thumb .m-grow,.thumb .m-sx,.thumb .m-pop,.thumb .m-draw,.thumb .m-tick{animation-delay:-3s}.thumb .tchip{animation:vf 4s ease-in-out infinite;animation-play-state:paused}a.card:hover .thumb [class^=m-],a.card:hover .thumb [class*=" m-"],a.card:hover .thumb .m-dots i,a.card:hover .thumb .tchip,article.card:hover .thumb .m-dots i,article.card:hover .thumb [class^=m-],article.card:hover .thumb [class*=" m-"],article.card:hover .thumb .tchip,a.card:hover .thumb .m-pulse:before,a.card:hover .thumb .m-tile:before,article.card:hover .thumb .m-pulse:before,article.card:hover .thumb .m-tile:before{animation-play-state:running}a.card:hover .thumb .tm{transform:scale(1.025)}}.tm{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hide-m{display:block}@media(max-width:1099px){:root{--vis-h:440px;--vis-right:16px}.vis--tall{--vis-h:440px}}@media(max-width:639px){:root{--vis-h:330px;--vis-right:10px}.vis--tall{--vis-h:330px}.hide-m{display:none!important}.vis>.vfloat{max-width:52%}.vb,.vb0{padding:18px 20px 20px}}.vis[data-paused] *,.thumb[data-paused] *,.vis[data-paused] *:before,.vis[data-paused] *:after,.thumb[data-paused] *:before,.thumb[data-paused] *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.vis *,.thumb *,.vis *:before,.vis *:after,.thumb *:before,.thumb *:after{animation:none!important}.m-count:after{--n:98}}.no-mockup-motion .vis *,.no-mockup-motion .thumb *,.no-mockup-motion .vis,.no-mockup-motion .thumb,.no-mockup-motion .vis *:before,.no-mockup-motion .vis *:after,.no-mockup-motion .thumb *:before,.no-mockup-motion .thumb *:after{animation:none!important}
/*# sourceMappingURL=/cdn/shop/t/18/assets/mockups.css.map */