.animated-placeholder-wrapper{width:90%;height:auto;transform:translateX(-200px) translateY(250px)}@media(max-width:1200px){.animated-placeholder-wrapper{transform:translateX(-40%) translateY(10px)}}@media(max-width:900px){.animated-placeholder-wrapper{transform:translateX(-60%) translateY(10px)}}@media(max-width:600px){.animated-placeholder-wrapper{transform:translateX(-70%) translateY(10px)}}@media(max-width:500px){.animated-placeholder-wrapper{transform:translateX(-80%) translateY(10px)}}.animated-placeholder{height:auto;width:100%;aspect-ratio:5.6/4;transform:rotate(210deg) skew(-30deg) translate(-200px,-60px) scaleY(.864);position:relative}.animated-placeholder .shadow{position:absolute;border-radius:12px;opacity:.4;background:var(--Dark-300,#7a7a7a);filter:blur(60px);top:0;left:0;z-index:0;transform:translateY(0) rotate(100deg);width:calc(100% - 40px);height:calc(100% - 40px)}.animated-placeholder .base{z-index:1;top:10px;left:10px;position:absolute;border-radius:6px;background:var(--colors-background);filter:blur(2px);width:calc(100% + 30px);height:calc(100% + 30px);transform:translateY(0) translateX(0) rotate(100deg)}.animated-placeholder .body{z-index:2;top:20px;left:20px;position:absolute;border-radius:6px;background:var(--Dark-500,#222);width:100%;height:100%;transform:translateY(80px) translateX(80px) rotate(100deg);border:1px solid #222}.animated-placeholder .body .placeholder-title{margin-top:20%;margin-left:6%;width:14%;height:3%;border-radius:2px;background:var(--Dark-300,#7a7a7a)}.animated-placeholder .body .placeholder-paragraph{margin-top:2.2%;margin-left:6%;height:10%;border-radius:2px;background:var(--colors-primary);width:41%}.animated-placeholder .body .placeholder-paragraph.plac-par-1{width:41%;transition-delay:.2s}.animated-placeholder .body .placeholder-paragraph.plac-par-2{width:46%;transition-delay:.4s}.animated-placeholder .body .placeholder-paragraph.plac-par-3{width:30%;transition-delay:.6s}.animated-placeholder,.animated-placeholder *{transition-duration:2s;transition-timing-function:cubic-bezier(.6,-.6,0,1)}.animated-placeholder.levitated .shadow{opacity:.3;filter:blur(60px);width:calc(100% - 36px);height:calc(100% - 36px)}.animated-placeholder.levitated .base{filter:blur(0);width:calc(100% + 26px);height:calc(100% + 26px)}.animated-placeholder.levitated .body{transform:translateY(70px) translateX(70px) rotate(100deg)}.animated-placeholder.levitated .body .placeholder-paragraph.plac-par-1,.animated-placeholder.levitated .body .placeholder-paragraph.plac-par-2,.animated-placeholder.levitated .body .placeholder-title{opacity:.8}.animated-placeholder.levitated .body .placeholder-paragraph.plac-par-3{opacity:.7}.animated-placeholder.closed .shadow{opacity:.1;filter:blur(90px);width:calc(100% - 0px);height:calc(100% - 0px)}.animated-placeholder.closed .base{filter:blur(0);width:calc(100% - 0px);height:calc(100% - 0px);transform:translateY(0) translateX(0) rotate(100deg)}.animated-placeholder.closed .body{transform:translateY(0) translateX(0) rotate(100deg);filter:brightness(1.2)}.animated-placeholder.closed .body .placeholder-title{margin-top:20%;margin-left:4%;width:0}.animated-placeholder.closed .body .placeholder-paragraph{margin-top:3.2%;margin-left:4%;width:0}.animated-placeholder.closed .body .placeholder-paragraph.plac-par-1,.animated-placeholder.closed .body .placeholder-paragraph.plac-par-2,.animated-placeholder.closed .body .placeholder-paragraph.plac-par-3{width:0}.animated-placeholder.isLoaded,.animated-placeholder.isLoaded *{transition-timing-function:linear}.hero-section .hero-badges{display:flex;flex-wrap:wrap;gap:12px}.hero-section .brand-badge{border:1px solid var(--colors-border);border-radius:6px;padding:8px 12px;font-size:1.4rem;color:var(--colors-primary)}.hero-section .brand-badge:hover{background:var(--colors-tile-hover)}.hero-section{padding-bottom:360px}@media(max-width:1200px){.hero-section{padding-bottom:20vw}}@media(max-width:600px){.hero-section{padding-top:10vh}}.hero-section p{font-size:9.6rem;font-weight:500;line-height:1}@media(max-width:1200px){.hero-section p{font-size:6rem}}.hero-section h1{font-size:2.4rem;font-weight:400;line-height:1.2}@media(max-width:1200px){.hero-section h1{font-size:2rem}}@media(max-width:900px){.hero-section h1{font-size:1.6rem}}.installation-section .api-reference h3{font-size:2.8rem;font-weight:500}.installation-section .api-reference a{color:var(--colors-primary);text-decoration:underline}.installation-section .api-reference p{line-height:1.6}.installation-section .api-reference code{overflow-wrap:anywhere}.installation-section .api-table-scroll{overflow-x:auto;margin:32px 0;border:1px solid var(--colors-border);border-radius:6px}.installation-section .api-table-scroll table{width:100%;min-width:680px;border-collapse:collapse;font-size:1.6rem;line-height:1.5}.installation-section .api-table-scroll caption{text-align:left;padding:16px;font-size:2rem;color:var(--colors-primary);background:var(--colors-tile)}.installation-section .api-table-scroll td,.installation-section .api-table-scroll th{text-align:left;padding:16px;vertical-align:top;border-bottom:1px solid var(--colors-border)}.installation-section .api-table-scroll tbody th,.installation-section .api-table-scroll thead{background:var(--colors-tile)}.installation-section .api-table-scroll tbody th{font-weight:400}.installation-section .manual-example{margin:24px 0;padding:24px;font-size:1.5rem;line-height:1.6;background:var(--colors-tile);border:1px solid var(--colors-border);border-radius:6px;overflow-x:auto}.installation-section{overflow-x:hidden}.installation-section .section-description{font-weight:400}.installation-section .black-box-shadow{background:#000;border-radius:6px;width:100%;height:100%;min-height:400px;display:flex;align-items:center;position:relative;justify-content:center}@media(max-width:900px){.installation-section .black-box-shadow{padding:0;min-height:0;background:rgba(0,0,0,0)}}.installation-section .black-box-shadow .code-wrapper{position:relative;width:100%;height:100%;cursor:pointer}.installation-section .black-box-shadow .CopyTextWrapper,.installation-section .black-box-shadow .CopyTextWrapper .CopyText{width:100%}.installation-section .black-box-shadow .CopyTextWrapper .CopyText span{margin-right:auto}.installation-section .black-box-shadow .copy-icon{border:0;background:rgba(0,0,0,0);cursor:pointer;padding:8px;position:absolute;right:24px;top:32px;z-index:1}.installation-section .black-box-shadow pre:hover{transition-duration:.1s;background:var(--colors-tile-hover)!important;border:1px solid var(--colors-border-hover)!important}.installation-section .black-box-shadow pre:hover *{filter:contrast(1.15)}.installation-section .black-box-shadow:before{content:"";position:absolute;left:100%;width:100vw;height:100%;background:#000}@media(max-width:900px){.installation-section .black-box-shadow:before{display:none}}.installation-section .installaction-picture{box-shadow:500px 0 0 0 #000;width:100%;cursor:pointer}@media(max-width:1200px){.installation-section .installaction-picture{box-shadow:none}}.installation-section .small{font-size:1.8rem;line-height:1.2}@media(max-width:1200px){.installation-section .small{font-size:1.6rem}}.CopyTextWrapper{cursor:pointer}.CopyTextWrapper .CopyText{background:rgba(0,0,0,0);border:0;text-align:left;cursor:pointer;font-size:1.8rem;font-weight:500;color:var(--colors-primary);border-radius:8px;width:max-content;display:flex;justify-content:space-between;align-items:center;padding:8px}@media(max-width:1200px){.CopyTextWrapper .CopyText{font-size:1.6rem}}.CopyTextWrapper .CopyText span{display:block;margin-right:96px;padding-left:4px}