.stage{position:relative;display:grid;place-items:center;min-height:min(82vw,510px);perspective:1100px;--cube:min(44vw,230px);--lift:calc(var(--cube) * -.113);--caustics:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cdefs%3E%3Cfilter id='k' x='-35%25' y='-35%25' width='170%25' height='170%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0055 0.009' numOctaves='4' seed='3' result='t'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='t' scale='190' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeGaussianBlur stdDeviation='2.2'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23k)' stroke='%23fff' fill='none'%3E%3Cpath d='M-120 -40 H820' stroke-width='7'/%3E%3Cpath d='M-120 0 H820' stroke-width='7'/%3E%3Cpath d='M-120 40 H820' stroke-width='7'/%3E%3Cpath d='M-120 80 H820' stroke-width='7'/%3E%3Cpath d='M-120 120 H820' stroke-width='7'/%3E%3Cpath d='M-120 160 H820' stroke-width='7'/%3E%3Cpath d='M-120 200 H820' stroke-width='7'/%3E%3Cpath d='M-120 240 H820' stroke-width='7'/%3E%3Cpath d='M-120 280 H820' stroke-width='7'/%3E%3Cpath d='M-120 320 H820' stroke-width='7'/%3E%3Cpath d='M-120 360 H820' stroke-width='7'/%3E%3Cpath d='M-120 400 H820' stroke-width='7'/%3E%3Cpath d='M-120 440 H820' stroke-width='7'/%3E%3Cpath d='M-120 480 H820' stroke-width='7'/%3E%3Cpath d='M-120 520 H820' stroke-width='7'/%3E%3Cpath d='M-120 560 H820' stroke-width='7'/%3E%3Cpath d='M-120 600 H820' stroke-width='7'/%3E%3Cpath d='M-120 640 H820' stroke-width='7'/%3E%3Cpath d='M-120 680 H820' stroke-width='7'/%3E%3Cpath d='M-120 720 H820' stroke-width='7'/%3E%3Cpath d='M-40 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3Cpath d='M40 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3Cpath d='M120 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3Cpath d='M200 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3Cpath d='M280 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3Cpath d='M360 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3Cpath d='M440 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3Cpath d='M520 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3Cpath d='M600 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3Cpath d='M680 -120 V820' stroke-width='4' stroke-opacity='.6'/%3E%3C/g%3E%3C/svg%3E")}.stage:before{content:"";position:absolute;top:-8%;right:-6%;bottom:-8%;left:-6%;pointer-events:none;background-color:rgba(var(--r),var(--g),var(--b),.85);-webkit-mask-image:var(--caustics),radial-gradient(closest-side,#000 18%,rgba(0,0,0,.55) 55%,transparent 88%);mask-image:var(--caustics),radial-gradient(closest-side,#000 18%,rgba(0,0,0,.55) 55%,transparent 88%);-webkit-mask-size:120% 120%,100% 100%;mask-size:120% 120%,100% 100%;-webkit-mask-position:0% 0%,center;mask-position:0% 0%,center;-webkit-mask-composite:source-in;mask-composite:intersect;filter:blur(2.2px);opacity:.5;animation:drift 70s linear infinite alternate}@keyframes drift{to{-webkit-mask-position:100% 70%,center;mask-position:100% 70%,center}}.halo{position:absolute;width:calc(var(--cube) * 2.05);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--r),var(--g),var(--b),.42),transparent 62%);filter:blur(54px);animation:breathe 7s ease-in-out infinite;transition:background .6s var(--ease)}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.1);opacity:1}}.cube{position:relative;width:var(--cube);height:var(--cube);transform-style:preserve-3d;animation:rock 16s ease-in-out infinite}@keyframes rock{0%,to{transform:translateY(var(--lift)) rotateX(-14deg) rotateY(-31deg)}50%{transform:translateY(var(--lift)) rotateX(-10deg) rotateY(-7deg)}}.cube:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;background:radial-gradient(circle,#fff,rgba(255,255,255,.35) 55%,transparent 74%);filter:blur(14px);transform:translateZ(0)}.cube i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:4px;border:1px solid rgba(255,255,255,.5);background-color:rgba(var(--r),var(--g),var(--b),.62);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340'%3E%3Cdefs%3E%3Cfilter id='w' x='-30%25' y='-30%25' width='160%25' height='160%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.013 0.019' numOctaves='5' seed='9' result='t'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='t' scale='72' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeGaussianBlur stdDeviation='1.1'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='340' height='340' fill='%23000'/%3E%3Cg filter='url(%23w)' stroke='%23fff' stroke-width='4' fill='none'%3E%3Cpath d='M-60 -20 H400'/%3E%3Cpath d='M-60 -3 H400'/%3E%3Cpath d='M-60 14 H400'/%3E%3Cpath d='M-60 31 H400'/%3E%3Cpath d='M-60 48 H400'/%3E%3Cpath d='M-60 65 H400'/%3E%3Cpath d='M-60 82 H400'/%3E%3Cpath d='M-60 99 H400'/%3E%3Cpath d='M-60 116 H400'/%3E%3Cpath d='M-60 133 H400'/%3E%3Cpath d='M-60 150 H400'/%3E%3Cpath d='M-60 167 H400'/%3E%3Cpath d='M-60 184 H400'/%3E%3Cpath d='M-60 201 H400'/%3E%3Cpath d='M-60 218 H400'/%3E%3Cpath d='M-60 235 H400'/%3E%3Cpath d='M-60 252 H400'/%3E%3Cpath d='M-60 269 H400'/%3E%3Cpath d='M-60 286 H400'/%3E%3Cpath d='M-60 303 H400'/%3E%3Cpath d='M-60 320 H400'/%3E%3Cpath d='M-60 337 H400'/%3E%3Cpath d='M-60 354 H400'/%3E%3Cpath d='M-20 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M14 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M48 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M82 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M116 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M150 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M184 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M218 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M252 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M286 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M320 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3Cpath d='M354 -60 V400' stroke-width='2.5' stroke-opacity='.55'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(58% 42% at 34% 26%,rgba(255,255,255,.7),transparent 62%),linear-gradient(158deg,#ffffff47,#fff0 58%);background-size:cover,cover,cover;background-blend-mode:overlay,screen,normal;box-shadow:inset 0 0 48px #ffffff6b,0 0 36px rgba(var(--r),var(--g),var(--b),.5);transition:background-color .6s var(--ease),box-shadow .6s var(--ease)}.cube i:nth-child(1){transform:translateZ(calc(var(--cube) / 2))}.cube i:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--cube) / 2))}.cube i:nth-child(3){transform:rotateY(90deg) translateZ(calc(var(--cube) / 2))}.cube i:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--cube) / 2))}.cube i:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--cube) / 2));filter:brightness(1.35)}.cube i:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--cube) / 2));opacity:.5}.plinth{position:absolute;left:50%;top:calc(50% + var(--cube) * .47);transform:translate(-50%);width:calc(var(--cube) * 1.08);height:calc(var(--cube) * .2);border-radius:5px 5px 9px 9px;background:linear-gradient(180deg,#f2dcab,#dcb96d 16%,#be9542,#8e6c28);box-shadow:inset 0 2px #ffffff73,inset 0 -8px 16px #00000073,0 28px 70px -16px rgba(var(--r),var(--g),var(--b),.9),0 12px 26px #000000a6}.plinth:after{content:"";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;border:2px solid rgba(122,90,32,.9);box-shadow:inset 0 0 0 2px #ffffff38}.plinth:before{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);width:calc(var(--cube) * 1.3);height:calc(var(--cube) * .24);border-radius:50%;background:radial-gradient(ellipse at center,rgba(var(--r),var(--g),var(--b),.45),transparent 70%);filter:blur(14px)}@media(prefers-reduced-motion:reduce){.stage:before,.cube,.halo{animation:none}.cube{transform:translateY(var(--lift)) rotateX(-14deg) rotateY(-24deg)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/aura-cube.css.map */