.dk-ex__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.dk-ex__stage{position:relative;aspect-ratio:1;border-radius:36px;overflow:hidden;background:var(--dk-soft);box-shadow:0 40px 70px -46px #1f2b4d99}.dk-ex__stage>img,.dk-ex__stage>svg{width:100%;height:100%;object-fit:cover;display:block}.dk-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(--dk-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}.dk-ex__dot:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:2px solid #fff;animation:dkPing 2.4s cubic-bezier(0,0,.2,1) infinite}.dk-ex__dot svg{position:absolute;left:-5px;top:-5px;width:56px;height:56px;transform:rotate(-90deg);overflow:visible}.dk-ex__dot circle{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100}.dk-ex__dot b{position:relative}.dk-ex__dot.is-on{background:var(--dk-acc);color:#fff;transform:scale(1.14)}.dk-ex__dot.is-run circle{animation:dkRing var(--dur,5s) linear forwards}@keyframes dkRing{to{stroke-dashoffset:0}}.dk-ex__deck{display:grid}.dk-ex__card{grid-area:1/1;padding:32px 30px 34px;border-radius:30px;background:#fff;border:2px solid var(--dk-soft);box-shadow:0 30px 50px -36px #1f2b4d99;transform-origin:50% 100%;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s}.dk-ex__card>*{transition:opacity .3s}.dk-ex__card[data-pos="0"]{z-index:3}.dk-ex__card[data-pos="1"]{z-index:2;transform:translate(14px,12px) rotate(3deg) scale(.96);opacity:.75}.dk-ex__card[data-pos="2"]{z-index:1;transform:translate(-10px,22px) rotate(-3deg) scale(.92);opacity:.45}.dk-ex__card[data-pos="3"]{opacity:0;transform:scale(.9)}.dk-ex__card:not([data-pos="0"])>*{opacity:0}.dk-ex__card span{display:block;margin-bottom:10px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dk-acc)}.dk-ex__card h3{font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin-bottom:10px}.dk-ex__card p{font-size:17px}.dk-ex__ctrl{display:flex;align-items:center;gap:14px;margin-top:38px}.dk-ex__ctrl button{background:var(--dk-soft);box-shadow:none}.dk-ex__count{font-weight:800;font-size:15px}@media(max-width:989px){.dk-ex__grid{grid-template-columns:1fr;gap:30px}.dk-ex__ctrl{justify-content:center;margin-top:30px}.dk-ex__dot{width:38px;height:38px;margin:-19px 0 0 -19px;font-size:13px}.dk-ex__dot svg{width:48px;height:48px}.dk-ex__stage{border-radius:28px}.dk-ex__card{padding:26px 22px 28px}}.dk-end__box{position:relative;isolation:isolate;overflow:hidden;padding:clamp(60px,8vw,112px) 24px;border-radius:44px;background:var(--box,#cfdcf6);text-align:center}.dk-end .dk-head{margin-bottom:0}.dk-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:dkBlob 16s ease-in-out infinite alternate}.dk-end__blob.b1{top:-34%;left:-14%;background:#ffffff8c}.dk-end__blob.b2{bottom:-40%;right:-12%;background:#3d5cb829;animation-duration:21s;animation-direction:alternate-reverse}@keyframes dkBlob{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)}}.dk-end__hearts i{position:absolute;z-index:-1;bottom:-40px;width:var(--s,22px);height:var(--s,22px);background:var(--dk-acc);opacity:0;-webkit-mask:var(--dk-heart) center/contain no-repeat;mask:var(--dk-heart) center/contain no-repeat;animation:dkFloat var(--t,9s) linear var(--dl,0s) infinite}@keyframes dkFloat{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}}.dk-end__seal{display:inline-flex;align-items:center;gap:8px;margin-top:26px!important;font-size:14px;font-weight:700}.dk-end__seal svg{width:18px;height:18px}@media(max-width:749px){.dk-end__box{border-radius:30px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dk-c.css.map */