@property --ratio-x{syntax:"<number>";inherits:true;initial-value:0}@property --correction{syntax:"<percentage>";inherits:true;initial-value:0}@property --ratio-y{syntax:"<number>";inherits:true;initial-value:0}[data-v-aba956b6]:root{--labs-sys-color-surface:#2b4789;--labs-sys-color-on-surface:#fff;--labs-sys-color-background:#000;--labs-sys-radius-surface:2rem;--c1:#1f259d}.logo[data-v-aba956b6]{bottom:0;color:#020202;font-size:1.7cqw;font-weight:700;left:0;position:absolute;right:0;top:0}.logo[data-v-aba956b6]:before{color:#2d4b6b;place-items:center;z-index:-1}.logo[data-v-aba956b6]:after,.logo[data-v-aba956b6]:before{bottom:0;content:"КОННЕКТИМ";display:grid;left:0;position:absolute;right:0;top:0}.logo[data-v-aba956b6]:after{color:#fff;place-items:center;transform:perspective(100px) translateZ(calc(.01rem + .5rem*var(--ratio-x))) translate(calc(var(--ratio-x)*-1rem),calc(var(--ratio-y)*-1rem)) rotateY(calc(-5deg*var(--ratio-x))) rotateX(calc(2deg*var(--ratio-y)));transform-style:preserve-3d;transition:all .2s linear}.holo-bg[data-v-aba956b6]{--size:0;background:radial-gradient(ellipse at calc(90% - var(--ratio-x)*20%) calc(0% - var(--ratio-y)*20%),hsla(0,0%,100%,.7),var(--c1) 1%,rgba(173,0,0,.76) 20%,transparent),linear-gradient(110deg,#004d86 calc(10% - var(--ratio-x)*20%),#51d6fd calc(20% - var(--ratio-x)*20%),#004d84 calc(30% - var(--ratio-x)*20%),rgba(145,3,3,.76) calc(60% - var(--ratio-x)*20%),transparent calc(100% - var(--ratio-x)*20%),transparent);mix-blend-mode:hard-light;opacity:.3;transition:all .2s linear,opacity .8s ease}.holo-bg[data-v-aba956b6],.holo-lines[data-v-aba956b6]{border-radius:inherit;bottom:var(--size);left:var(--size);position:absolute;right:var(--size);top:var(--size)}.holo-lines[data-v-aba956b6]{content:"";-webkit-mask-image:url(../img/bg-mini-cardpng.png);mask-image:url(../img/bg-mini-cardpng.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;--size:.001rem;background:linear-gradient(110deg,#24a2ff calc(10% - var(--ratio-x)*20% - var(--correction)),#06f calc(20% - var(--ratio-x)*20% - var(--correction)),#0042da calc(30% - var(--ratio-x)*20% - var(--correction)),hsla(192,83%,calc(77% - 20%*var(--ratio-x)),1) calc(40% - var(--ratio-x)*20% - var(--correction)),transparent calc(60% - var(--ratio-x)*20% - var(--correction)),red calc(70% - var(--ratio-x)*20% - var(--correction)),#000 calc(80% - var(--ratio-x)*20% - var(--correction)));pointer-events:none;transition:all .2s linear}.circles[data-v-aba956b6]{border-radius:inherit;position:absolute;--size:0;bottom:var(--size);left:var(--size);overflow:hidden;right:var(--size);top:var(--size)}.circles[data-v-aba956b6]:before{background:radial-gradient(ellipse at 50% 50%,rgba(0,140,255,.4) .25rem,transparent 0,transparent) repeat;background-position:0 0;background-size:1rem 1rem;transform:translate(-50%,-50%) rotate(45deg)}.circles[data-v-aba956b6]:after,.circles[data-v-aba956b6]:before{aspect-ratio:1/1;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.circles[data-v-aba956b6]:after{background:radial-gradient(ellipse at 50% 50%,rgba(0,111,255,.4) .25rem,transparent 0,transparent) repeat;background-position:0 0;background-size:1rem 1rem;transform:translate(50%,100%) rotate(45deg)}.circles[data-v-aba956b6]{opacity:.1;transition:all .8s ease}.card[data-v-aba956b6]{box-sizing:border-box;containter-type:inline-size;aspect-ratio:3.126/4;border-radius:2cqw;color:var(--labs-sys-color-on-surface);overflow:hidden;position:relative;width:25vmin;--ratio-x:1;--ratio-y:1;transform-style:preserve-3d;transition:transform .2s linear;--correction:100%}.card[data-v-aba956b6],.card[data-v-aba956b6]:hover{transform:rotateY(calc(-20deg*var(--ratio-x))) rotateX(calc(20deg*var(--ratio-y)))}.card[data-v-aba956b6]:hover{--correction:0%}.card:hover .holo-bg[data-v-aba956b6]{opacity:.8}.card:hover .circles[data-v-aba956b6]{opacity:1}.card.rotate[data-v-aba956b6]{animation:rotate-aba956b6 10s ease-in-out infinite;--correction:30%}.card.rotate .holo-bg[data-v-aba956b6]{opacity:.8}.card.rotate .circles[data-v-aba956b6]{opacity:1}@keyframes rotate-aba956b6{0%{--ratio-x:1.2;--ratio-y:1.2}30%{--ratio-x:-1.5;--ratio-y:.2}50%{--ratio-x:.5;--ratio-y:.2}70%{--ratio-x:-1.5;--ratio-y:-1.2}to{--ratio-x:1.2;--ratio-y:1.2}}