.hg-ex__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.hg-ex__stage{position:relative;aspect-ratio:1;border-radius:36px;overflow:hidden;background:var(--hg-soft);box-shadow:0 40px 70px -46px #3b214099}.hg-ex__stage>img,.hg-ex__stage>svg{width:100%;height:100%;object-fit:cover;display:block}.hg-ex__dot{position:absolute;left:var(--x);top:var(--y);width:46px;height:46px;margin:-23px 0 0 -23px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--hg-ink);font:inherit;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 20px -8px #00000080;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s}.hg-ex__dot:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:2px solid #fff;animation:hgPing 2.4s cubic-bezier(0,0,.2,1) infinite}.hg-ex__dot svg{position:absolute;left:-5px;top:-5px;width:56px;height:56px;transform:rotate(-90deg);overflow:visible}.hg-ex__dot circle{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100}.hg-ex__dot b{position:relative}.hg-ex__dot.is-on{background:var(--hg-acc);color:#fff;transform:scale(1.14)}.hg-ex__dot.is-run circle{animation:hgRing var(--dur,5s) linear forwards}@keyframes hgRing{to{stroke-dashoffset:0}}.hg-ex__deck{display:grid}.hg-ex__card{grid-area:1/1;padding:32px 30px 34px;border-radius:30px;background:#fff;border:2px solid var(--hg-soft);box-shadow:0 30px 50px -36px #3b214099;transform-origin:50% 100%;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s}.hg-ex__card>*{transition:opacity .3s}.hg-ex__card[data-pos="0"]{z-index:3}.hg-ex__card[data-pos="1"]{z-index:2;transform:translate(14px,12px) rotate(3deg) scale(.96);opacity:.75}.hg-ex__card[data-pos="2"]{z-index:1;transform:translate(-10px,22px) rotate(-3deg) scale(.92);opacity:.45}.hg-ex__card[data-pos="3"]{opacity:0;transform:scale(.9)}.hg-ex__card:not([data-pos="0"])>*{opacity:0}.hg-ex__card span{display:block;margin-bottom:10px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hg-acc)}.hg-ex__card h3{font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin-bottom:10px}.hg-ex__card p{font-size:17px}.hg-ex__ctrl{display:flex;align-items:center;gap:14px;margin-top:38px}.hg-ex__ctrl button{background:var(--hg-soft);box-shadow:none}.hg-ex__count{font-weight:800;font-size:15px}@media(max-width:989px){.hg-ex__grid{grid-template-columns:1fr;gap:30px}.hg-ex__ctrl{justify-content:center;margin-top:30px}.hg-ex__dot{width:38px;height:38px;margin:-19px 0 0 -19px;font-size:13px}.hg-ex__dot svg{width:48px;height:48px}.hg-ex__stage{border-radius:28px}.hg-ex__card{padding:26px 22px 28px}}.hg-end__box{position:relative;isolation:isolate;overflow:hidden;padding:clamp(60px,8vw,112px) 24px;border-radius:44px;background:var(--box,#f7c9b2);text-align:center}.hg-end .hg-head{margin-bottom:0}.hg-end__blob{position:absolute;z-index:-1;width:min(46vmax,640px);aspect-ratio:1;border-radius:42% 58% 63% 37%/45% 41% 59% 55%;animation:hgBlob 16s ease-in-out infinite alternate}.hg-end__blob.b1{top:-34%;left:-14%;background:#ffffff8c}.hg-end__blob.b2{bottom:-40%;right:-12%;background:#c2593f29;animation-duration:21s;animation-direction:alternate-reverse}@keyframes hgBlob{0%{border-radius:42% 58% 63% 37%/45% 41% 59% 55%;transform:rotate(0) scale(1)}50%{border-radius:61% 39% 38% 62%/58% 63% 37% 42%;transform:rotate(40deg) scale(1.08)}to{border-radius:37% 63% 52% 48%/38% 49% 51% 62%;transform:rotate(80deg) scale(.95)}}.hg-end__hearts i{position:absolute;z-index:-1;bottom:-40px;width:var(--s,22px);height:var(--s,22px);background:var(--hg-acc);opacity:0;-webkit-mask:var(--hg-heart) center/contain no-repeat;mask:var(--hg-heart) center/contain no-repeat;animation:hgFloat var(--t,9s) linear var(--dl,0s) infinite}@keyframes hgFloat{0%{transform:translate(0) rotate(-10deg);opacity:0}12%{opacity:.5}35%{transform:translate(14px,-180px) rotate(8deg)}65%{transform:translate(-12px,-380px) rotate(-6deg)}90%{opacity:.35}to{transform:translate(8px,-620px) rotate(10deg);opacity:0}}.hg-end__seal{display:inline-flex;align-items:center;gap:8px;margin-top:26px!important;font-size:14px;font-weight:700}.hg-end__seal svg{width:18px;height:18px}@media(max-width:749px){.hg-end__box{border-radius:30px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hg-c.css.map */