.animated-gradient-text{position:relative;margin:0 auto;display:flex;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}.gradient-overlay{right:0;bottom:0;background-size:300% 100%;animation:gradient linear infinite;z-index:0;pointer-events:none}.gradient-overlay,.gradient-overlay:before{position:absolute;top:0;left:0;border-radius:inherit}.gradient-overlay:before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060606;z-index:-1}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}.text-content.text-left{text-align:left;display:block;width:100%}@property --kotlin-fade-out{syntax:"<percentage>";initial-value:100%;inherits:true}@property --kotlin-pulse{syntax:"<percentage>";initial-value:0;inherits:true}@property --kotlin-pulse2{syntax:"<percentage>";initial-value:0;inherits:true}@property --kotlin-copacity{syntax:"<percentage>";initial-value:0;inherits:true}.kotlin-bookmark-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:400px;position:relative}.kotlin-bookmark-label{cursor:pointer}.kotlin-bookmark-container{--w:40vmin;--h:25vmin;--gi:1vmin;--gih:calc(var(--gi) / 2);--gihn:calc(var(--gi) / -2);width:60vmin;height:40vmin;position:relative;background:radial-gradient(circle at 100% 0,rgba(255 255 255/70%),transparent),linear-gradient(45deg,#1a1a1a,#2a2a2a);border-radius:2rem;border:.3vmax solid rgba(250,250,250,.1);box-shadow:0 0 1vmin rgba(0,0,0,.3),0 0 20vmin rgba(0,0,0,.2)}.kotlin-bookmark-inside{width:calc(var(--w) - var(--gi));height:calc(var(--h) - var(--gi));background:#ff8c42;position:absolute;left:calc(10vmin + var(--gih));top:calc(7.5vmin + var(--gih));border-radius:0 3vmin 3vmin 0;box-shadow:inset 1vmin -1vmin 3vmin var(--inner-shadow,transparent),inset -.5vmin 0 .1vmin rgba(255,255,255,.3),inset .5vmin .1vmin 0 rgba(255,255,255,.3),inset -.4vmin 0 .05vmin rgba(0,0,0,.3),inset .4vmin 0 .05vmin rgba(0,0,0,.3),inset 0 0 1vmin rgba(0,0,0,.1);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);transition:all .3s ease}.kotlin-bookmark-inside:after{border-radius:.5rem;content:"";width:50%;aspect-ratio:1;position:absolute;background:rgba(255,255,255,.7);opacity:.5;right:15%;top:50%;transform:translateY(-50%) rotate(45deg);box-shadow:-.5vmin .1vmin .1vmin rgba(0,0,0,.4),.1vmin -.1vmin .7vmin rgba(0,0,0,.5)}.kotlin-bookmark{width:var(--w);height:var(--h);opacity:.9;background:conic-gradient(rgba(0,0,0,var(--c-bg-alpha,.2)),rgba(0,0,0,var(--c-bg-alpha,0)),rgba(0,0,0,var(--c-bg-alpha,.2))),#ff7722;position:absolute;left:10vmin;top:7.5vmin;border-radius:0 3vmin 3vmin 0;box-shadow:inset -.2vmin -.1vmin .09vmin rgba(255,255,255,.6),inset 0 .9vmin .9vmin rgba(0,0,0,.3),inset .2vmin 0 .3vmin rgba(0,0,0,.3);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%)}.kotlin-bookmark:after{border-radius:.5rem;content:"";width:50%;aspect-ratio:1;position:absolute;background:rgba(255,255,255,.7);opacity:.5;right:15%;top:50%;transform:translateY(-50%) rotate(45deg) scale(1.4);box-shadow:0 0 .6vmin black,-.1vmin .1vmin .7vmin rgba(0,0,0,.5),.1vmin -.1vmin .7vmin rgba(0,0,0,.5)}.kotlin-bookmark-top{width:calc(var(--w));height:calc(var(--h));padding:.1vmin;border-left:.4vmin solid rgba(255,255,255,.5);background:radial-gradient(120% 16% at calc(90% + var(--kotlin-pulse2)) 50%,rgba(255 255 255/var(--kotlin-copacity,0)),transparent),radial-gradient(120% 10% at calc(22% + var(--kotlin-fade-out) + var(--kotlin-pulse)) 50%,rgba(255 255 255/80%),transparent),linear-gradient(to right,rgba(255,255,255,.1),transparent 10%,rgba(0,0,0,.1)) padding-box,linear-gradient(#ff8c42 calc(0% + var(--kotlin-fade-out) + var(--kotlin-pulse)),#ffaa66 calc(20% + var(--kotlin-fade-out) + var(--kotlin-pulse)),#cc4400 calc(40% + var(--kotlin-fade-out) + var(--kotlin-pulse)),#ff6600) content-box,#ff4400;position:absolute;left:10vmin;top:7.5vmin;border-radius:0 3vmin 3vmin 0;mask:linear-gradient(to right,transparent var(--kotlin-fade-out),black calc(var(--kotlin-fade-out) + 10%));clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);transition:all .3s ease;box-shadow:inset 0 .5vmin .1vmin rgba(0,0,0,.3),inset 0 -.3vmin .1vmin rgba(255,255,255,.8)}.kotlin-bookmark-top:before{content:"";position:absolute;background:rgba(5,5,5,1.7);opacity:.19;bottom:0;right:0;left:0;top:0;mix-blend-mode:overlay;transform:scaleY(4) scaleX(62);filter:url(#kotlin-noise)}.kotlin-bookmark-top:after{border-radius:.5rem;content:"";width:50%;aspect-ratio:1;position:absolute;background:rgba(255,255,255,.7);opacity:.5;right:15%;top:50%;transform:translateY(-50%) rotate(45deg);box-shadow:-.5vmin -.4vmin 0 rgba(255,255,255,.5),.5vmin -.8vmin .4vmin rgba(0,0,0,.9)}.kotlin-bookmark-top-inner{--inner-p:4vmin;width:calc(var(--w) - var(--inner-p));height:calc(var(--h) - var(--inner-p));background:repeating-linear-gradient(180deg,rgba(255,255,255,.1) .02vmin,rgba(255,255,255,.03) 0,transparent .05vmin),rgba(0,0,0,.01);backdrop-filter:blur(1.5rem) brightness(1.1) contrast(1.1);position:absolute;left:calc(10vmin + var(--inner-p) / 2);top:calc(7.5vmin);border-radius:1vmin;mask:linear-gradient(90deg,transparent 1vmin,black 12%,transparent,black);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);transition:all .3s ease;box-shadow:inset -2vmin .1vmin 2vmin rgba(255,255,255,.2);border:.4vmin dashed rgba(255,255,255,.25)}.kotlin-bookmark-top-inner:after{border-radius:.5rem;content:"";width:50%;aspect-ratio:1;position:absolute;background:rgba(255,255,255,.7);opacity:.5;right:15%;top:50%;transform:translateY(-50%) rotate(45deg);box-shadow:-1vmin -.5vmin .2vmin rgba(255,255,255,.6),-1vmin -1vmin .1vmin rgba(255,255,255,.25)}.kotlin-bookmark-outline{--inner-p:3vmin;width:calc(var(--w) + var(--inner-p) * 2);height:calc(var(--h) + var(--inner-p) / 1.5);padding:1.2vmin;background:linear-gradient(to bottom,rgba(0,0,0,.04) .4vmin,transparent .1vmin) content-box,linear-gradient(to right,transparent calc(10% + var(--kotlin-fade-out)),#ffaa88,#ffaa88,transparent calc(50% + var(--kotlin-fade-out))) content-box,linear-gradient(to right,#fff3f0,#ffe6e0,#fff3f0) content-box,white padding-box;position:absolute;left:calc(10vmin - var(--inner-p));top:calc(7.5vmin + var(--inner-p));border-radius:0 3vmin 3vmin 0;clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);transform-origin:left;transition:all .3s ease;box-shadow:inset 0 0 4.1vmin rgba(250,250,250,.4)}.kotlin-bookmark-top,.kotlin-bookmark-top-inner,.kotlin-bookmark-top-shadow{opacity:0}.kotlin-bookmark-input:checked~.kotlin-bookmark-container{--inner-shadow:rgba(0,0,0,0.15);--c-bg-alpha:0.2}.kotlin-bookmark-input:checked~.kotlin-bookmark-container .kotlin-bookmark-inside{scale:.975;translate:-.1vmin 0}.kotlin-bookmark-input:checked~.kotlin-bookmark-container .kotlin-bookmark-top,.kotlin-bookmark-input:checked~.kotlin-bookmark-container .kotlin-bookmark-top-inner{animation:kotlin-bookmark-top .6s linear forwards,kotlin-bookmark-top2 3s ease-in-out .95s infinite,kotlin-pulse 2s ease-out 42,kotlin-pulse2 2s ease-out 42}.kotlin-bookmark-input:checked~.kotlin-bookmark-container .kotlin-bookmark-outline,.kotlin-bookmark-input:checked~.kotlin-bookmark-container .kotlin-bookmark-top-shadow{scale:.6;opacity:0;animation:kotlin-bookmark-outline .8s ease-out .15s forwards,kotlin-bookmark-outline2 3s ease-in-out .95s infinite}.kotlin-bookmark-input:checked~.kotlin-bookmark-container .kotlin-shadows,.kotlin-bookmark-input:checked~.kotlin-bookmark-container .kotlin-shadows2,.kotlin-bookmark-input:checked~.kotlin-bookmark-container .kotlin-shadows3,.kotlin-bookmark-input:checked~.kotlin-bookmark-container .kotlin-shadows4{animation:kotlin-shadows .3s ease-in-out .3s forwards,kotlin-shadows2 3s ease-in-out .95s infinite}.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container{--inner-shadow:rgba(0,0,0,0);--c-bg-alpha:0}.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container .kotlin-bookmark-inside{scale:1;translate:0}.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container .kotlin-bookmark-top,.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container .kotlin-bookmark-top-inner{animation:kotlin-bookmark-top-reverse 1s linear forwards}.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container .kotlin-bookmark-outline,.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container .kotlin-bookmark-top-shadow{animation:kotlin-bookmark-outline-reverse .5s ease-in forwards}.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container .kotlin-shadows,.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container .kotlin-shadows2,.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container .kotlin-shadows3,.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container .kotlin-shadows4{animation:kotlin-shadows-reverse .6s ease-in-out forwards}.kotlin-shadows,.kotlin-shadows2,.kotlin-shadows3,.kotlin-shadows4{opacity:0}.kotlin-bookmark-top-shadow{opacity:0;border-radius:50%;position:absolute;left:24vmin;top:20vmin;background:rgb(255 102 0/58%);width:22vmin;height:9vmin;rotate:33deg;filter:blur(1.2rem)}.kotlin-shadows2{left:15vmin;top:12vmin;rotate:-45deg;background:linear-gradient(181deg,rgba(0,0,0,.25),transparent 90%);width:calc(var(--w) * 1.7);height:calc(var(--h) * 1.7);filter:blur(2.1vmin)}.kotlin-shadows,.kotlin-shadows2{position:absolute;border-radius:26vmin 60vmin 60vmin 26vmin}.kotlin-shadows{left:35vmin;top:25vmin;rotate:8deg;background:linear-gradient(135deg,rgba(0,0,0,.3),transparent 50%);width:calc(var(--w) * 1.8);filter:blur(1vmin);height:calc(var(--h) * .35)}.kotlin-shadows3{top:24vmin;border-radius:26vmin 60vmin 60vmin 26vmin;rotate:-7deg;background:linear-gradient(135deg,rgba(0,0,0,.3),transparent 50%);width:calc(var(--w) * 1.1);height:calc(var(--h) * .4);filter:blur(1vmin)}.kotlin-shadows3,.kotlin-shadows4{position:absolute;left:32vmin;transform:scaleY(-1)}.kotlin-shadows4{top:19vmin;border-radius:42vmin 60vmin 60vmin 42vmin;background:radial-gradient(circle at 0 50%,transparent 30%,#00000075);width:calc(var(--w) * 1.05);height:calc(var(--h) * .7);filter:blur(1.5vmin)}.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container:hover{--inner-shadow:rgba(0,0,0,0.15);--c-bg-alpha:0.2}.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container:hover .kotlin-bookmark-inside{scale:.985;translate:-1px 0}.kotlin-bookmark-input:checked~.kotlin-bookmark-container{animation:kotlin-enable-container .5s ease-out forwards}.kotlin-bookmark-input:not(:checked)~.kotlin-bookmark-container{animation:kotlin-enable-container-reverse .4s ease-out forwards}.kotlin-bookmark-filter{display:block;width:0;height:0;overflow:visible!important;position:absolute}.kotlin-bookmark-input{display:none}@keyframes kotlin-shadows{0%{opacity:0}to{opacity:1}}@keyframes kotlin-shadows2{0%,to{scale:1 1}50%{scale:1.04 1}}@keyframes kotlin-shadows-reverse{0%{opacity:1}to{opacity:0}}@keyframes kotlin-bookmark-top{0%{scale:.975}40%{opacity:1;--kotlin-fade-out:0%;scale:1}to{--kotlin-fade-out:-10%;opacity:1;scale:1.05}}@keyframes kotlin-bookmark-top-reverse{to{scale:.975}40%{opacity:1;--kotlin-fade-out:0%;scale:1}0%{--kotlin-fade-out:-10%;opacity:1;scale:1.05}}@keyframes kotlin-bookmark-top2{0%,to{scale:1.05}50%{scale:1.07}}@keyframes kotlin-bookmark-outline{28%{opacity:1}40%,50%{scale:1.06}42%{--kotlin-fade-out:0%}to{--kotlin-fade-out:0%;opacity:1;scale:1.04}}@keyframes kotlin-bookmark-outline-reverse{68%{opacity:1}40%,50%{scale:1.06}42%{--kotlin-fade-out:0%}0%{--kotlin-fade-out:0%;opacity:1;scale:1.04}to{opacity:0;--kotlin-fade-out:100%;scale:.6}}@keyframes kotlin-bookmark-outline2{0%,to{scale:1.04 1.04}50%{scale:1.02 1.04}}@keyframes kotlin-pulse{0%,to{--kotlin-pulse:0%}50%{--kotlin-pulse:4%}}@keyframes kotlin-pulse2{0%{--kotlin-pulse2:-30%;--kotlin-copacity:0%}50%{--kotlin-copacity:20%}to{--kotlin-pulse2:-20%;--kotlin-copacity:0%}}@keyframes kotlin-enable-container{30%{translate:.3vmin -.3vmin}50%{translate:-.2vmin -.4vmin}}@keyframes kotlin-enable-container-reverse{30%{translate:.3vmin -.3vmin}50%{translate:-.2vmin -.4vmin}}