@property --holo-a{syntax:"<angle>";inherits:false;initial-value:0deg}@property --holo-draw{syntax:"<angle>";inherits:false;initial-value:360deg}.holo{--ht:120px;--hb:22px;--rx:0deg;--ry:0deg;--mx:50%;--my:30%;position:relative;perspective:1100px;padding:11px}.holo__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--ht) + 11px) calc(var(--ht) + 11px) calc(var(--hb) + 11px) calc(var(--hb) + 11px);background:conic-gradient(from var(--holo-a),#FFF4D6,#E9C77B,#B8892F,#F3D58C,#FFFBEA,#D4A54A,#9C7124,#EBCB80,#FFF4D6);animation:holoSpin 9s linear infinite;box-shadow:0 0 26px #e9c77bbf,0 0 64px #cda54a66;transition:box-shadow .9s ease}.holo__ring:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:inherit;background:inherit;filter:blur(18px);opacity:.6;z-index:-1;transition:opacity .9s ease}.holo__ring:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:calc(var(--ht) + 7px) calc(var(--ht) + 7px) calc(var(--hb) + 7px) calc(var(--hb) + 7px);border:1.5px solid rgba(255,250,232,.95)}.holo__card{position:relative;border-radius:var(--ht) var(--ht) var(--hb) var(--hb);transform:rotateX(var(--ry)) rotateY(var(--rx));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 70px #6b4a704d}.holo.is-tilting .holo__card{transition:transform .08s linear}.holo__card>img,.holo__card .media{border-radius:var(--ht) var(--ht) var(--hb) var(--hb)}.holo__sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;overflow:hidden;mix-blend-mode:soft-light;opacity:.55;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.55),transparent 42%)}.holo__sheen:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(115deg,transparent 35%,rgba(255,236,190,.5) 44%,rgba(255,250,235,.7) 50%,rgba(240,205,130,.5) 56%,transparent 65%);animation:holoSweep 6.5s ease-in-out infinite}.holo__spk{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,1.4,.4,1)}.holo__spk i{position:absolute;display:block;width:22px;height:22px;animation:holoTwinkle 4.8s ease-in-out infinite}.holo__spk svg{width:100%;height:100%;display:block;fill:#fff6dc;filter:drop-shadow(0 0 4px #E9C77B) drop-shadow(0 0 10px #CDA24A)}.holo__spk .s1{top:-10px;left:22%;animation-delay:-.4s}.holo__spk .s2{top:8%;right:-14px;width:30px;height:30px;animation-delay:-1.8s}.holo__spk .s3{top:38%;left:-16px;width:18px;height:18px;animation-delay:-3s}.holo__spk .s4{bottom:22%;right:-10px;width:14px;height:14px;animation-delay:-2.2s}.holo__spk .s5{bottom:-12px;left:58%;width:28px;height:28px;animation-delay:-1.1s}.holo__spk .s6{top:-4px;right:26%;width:12px;height:12px;animation-delay:-3.7s}.holo__spk .s7{bottom:8%;left:-10px;width:20px;height:20px;animation-delay:-.9s}.holo__spk .s8{top:62%;right:-16px;width:10px;height:10px;animation-delay:-4.2s}.holo__fairy{position:absolute;top:-38px;left:50%;z-index:3;width:76px;margin-left:-38px;pointer-events:none;transition:opacity .9s ease .2s,transform 1.1s cubic-bezier(.2,1.2,.3,1) .2s}.holo__fairy img{display:block;width:100%;height:auto;animation:holoFlutter 4.2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(233,199,123,.9)) drop-shadow(0 0 18px rgba(205,165,74,.55))}html.vch-magic .holo:not(.is-done) .holo__ring{-webkit-mask-image:conic-gradient(#000 var(--holo-draw),transparent 0);mask-image:conic-gradient(#000 var(--holo-draw),transparent 0);box-shadow:none;transition:--holo-draw 1.9s cubic-bezier(.45,.05,.25,1),box-shadow .9s ease}html.vch-magic .holo:not(.is-drawn) .holo__ring{--holo-draw:0deg}html.vch-magic .holo:not(.is-done) .holo__ring:before{opacity:0}html.vch-magic .holo:not(.is-done) .holo__spk{opacity:0;transform:scale(.6)}html.vch-magic .holo:not(.is-done) .holo__fairy{opacity:0;transform:translateY(-26px) scale(.7)}@keyframes holoSpin{to{--holo-a:360deg}}@keyframes holoSweep{0%,60%{transform:translate(-70%)}to{transform:translate(70%)}}@keyframes holoTwinkle{0%,to{opacity:.15;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(25deg)}}@keyframes holoFlutter{0%,to{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-6px) rotate(2deg) scaleX(.97)}50%{transform:translateY(-2px) rotate(4deg)}75%{transform:translateY(-7px) rotate(-1deg) scaleX(.97)}}.vch-dust{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.vch-trail{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2147483000}@media print{.vch-dust,.vch-trail{display:none!important}}@media(hover:hover)and (pointer:fine){html{cursor:url(vch-pointer-gold.png) 8 8,auto!important;cursor:-webkit-image-set(url(vch-pointer-gold.png) 1x,url(vch-pointer-gold-2x.png) 2x) 8 8,auto!important;cursor:image-set(url(vch-pointer-gold.png) 1x,url(vch-pointer-gold-2x.png) 2x) 8 8,auto!important}:is(a[href],button,[role=button],summary,label[for],select,input[type=submit],input[type=button],input[type=checkbox],input[type=radio],.button,.swatch-input__label,.variant-option__button-label):not(:disabled):not(media-gallery *):not(.vch-viewer *){cursor:url(vch-pointer-wand.png) 8 8,pointer!important;cursor:-webkit-image-set(url(vch-pointer-wand.png) 1x,url(vch-pointer-wand-2x.png) 2x) 8 8,pointer!important;cursor:image-set(url(vch-pointer-wand.png) 1x,url(vch-pointer-wand-2x.png) 2x) 8 8,pointer!important}:is(a[href],button,[role=button],summary,label[for]):not(media-gallery *):not(.vch-viewer *) *{cursor:inherit}:is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,[contenteditable=true]){cursor:text}}@media(prefers-reduced-motion:reduce){.holo__ring,.holo__sheen:after,.holo__spk i,.holo__fairy img{animation:none!important}.holo__card{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/vch-magic.css.map */