@font-face{font-family:Outfit;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_79a53d{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_79a53d{--font-outfit:"Outfit","Outfit Fallback"}@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--padding-small:12.5px;--padding-medium:25px;--padding-large:50px;--font-size-caption:12px;--font-size-heading:40px;--font-size-heading-large:45px;--font-size-text-large:20px;--font-size-text-normal:15px;--font-size-text-small:12.5px}@media(min-width:1250px){:root{--padding-small:25px;--padding-medium:50px;--padding-large:100px;--font-size-caption:15px;--font-size-heading:100px;--font-size-heading-large:150px;--font-size-text-large:35px;--font-size-text-normal:20px;--font-size-text-small:20px}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}::selection{background-color:rgba(255,193,251,.25)}body,html{max-width:100vw;overflow-x:clip}body{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;background-color:#101010}@media(max-width:1249px){.desktop-only{display:none!important}}@media(min-width:1250px){.mobile-only{display:none!important}}*{font-family:var(--font-outfit),sans-serif;font-weight:300}.wrapper{width:1550px;max-width:calc(100vw - 20px);display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.--accent-color-green{color:#c1ffe4}.session{opacity:0;transition:opacity .4s;pointer-events:none}.session.active{opacity:1;pointer-events:all}main{width:100%;height:100%}.codeblock-wrapper{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;background-color:#17181f;border-radius:10px;padding-right:50px}.codeblock-wrapper button{right:10px;top:10px;position:absolute;background-color:#17181f;border:1px solid #555;width:35px;height:35px;border-radius:5px;display:flex;justify-content:center;align-items:center}@media(min-width:1250px){.codeblock-wrapper button{opacity:0;transition:opacity .3s;cursor:pointer}}.codeblock-wrapper:hover button{opacity:1}.NEW-header{gap:50px;padding:var(--padding-large) 0}.NEW-header,.NEW-header .headline{display:flex;justify-content:center;align-items:center;flex-direction:column}.NEW-header .headline{gap:25px}.NEW-header .caption{font-size:var(--font-size-caption);border:2px solid #333;color:#fff;padding:.4em .8em;border-radius:25px;text-align:center;line-height:.95rem;text-transform:uppercase}.NEW-header .heading{font-size:var(--font-size-heading);color:#fff;text-align:center;font-weight:500}.NEW-header .heading .char{font-weight:500}.NEW-header .content{font-size:var(--font-size-text-normal);color:#aaa;text-align:center}nav#breadcrumb{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:15px;padding:25px 0 0;width:100%}nav#breadcrumb span{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#aaa;text-decoration:none;font-size:15px}nav#breadcrumb img{height:1em;width:1em}nav#breadcrumb a{color:#aaa;text-decoration:none;display:inline}.main-navigation-placeholder{height:100px}@media(min-width:1250px){.main-navigation-placeholder{height:150px}}nav.main-navigation{z-index:99;position:fixed;left:0;top:25px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}nav.main-navigation .wrapper{padding:20px 30px;width:1650px;max-width:calc(100% - 20px);background-color:#17181f;border-radius:100px}nav.main-navigation .collection,nav.main-navigation .wrapper{display:flex;justify-content:space-between;align-items:center;flex-direction:row}nav.main-navigation .collection{gap:100px}nav.main-navigation .collection a{display:flex;justify-content:center;align-items:center;flex-direction:column}nav.main-navigation .collection a img.logo{height:30px;cursor:pointer}nav.main-navigation .collection ul{list-style:none;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:50px}nav.main-navigation .collection ul li a{text-decoration:none;color:#fff;font-size:20px;font-weight:400}nav.main-navigation .collection .sign-in-up,nav.main-navigation .collection .sign-in-up a{color:#aaa;text-decoration:none;font-size:20px}nav.main-navigation .collection .sign-in-up a{display:inline}nav.main-navigation .burger-menu{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:7.5px;cursor:pointer}nav.main-navigation .burger-menu span.label{color:#fff;font-size:12px;position:relative;overflow-y:clip;-webkit-user-select:none;-moz-user-select:none;user-select:none}nav.main-navigation .burger-menu span.label span{display:flex;transition:transform .3s}nav.main-navigation .burger-menu span.label span:after{content:"CLOSE";color:#fff;position:absolute;right:0;transform:translateY(-100%)}nav.main-navigation .burger-menu .burger{display:flex;justify-content:center;align-items:center;flex-direction:column;width:22.5px;height:22.5px}nav.main-navigation .burger-menu .burger span{position:absolute;width:22.5px;height:1.5px;background-color:#fff;transition:transform .4s}nav.main-navigation .burger-menu .burger span:first-child{transform:translateY(-3px)}nav.main-navigation .burger-menu .burger span:last-child{transform:translateY(3px)}nav.main-navigation .burger-menu.active .label span{transform:translateY(100%)}nav.main-navigation .burger-menu.active .burger span:first-child{transform:rotate(-45deg)}nav.main-navigation .burger-menu.active .burger span:last-child{transform:rotate(45deg)}@media(min-width:1250px){nav.main-navigation .wrapper{padding:25px 50px}nav.main-navigation .collection a img.logo{height:40px}}.docs-navigation-placeholder{height:100px}@media(min-width:1250px){.docs-navigation-placeholder{height:0}}menu.main-menu{z-index:98;position:fixed;top:0;right:0;align-items:center;width:100vw;height:100vh;background-color:#101010;transform:translateX(100%);width:0;overflow:clip;border-left:2px solid #fff}menu.main-menu,menu.main-menu .wrapper{display:flex;justify-content:flex-start;flex-direction:column}menu.main-menu .wrapper{padding-top:150px;padding-bottom:100px;max-width:75vw;align-items:flex-start;gap:75px;height:-moz-fit-content;height:fit-content;min-height:100%;overflow-y:auto}menu.main-menu .wrapper::-webkit-scrollbar{display:none}menu.main-menu .caption{font-size:15px;color:#aaa}menu.main-menu .main-menu,menu.main-menu .main-menu ul{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:15px}menu.main-menu .main-menu ul{list-style:none}menu.main-menu .main-menu ul li a{text-decoration:none;color:#fff;font-size:40px}menu.main-menu .sign-in-up,menu.main-menu .sign-in-up a{color:#aaa;text-decoration:none;font-size:20px}menu.main-menu .sign-in-up a{display:inline}.segmented-control-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 8px;margin:0 auto;width:-moz-fit-content;width:fit-content;max-width:100%}.segmented-control-wrapper::-webkit-scrollbar{display:none}.segmented-control-wrapper .segmented-control{position:relative;display:inline-flex;padding:4px;border:2px solid #333;border-radius:999px;background:#111;margin:auto}.segmented-control-wrapper .segmented-control button{background:none;border:none;padding:8px 20px;color:#aaa;font:inherit;cursor:pointer;position:relative;z-index:2;transition:color .3s;text-wrap:nowrap}.segmented-control-wrapper .segmented-control button.active{color:#fff}.segmented-control-wrapper .segmented-control .indicator{position:absolute;top:4px;bottom:4px;left:0;width:0;background:#222;border-radius:999px;z-index:1;pointer-events:none}.footer-spacing{width:100%;overflow-y:clip}.footer-spacing,.footer-spacing footer{display:flex;justify-content:center;align-items:center;flex-direction:column}.footer-spacing footer{width:100vw;padding:75px 0 50px;background-color:#000;color:#fff}.footer-spacing footer .wrapper{width:1550px;max-width:calc(100vw - 80px);display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:100px}.footer-spacing footer .topline{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:0;gap:50px;width:100%}.footer-spacing footer .topline .company{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%;gap:10px}.footer-spacing footer .topline .company img{height:50px}.footer-spacing footer .topline .company span{font-weight:200;font-size:15px}.footer-spacing footer .topline .navigation{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:50px;width:100%}.footer-spacing footer .topline .navigation .links{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:15px}.footer-spacing footer .topline .navigation .links h4{font-size:15px;color:#aaa}.footer-spacing footer .topline .navigation .links a{font-size:18px;color:#fff;text-decoration:none}.footer-spacing footer .bottomline{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:75px;width:100%}.footer-spacing footer .bottomline .end{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:50px;width:100%}.footer-spacing footer .bottomline .end .legal{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:15px}.footer-spacing footer .bottomline .end .legal a{color:#aaa;font-size:18px;text-decoration:none}.footer-spacing footer .bottomline .end .copyright{color:#aaa;font-size:18px}.footer-spacing footer .bottomline .end .copyright .responsible{font-size:15px}@media(min-width:1500px){.footer-spacing footer{padding:150px 0 75px}.footer-spacing footer .wrapper{max-width:calc(100vw - 20px)}.footer-spacing footer .topline{flex-direction:row}.footer-spacing footer .topline .company img{height:65px}.footer-spacing footer .topline .company span{font-size:18px}.footer-spacing footer .bottomline .end,.footer-spacing footer .topline .navigation{flex-direction:row;gap:0}.footer-spacing footer .bottomline .end .legal{flex-direction:row;gap:50px}}a.button{text-decoration:none;border-radius:100px;outline:1px solid rgba(0,0,0,0);transition:outline .4s}a.button:focus{outline:1px solid #fff}a.button button{padding:.8em 1.8em;color:#fff;font-size:17.5px;font-weight:400;background-color:rgba(0,0,0,0);border:2px solid #fff;border-radius:100px;cursor:pointer}a.button button:hover{animation:wobble .5s}@keyframes wobble{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}a.button button .btn-title{display:block;position:relative;overflow:clip}a.button button .btn-title span{display:block;position:relative;transition:transform .4s}a.button button .btn-title span:after{position:absolute;display:block;content:attr(data-text);top:120%;left:0;width:100%}a.button button:hover .btn-title span{transform:translateY(-120%)}a.button:focus button{animation:wobble .5s}a.button:focus button .btn-title span{transform:translateY(-120%)}a.button.--full-width,a.button.--full-width button{width:100%}a.button.--special button{color:#ffc1fb;border-color:#ffc1fb}.toggle-switch{width:50px;height:26px;background-color:#333;border-radius:15px;position:relative;cursor:pointer;transition:background-color .3s}.toggle-switch .slider{width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s}.toggle-switch.checked{background:#f72585}.toggle-switch.checked .slider{transform:translateX(24px)}a.circle-button button{height:65px;width:65px;background-color:rgba(0,0,0,0);border-radius:100%;border:2px solid #fff;display:flex;cursor:pointer}a.circle-button button,a.circle-button button span{justify-content:center;align-items:center;flex-direction:column}a.circle-button button span{display:inline-block;position:relative;overflow:hidden;display:flex;height:100%;width:100%}a.circle-button button span span{width:100%;height:100%;transition:transform .4s}a.circle-button button span span svg{scale:3;color:#fff}a.circle-button button span span:last-child{position:absolute;left:0;top:100%;transform:scale(.25)}a.circle-button:hover button span span:first-child{transform:translateY(-100%) scale(.25)}a.circle-button:hover button span span:last-child{transform:translateY(-100%)}a.flip-link{display:inline-block}a.flip-link span.link-title{display:flex;position:relative;overflow:hidden}a.flip-link span.link-title span{display:block;position:relative;transition:transform .4s}a.flip-link span.link-title span:after{position:absolute;display:block;content:attr(data-text);top:120%;left:0}a.flip-link span.link-title:after{position:absolute;display:block;content:"";left:0;bottom:0;width:0;height:1px;background-color:#fff;transition:width .6s}a.flip-link:hover .link-title span{transform:translateY(-120%)}a.flip-link:hover .link-title:after{width:100%}#docs-layout{position:relative;width:100%}#documentation{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;min-height:calc(100vh - 150px)}#documentation>.wrapper{width:1550px;max-width:calc(100% - 50px)}@media(min-width:1250px)and (max-width:2150px){#documentation>.wrapper{margin-left:350px;width:calc(100% - 350px - 200px)}}nav#docs-navigation{pointer-events:none;z-index:99;position:fixed;right:10px;top:105px;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;width:100%}nav#docs-navigation .wrapper{pointer-events:auto;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:-moz-fit-content;width:fit-content;background-color:#17181f;border-radius:100px}nav#docs-navigation .burger-menu{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:7.5px;cursor:pointer}nav#docs-navigation .burger-menu span.label{color:#fff;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}nav#docs-navigation .burger-menu .burger{display:flex;justify-content:center;align-items:center;flex-direction:column;width:22.5px;height:22.5px}nav#docs-navigation .burger-menu .burger span{position:absolute;width:22.5px;height:1.5px;background-color:#fff;transition:transform .4s}nav#docs-navigation .burger-menu .burger span:first-child{transform:translateY(-3px)}nav#docs-navigation .burger-menu .burger span:last-child{transform:translateY(3px)}nav#docs-navigation .burger-menu .burger.active span:first-child{transform:rotate(-45deg)}nav#docs-navigation .burger-menu .burger.active span:last-child{transform:rotate(45deg)}@media(min-width:1250px){nav#docs-navigation .wrapper{padding:25px 50px}}#docs-sidebar aside.docs-sidebar{z-index:97;background-color:#101010;top:0;left:-2px;width:0;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;border-right:2px solid #fff;position:fixed}#docs-sidebar aside.docs-sidebar::-webkit-scrollbar{display:none}#docs-sidebar aside.docs-sidebar .wrapper{padding:115px 25px 0}#docs-sidebar aside.docs-sidebar .docs-sidebar-sublist{list-style:none;padding-left:1rem}#docs-sidebar aside.docs-sidebar .docs-sidebar-heading svg{transition:transform .3s ease}#docs-sidebar aside.docs-sidebar .docs-sidebar-heading.open svg{transform:rotate(180deg)}#docs-sidebar aside.docs-sidebar .docs-sidebar-list{margin-bottom:115px}#docs-sidebar aside.docs-sidebar .docs-sidebar-list ul{width:100%}#docs-sidebar aside.docs-sidebar ul{color:#888;list-style:none;padding-left:20px}#docs-sidebar aside.docs-sidebar ul,#docs-sidebar aside.docs-sidebar ul li{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}#docs-sidebar aside.docs-sidebar ul li{width:100%}#docs-sidebar aside.docs-sidebar ul li>ul{border-left:1px solid #222}#docs-sidebar aside.docs-sidebar ul li a,#docs-sidebar aside.docs-sidebar ul li span{font-size:16px;color:#888;text-decoration:none;padding:10px 0;transition:color .3s;cursor:pointer;font-weight:400;display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:100%}#docs-sidebar aside.docs-sidebar ul li a.smallcaps,#docs-sidebar aside.docs-sidebar ul li span.smallcaps{text-transform:lowercase;font-feature-settings:"smcp";font-variant:small-caps;font-size:1.15em;color:#f72585}#docs-sidebar aside.docs-sidebar ul li a svg path,#docs-sidebar aside.docs-sidebar ul li span svg path{transition:fill .3s}#docs-sidebar aside.docs-sidebar ul li a.active,#docs-sidebar aside.docs-sidebar ul li a:hover,#docs-sidebar aside.docs-sidebar ul li span.active,#docs-sidebar aside.docs-sidebar ul li span:hover{color:#fff}#docs-sidebar aside.docs-sidebar ul li a.active svg path,#docs-sidebar aside.docs-sidebar ul li a:hover svg path,#docs-sidebar aside.docs-sidebar ul li span.active svg path,#docs-sidebar aside.docs-sidebar ul li span:hover svg path{fill:#fff}@media(min-width:1250px){#docs-sidebar{position:absolute;left:0;top:0;height:100%}#docs-sidebar .docs-sidebar-relative-wrapper{position:relative;height:100%;width:100%}#docs-sidebar aside.docs-sidebar{position:-webkit-sticky;position:sticky;z-index:97;background-color:#101010;top:150px;left:0;width:-moz-fit-content!important;width:fit-content!important;height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;border:none;padding:0 75px 0 25px;width:350px}#docs-sidebar aside.docs-sidebar::-webkit-scrollbar{width:5px}#docs-sidebar aside.docs-sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#docs-sidebar aside.docs-sidebar::-webkit-scrollbar-thumb{background-color:#333;border-radius:5px}#docs-sidebar aside.docs-sidebar .wrapper{width:-moz-fit-content;width:fit-content;padding:25px}}#docs-content{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;padding:50px 0}#docs-content .markdown{width:100%;color:#fff}#docs-content .markdown h1{font-weight:500}#docs-content .markdown h1,#docs-content .markdown h2,#docs-content .markdown h3{margin:1.5em 0 1em}#docs-content .markdown p{color:#e3e3e3;font-weight:400;line-height:1.5em;margin:.75em 0 .5em}#docs-content .markdown .animatry-banner{max-width:100%;padding:25px}#docs-content .markdown img,#docs-content .markdown svg{max-width:100%}#docs-content .markdown li{margin:1rem 1.5rem}#docs-content .markdown a{color:#e3e3e3}#docs-content .markdown pre{border-radius:15px;overflow:clip;width:-moz-fit-content;width:fit-content;max-width:100%}#docs-content .markdown pre code{padding:20px 25px;width:-moz-fit-content;width:fit-content;max-width:100%;color:#fff}#docs-content .markdown code:not(pre>code){background-color:#222;padding:2.5px 5px;border-radius:5px}#docs-content .markdown .banner{width:100%;padding:25px;border-radius:15px;border:1px solid #f72585;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:1em}#docs-content .markdown .banner span.banner-heading{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:7.5px}#docs-content .markdown .docs-table{display:flex;flex-direction:column;width:100%;border:1px solid hsla(0,0%,100%,.15);border-radius:15px;padding:10px}#docs-content .markdown .docs-table .row{display:grid;grid-template-columns:1fr;padding:1.25rem;grid-gap:15px;gap:15px;border-bottom:1px solid hsla(0,0%,100%,.05)}#docs-content .markdown .docs-table .row:last-child{border-bottom:none}#docs-content .markdown .docs-table .header{color:#fff;border-bottom:1px solid hsla(0,0%,100%,.15)}#docs-content .markdown .docs-table .header .cell{font-weight:600}#docs-content .markdown .docs-table .cell{color:#e3e3e3}#docs-content .markdown .docs-table .cell:before{content:attr(data-label);display:block;margin-bottom:.25rem;font-size:.75em;color:#aaa}#docs-content .markdown .easing-vis{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;margin:2rem auto}#docs-content .markdown .easing-vis .visualizer{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}#docs-content .markdown .easing-vis .visualizer svg{width:400px;max-width:100%;aspect-ratio:1/1;background:#101010;background-size:25px 25px;background-image:linear-gradient(90deg,#181818 1px,transparent 0),linear-gradient(180deg,#181818 1px,transparent 0);border:2px solid hsla(0,0%,100%,.1);border-radius:10px}#docs-content .markdown .easing-vis .visualizer .progress{margin-top:-10px;width:20px;height:420px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row}#docs-content .markdown .easing-vis .visualizer .progress .ball{width:20px;height:20px;background-color:red;border-radius:100%}#docs-content .markdown .easing-vis .controls{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}#docs-content .markdown .easing-vis button,#docs-content .markdown .easing-vis input,#docs-content .markdown .easing-vis select{background:#222;color:#eee;border:1px solid #555;padding:.5rem}#docs-content .markdown .easing-vis button:disabled{opacity:.5}@media(min-width:768px){#docs-content .markdown h1{font-size:50px}#docs-content .markdown h2{font-size:35px}#docs-content .markdown .docs-table .row{grid-template-columns:350px repeat(auto-fit,minmax(150px,1fr))}#docs-content .markdown .docs-table .cell:before{display:none}}#docs-content .sandbox{position:relative;margin:25px 0;gap:15px;max-width:500px}#docs-content .sandbox,#docs-content .sandbox .area{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%}#docs-content .sandbox .area{gap:25px;padding:25px;border-radius:10px;background-size:25px 25px;background-image:linear-gradient(90deg,#181818 1px,transparent 0),linear-gradient(180deg,#181818 1px,transparent 0);border:2px solid hsla(0,0%,100%,.1)}#docs-content .sandbox .area .box{width:75px;height:75px;border-radius:10px;border:4px solid #fff}#docs-content .sandbox .area .box.red{border:4px solid #f72585}#docs-content .sandbox .area .box.blue{border:4px solid aqua}#docs-content .sandbox .area .box.green{border:4px solid #49e25d}#docs-content .sandbox .area .box.small{height:35px;width:35px;border-radius:7.5px}#docs-content .sandbox .area .space{width:75px;height:75px}#docs-content .sandbox .area.keyframes{aspect-ratio:1/1}#docs-content .sandbox .area.grid{width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}@media(max-width:996px){#docs-content .sandbox .area.grid{grid-template-columns:1fr 1fr 1fr}}#docs-content .sandbox .control-bar{left:10px;bottom:10px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;gap:15px}#docs-content .sandbox .control-bar button{padding:10px;border:2px solid #262626;background-color:rgba(0,0,0,0);border-radius:10px;font-size:16px;cursor:pointer;color:#aaa}#docs-content .grid-examples,#docs-content .sandbox .control-bar button{display:flex;justify-content:center;align-items:center;flex-direction:column}#docs-content .grid-examples,.smooth-wrapper,.smooth-wrapper .smooth-content{width:100%}main#home{display:flex;justify-content:center;align-items:center;flex-direction:column}main#home header{position:relative;height:calc(100vh - 300px)}main#home header,main#home header .heading{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}main#home header .heading{gap:25px;text-align:center}main#home header .heading .collection{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12.5px}main#home header .heading .caption{font-size:var(--font-size-caption);border:2px solid #333;color:#fff;padding:.4em .8em;border-radius:25px;text-align:center;line-height:.95rem;text-transform:uppercase}main#home header .heading h1{color:#ffc1fb;font-size:var(--font-size-heading-large);font-weight:400}main#home header .heading h1 span{font-weight:400}main#home header .heading h1 span.desktop-only-1{display:none}main#home header .heading h1 span.mobile-only-1{display:inline}main#home header .heading h1 .captivate{cursor:default}main#home header .heading p{color:#fff;font-size:var(--font-size-text-large)}@media(min-width:1250px){main#home header .heading{gap:50px}main#home header .heading .collection{gap:25px}main#home header .heading h1 span.desktop-only-1{display:inline}main#home header .heading h1 span.mobile-only-1{display:none}}main#home header .--design{position:absolute;pointer-events:none}main#home header .--design.gear{top:100px;left:-50px;width:75px;height:75px}main#home header .--design.snowflake{bottom:0;right:-10px;transform:translateX(50%);width:150px;height:150px}@media(min-width:1250px){main#home header .--design{position:absolute}main#home header .--design.gear{top:35vh;left:-5vw;width:calc(75px + 3vw);height:calc(75px + 3vw)}main#home header .--design.snowflake{bottom:0;right:calc(-10vw + 150px);transform:translateX(50%);width:250px;height:250px}}main#home section.showcase{gap:250px;padding:250px 0}main#home section.showcase,main#home section.showcase .case{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%}main#home section.showcase .case .animation{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:50px;max-width:1100px}main#home section.showcase .case .animation .description{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:25px}main#home section.showcase .case .animation h2{font-size:35px;color:#fff}main#home section.showcase .case .animation p{font-size:18px;color:#aaa}main#home section.showcase .case .animation .target{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100%}main#home section.showcase .case .animation .target.center{align-items:center}main#home section.showcase .case .animation .target img{height:100px}main#home section.showcase .case .animation .target .case4Ref{height:100px;width:100px}main#home section.showcase .case .animation .targets{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:50px;width:100%}main#home section.showcase .case .animation .targets img{height:75px;width:75px}main#home section.showcase .case .animation .custom-slider{width:100%;max-width:350px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:15px}main#home section.showcase .case .animation .custom-slider span{color:#fff}main#home section.showcase .case .animation .custom-slider input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:4px;background:#222;border-radius:5px;outline:none;position:relative}main#home section.showcase .case .animation .custom-slider input::-webkit-slider-runnable-track{height:2px;background:rgba(0,0,0,0);border-radius:5px}main#home section.showcase .case .animation .custom-slider input::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;background:#f72585;border-radius:50%;margin-top:-7px;cursor:pointer;position:relative;z-index:2}main#home section.showcase .case .animation .custom-slider input::-webkit-slider-thumb:before{content:"";position:absolute;top:50%;left:0;width:var(--fill-width,50%);height:2px;background:red;z-index:-1}main#home section.showcase .case .animation .custom-slider input::-moz-range-track{height:2px;background:#222;border-radius:1px}main#home section.showcase .case .animation .custom-slider input::-moz-range-progress{height:2px;background:#f72585;border-radius:1px}main#home section.showcase .case .animation .custom-slider input::-moz-range-thumb{height:12px;width:12px;background:#f72585;border-radius:50%;border:none;cursor:pointer}main#home section.showcase .case.right{align-items:flex-end}main#home section.showcase .case.right .right{display:flex;justify-content:center;align-items:flex-end;flex-direction:column}main#home section.showcase .case.center,main#home section.showcase .case.center .animation{align-items:center}main#home section.showcase .case.center .animation .description h2,main#home section.showcase .case.center .animation .description p{text-align:center}@media(min-width:1250px){main#home section.showcase{gap:350px}main#home section.showcase .case .animation h2{font-size:100px}main#home section.showcase .case .animation p{font-size:25px}main#home section.showcase .case .animation .target .case2Ref,main#home section.showcase .case .animation .target .case4Ref{height:200px;width:200px}main#home section.showcase .case .animation .targets{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;gap:100px}main#home section.showcase .case .animation .targets img{height:100px;width:100px}}.not-found,.not-found .wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.not-found .wrapper{gap:50px;min-height:calc(100vh - 200px);width:100%}.not-found .wrapper .error{display:flex;justify-content:center;align-items:center;flex-direction:column}.not-found .wrapper .error h1{font-size:100px;color:#c1ffe4;font-weight:400}.not-found .wrapper .error p{color:#fff;font-size:15px;text-align:center}@media(min-width:1250px){.not-found .wrapper{min-height:calc(100vh - 300px)}.not-found .wrapper .error h1{font-size:200px}.not-found .wrapper .error p{font-size:20px}}#legal-text{justify-content:center;color:#fff}#legal-text,#legal-text .wrapper{display:flex;align-items:center;flex-direction:column}#legal-text .content,#legal-text .wrapper{justify-content:flex-start}#legal-text .content{display:flex;align-items:flex-start;flex-direction:column;padding:50px 0}#legal-text .content section{padding:15px 0}#legal-text .content h2{font-size:18px;font-weight:500;padding:.75rem 0}#legal-text .content p{font-size:15px}#legal-text .content a{color:#aaa}#legal-text .content .text-sm{font-size:12.5px}#legal-text .content .italic{font-style:italic}#legal-text .content .table{display:flex;flex-direction:column;width:100%;border:1px solid hsla(0,0%,100%,.15);border-radius:15px;padding:10px}#legal-text .content .table .row{display:grid;grid-template-columns:1fr;padding:1.25rem;grid-gap:15px;gap:15px;border-bottom:1px solid hsla(0,0%,100%,.05)}#legal-text .content .table .row:last-child{border-bottom:none}#legal-text .content .table .header{color:#fff;border-bottom:1px solid hsla(0,0%,100%,.15)}#legal-text .content .table .header .cell{font-weight:600}#legal-text .content .table .cell{color:#e3e3e3}#legal-text .content .table .cell:before{content:attr(data-label);display:block;margin-bottom:.25rem;font-size:.75em;color:#aaa}@media(min-width:768px){#legal-text .content h2{font-size:25px;font-weight:500;padding:.75rem 0}#legal-text .content p{font-size:18px}#legal-text .content .table .row{grid-template-columns:350px repeat(auto-fit,minmax(150px,1fr))}#legal-text .content .table .cell:before{display:none}}.loading-overlay{z-index:75;pointer-events:none;position:fixed;height:100vh;width:100vw;background-color:#101010;opacity:1}.loading-overlay.hidden{opacity:0}