@font-face{font-display:swap;font-family:Ibmplexsans;font-style:normal;font-weight:400;src:url(/static/media/IBMPlexSans-Regular.d77342fdcbcb6b3ce1b5.ttf) format("truetype")}@font-face{font-display:swap;font-family:Ibmplexsans;font-style:normal;font-weight:300;src:url(/static/media/IBMPlexSans-Light.f6a1d8cf71c931e0b2aa.ttf) format("truetype")}@font-face{font-display:swap;font-family:Ibmplexsans;font-style:normal;font-weight:600;src:url(/static/media/IBMPlexSans-SemiBold.f2e690b59fb90d236c08.ttf) format("truetype")}*{font-smoothing:antialiased;-webkit-font-smoothing:antialiased;box-sizing:border-box}body,html{font-size:.09765625vw;margin:0;padding:0}body{background-color:#171718;color:#fff;font-family:Ibmplexsans}.icon{height:16rem;width:16rem}@media only screen and (min-width:1280px){body,html{font-size:1.25px}}@media only screen and (max-width:991px){body,html{font-size:.13vw}}@media only screen and (max-width:767px){body,html{font-size:.176vw}}@media only screen and (max-width:477px){body,html{font-size:.3125vw}}svg{display:block;object-fit:contain}html.stopped{height:100vh;overflow:hidden}button{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;color:inherit;font-weight:inherit}.text--gradient-blue{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(265.92deg,#00a3ff -5.66%,#00e1ef 103.85%);-webkit-background-clip:text;background-clip:text}.text--blue{color:#00e1ef}.text--purple{color:#8946ff}.text--green{color:#00ffa0}.text--white{color:#fff}.text--dark{color:#080117}.text--grey{color:#9b96b0}.text--100{font-weight:100}.text--200{font-weight:200}.text--300{font-weight:300}.text--400{font-weight:400}.text--500{font-weight:500}.text--600{font-weight:600}.text--700{font-weight:700}.text--800{font-weight:800}.text--900{font-weight:900}.text_h--140{line-height:1.4}.text_h--150{line-height:1.5}.text_h--80{line-height:.8}.text_spc_1{letter-spacing:.01em}.text_spc_5{letter-spacing:.05em}.text_spc_-2{letter-spacing:-.02em}.text_spc_-3{letter-spacing:-.03em}.text_spc_-6{letter-spacing:-.06em}.text--caps{text-transform:uppercase}a{color:inherit;text-decoration:none}a,img{display:block}img{max-width:none;object-fit:contain}form,h1,h2,h3,h4,h5,h6,input,p{margin:0}label{font-size:16rem}h1{font-size:48rem;font-weight:400;letter-spacing:.003em;line-height:1;margin-bottom:0;margin-top:0}h3{line-height:1.29167;margin-top:20px}h3,h4{font-size:24rem;font-weight:400;letter-spacing:.00666667em;margin-bottom:10px}h4{line-height:1.125;margin-top:10px}p{margin-bottom:0}.global-styles{display:none}.main{overflow:hidden}.h1{font-size:48rem;letter-spacing:.003em;line-height:1}.text-3{font-size:12rem;font-weight:300;letter-spacing:.0133333em;line-height:1.33333}.text-2{font-size:14rem;font-weight:300;letter-spacing:.0114286em;line-height:1.71429}.text-1{font-size:16rem;font-weight:300;letter-spacing:.01em;line-height:1.33333}@media screen and (max-width:991px){h1{font-size:32rem}h4{font-size:16rem}.h1{font-size:32rem}}@media screen and (max-width:479px){.generate__widget-item{height:116rem;width:116rem}}.header{bottom:auto;height:58rem;left:0;padding:16rem 24rem;position:absolute;right:0;top:0;z-index:5}.header .burger{display:none}.header .header__wrapper{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1440px}.header .header__wrapper .header__logo-icon{display:block;height:21rem;max-width:none;width:93rem}.header .header__wrapper .header__menu{grid-column-gap:20rem;align-items:center;display:flex}.header .header__wrapper .header__menu .header__navigation{grid-column-gap:20rem;align-items:center;display:flex;justify-content:flex-end}@media screen and (max-width:479px){.header .header__logo-link{position:relative;z-index:1}.header .header__menu{align-items:flex-start;background-color:#171718;bottom:0;flex-direction:column;justify-content:space-between;left:0;padding:120rem 24rem 64rem;position:fixed;right:0;top:0;transform:translate(100%)}.header .header__menu .header__navigation{grid-row-gap:24rem;align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.header .header__menu .button{font-weight:400}.header .header__menu .button .text--button{font-size:32rem;letter-spacing:.02em}.header .burger{grid-column-gap:8rem;align-items:center;color:#fff;display:flex;justify-content:center;position:relative;z-index:1}.header .burger .text--burger{font-size:12rem;font-weight:600;letter-spacing:.0133333em;line-height:1.75}}.flow__wrapper{grid-row-gap:32rem;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:1280px;padding:48rem 24rem}.flow__wrapper .flow__list{grid-column-gap:16px;grid-row-gap:32rem;display:grid;flex-direction:column;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:auto auto auto}.flow__wrapper .flow__list .flow__step{grid-column-gap:16rem;display:grid;grid-auto-columns:1fr;grid-template-columns:314rem 1fr;grid-template-rows:auto}.flow__wrapper .flow__list .flow__step .flow__step-image{height:180rem}.flow__wrapper .flow__list .flow__step .flow__step-info{grid-row-gap:8rem;align-items:flex-start;display:flex;flex-direction:column}.flow__wrapper .flow__list .flow__step .flow__step-info .flow__step-para{max-width:320rem}.flow__wrapper .flow__list .flow__step .flow__step-info .flow__step-headline{grid-row-gap:8rem;align-items:flex-start;display:flex;flex-direction:column}.flow__wrapper .flow__list .flow__step .flow__step-info .flow__step-headline .flow__step-label{color:#2d7dff}.flow__wrapper .flow__list .flow__step .flow__step-info .flow__step-headline .flow__step-title{max-width:515rem}.flow__wrapper .flow__headline{align-items:center;display:flex;justify-content:space-between}.flow__wrapper .flow__headline .flow__heading{width:300rem}.flow__wrapper .flow__headline .flow__arrow{height:98rem;width:98rem}@media screen and (max-width:991px){.flow__list{grid-row-gap:24rem;justify-content:start;justify-items:stretch}.flow__list .flow__arrow{height:80rem;width:80rem}.flow__list .flow__step-title{width:auto}}@media screen and (max-width:767px){.flow__wrapper{grid-row-gap:24rem;padding:32rem 16rem}.flow__wrapper .flow__list{justify-content:space-between}.flow__wrapper .flow__list .flow__step{grid-row-gap:16rem;grid-template-columns:1fr}.flow__wrapper .flow__list .flow__step .flow__step-image{height:calc(57.29323vw - 18.33383rem);width:calc(100vw - 32rem)}}@media screen and (max-width:479px){.flow__arrow{height:40rem;width:40rem}}.hero{overflow:hidden;position:relative;z-index:0}.hero .hero__background{z-index:0}.hero .hero__background,.hero .hero__background .hero__overlay{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.hero .hero__background .hero__overlay{background-color:#17171899;display:none;z-index:1}.hero .hero__background .hero__blur{bottom:50%;height:1189rem;left:50%;object-fit:contain;position:absolute;transform:translate(-50%,50%) translateY(100rem);width:1189rem;z-index:0}.hero .hero__wrapper{grid-column-gap:16rem;align-content:end;align-items:end;display:grid;grid-auto-columns:1fr;grid-template-columns:480rem 1fr;grid-template-rows:auto;height:565rem;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;padding:58rem 24rem 28rem;position:relative;z-index:1}.hero .hero__wrapper .hero__info{align-items:flex-start;justify-content:flex-end;position:relative;z-index:2}.hero .hero__wrapper .hero__info,.hero .hero__wrapper .hero__info .hero__headline{grid-row-gap:24rem;display:flex;flex-direction:column}.hero .hero__wrapper .hero__info .hero__headline .hero__para{width:398rem}.hero .hero__wrapper .hero__info .hero__cta{grid-column-gap:16rem;display:grid;grid-auto-columns:1fr;grid-template-columns:150rem 150rem;grid-template-rows:auto}.hero .hero__wrapper .hero__visual{grid-column-gap:16rem;grid-row-gap:16rem;display:flex;flex-direction:column;grid-auto-columns:1fr;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;justify-content:center;justify-self:stretch;position:relative;z-index:2}.hero .hero__wrapper .hero__visual .hero__grid{grid-column-gap:16rem;grid-row-gap:16rem;align-content:end;align-items:end;align-self:flex-end;display:grid;flex:1 1;grid-auto-columns:1fr;grid-auto-flow:column;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;justify-content:end;justify-items:end}.hero .hero__wrapper .hero__visual .hero__grid .hero__grid-item{height:149rem;position:relative;width:149rem}.hero .hero__wrapper .hero__visual .hero__grid .hero__grid-item .hero__grid-item-placeholder{height:100%;object-fit:cover;position:absolute;width:100%;z-index:0}.hero .hero__wrapper .hero__visual .hero__grid .hero__grid-item .hero__grid-item-image{height:100%;object-fit:cover;opacity:0;position:absolute;width:100%;z-index:1}.hero .hero__wrapper .hero__visual .hero__grid .hero__grid-item .hero__grid-item-overlay{box-shadow:inset 0 0 0 1px #fff;height:100%;opacity:0;position:absolute;position:relative;width:100%;z-index:2}.hero .hero__wrapper .hero__visual .hero__grid .hero__grid-item .hero__grid-item-overlay .hero__grid-item-overlay-tag{background-color:#fff;color:#0062ff;padding:6rem 8rem;position:absolute;right:0;top:0}@media screen and (max-width:991px){.hero .hero__wrapper{grid-row-gap:48rem;align-items:center;grid-template-columns:1fr;height:auto;justify-items:center;padding-top:140rem}.hero .hero__wrapper .hero__info{text-align:center;width:500rem}.hero .hero__wrapper .hero__info,.hero .hero__wrapper .hero__info .hero__headline{align-items:center;justify-content:center}.hero .hero__wrapper .hero__visual{justify-self:center}.hero .hero__wrapper .hero__visual .hero__grid{align-self:auto}}@media screen and (max-width:767px){.hero .hero__wrapper{padding-left:16rem;padding-right:16rem;padding-top:120rem}.hero .hero__wrapper .hero__visual{justify-self:stretch}.hero .hero__wrapper .hero__visual .hero__grid{justify-content:stretch;justify-items:stretch}.hero .hero__wrapper .hero__visual .hero__grid .hero__grid-item{height:155rem;width:auto}}@media screen and (max-width:479px){.hero .hero__wrapper{padding-top:68rem}.hero .hero__wrapper .hero__info{align-items:stretch;justify-content:flex-start;width:auto}.hero .hero__wrapper .hero__info .hero__headline{align-items:flex-start;justify-content:flex-start;text-align:left}.hero .hero__wrapper .hero__info .hero__headline .hero__para{width:auto}.hero .hero__wrapper .hero__info .hero__cta{grid-template-columns:1fr 1fr}.hero .hero__wrapper .hero__visual .hero__grid{grid-column-gap:12rem;grid-row-gap:12rem}.hero .hero__wrapper .hero__visual .hero__grid .hero__grid-item{height:88rem}}.button{align-items:center;border:1px solid #0000;cursor:pointer;display:flex;flex-direction:column;height:40rem;justify-content:center;text-align:center}.button.button--blue{background-color:#0062ff;color:#fff;transition:background-color .2s ease}.button.button--blue:hover{background-color:#0353e9}.button.button--blue.button--inactive{background-color:#c6c6c6;color:#8d8d8d;pointer-events:none}.button.button.button--transparent{border:1px solid #444446;color:#fff;transition:background-color .2s ease,border-color .2s ease}.button.button.button--transparent:hover{background-color:#8d8d8d21;border-color:#0000}.button.button--big{height:64rem}.button.button--icon_big{align-items:center;column-gap:8rem;display:flex;flex-direction:row;justify-content:center}.button.button--text{font-weight:600;height:auto;margin:0;padding:0}.button.button--icon{align-items:center;column-gap:2rem;display:flex;flex-direction:row;justify-content:center}button{margin:initial;max-width:none;padding:initial;width:auto}.text--button{font-size:12rem;letter-spacing:.0133333em;line-height:1.75}.text--button_medium,.text--button_small{font-size:14rem;letter-spacing:.0114286em;line-height:1.28571}.text--button_large{font-size:24rem;font-weight:400;letter-spacing:.00666667em;line-height:1.125}.button-arrow{height:16rem;width:16rem}.demo{background-color:#6929c4}.demo .demo__wrapper{grid-row-gap:116rem;display:flex;flex-direction:column;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;padding:32rem 24rem 28rem}.demo .demo__wrapper .demo__info{grid-column-gap:16rem;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto}.demo .demo__wrapper .demo__info .demo__para{width:400rem}.demo .demo__wrapper .demo__try{grid-row-gap:40rem;align-items:center;display:flex;flex-direction:column;justify-content:center}.demo .demo__wrapper .demo__try .demo__widget{grid-column-gap:16rem;align-self:stretch;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:auto}.demo .demo__wrapper .demo__try .demo__widget .demo__upload{grid-row-gap:16rem;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:16rem 12rem}.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload .demo__upload-box{align-items:center;align-self:stretch;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23F4F4F433' stroke-dasharray='4, 4' stroke-dashoffset='2' stroke-linecap='square'/%3E%3C/svg%3E");display:flex;flex:1 1;flex-direction:column;justify-content:center;transition:background-image .2s ease}.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload .demo__upload-box .demo__upload-overlay{align-items:center;color:#f4f4f499;display:flex;flex-direction:column;justify-content:center;padding-bottom:10rem;row-gap:0;transition:color .2s ease}.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload .demo__upload-box .demo__upload-overlay .upload-gif{height:156rem;margin-bottom:-10rem;opacity:.35;pointer-events:none;transition:opacity .2s ease;width:150rem}.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload.active .demo__upload-box,.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload:hover .demo__upload-box{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23fff' stroke-dasharray='4, 4' stroke-dashoffset='2' stroke-linecap='square'/%3E%3C/svg%3E")}.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload.active .demo__upload-box .demo__upload-overlay,.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload:hover .demo__upload-box .demo__upload-overlay{color:#f4f4f4}.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload.active .demo__upload-box .demo__upload-overlay .upload-gif,.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload:hover .demo__upload-box .demo__upload-overlay .upload-gif{opacity:1}.demo .demo__wrapper .demo__try .demo__widget .demo__example{grid-row-gap:16rem;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end;padding:16rem 12rem}.demo .demo__wrapper .demo__try .demo__widget .demo__example .demo__example-list{grid-column-gap:12rem;grid-row-gap:12rem;align-self:stretch;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto}.generate{background-color:#000}.generate .generate__wrapper{grid-row-gap:18rem;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:1280px;padding:40rem 24rem 28rem}.generate .generate__wrapper .generate__headline{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.generate .generate__wrapper .generate__headline .generate__close{grid-column-gap:8rem;align-items:center;cursor:pointer;display:flex;justify-content:flex-end}.generate .generate__wrapper .generate__headline .generate__close .generate__x{height:12rem;width:12rem}.generate .generate__wrapper .generate__widget{grid-row-gap:18rem;display:flex;flex-direction:column;justify-content:flex-end}.generate .generate__wrapper .generate__widget .generate__widget-view{grid-column-gap:16rem;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-preview{background-image:url(/static/media/background-pattern.297fffb1480238fa5537.png);background-position:50% 50%;object-fit:contain;position:relative}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-preview .generate__widget-preview-item{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%;z-index:2}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-preview .generate__widget-preview-background{bottom:0;height:100%;left:0;object-fit:contain;position:absolute;right:0;top:0;width:100%;z-index:1}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select{grid-row-gap:16rem;background:linear-gradient(61.3deg,#fff3 5.87%,hsla(0,0%,100%,.042) 94.03%);display:flex;flex-direction:column;overflow:hidden;padding:16rem 12rem;position:relative}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-examples{overflow:hidden}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-examples .generate__widget-track{height:416rem;overflow:hidden}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-examples .generate__widget-track .generate__widget-list{grid-column-gap:12rem;grid-row-gap:12rem;display:grid;grid-auto-columns:1fr;grid-auto-flow:row;grid-auto-rows:1fr;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:100%;overflow:hidden}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-variations{overflow:hidden}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-variations .generate__widget-track{height:416rem;overflow:hidden}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-variations .generate__widget-track .generate__widget-variations-list{grid-column-gap:12rem;grid-row-gap:12rem;display:grid;grid-auto-columns:1fr;grid-auto-flow:row;grid-auto-rows:1fr;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;padding-right:64rem}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-return{align-items:center;column-gap:8rem;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start}.generate .generate__wrapper .generate__widget .generate__widget-cta{display:flex;flex-direction:column}@media screen and (min-width:992px){.demo__wrapper .demo__para{grid-area:1/2/2/3}.demo__wrapper .demo__example,.demo__wrapper .demo__upload{background:linear-gradient(61.3deg,#0003 5.87%,rgba(0,0,0,.042) 94.03%)}.generate__widget-track{overflow-x:hidden;overflow-y:auto}}@media only screen and (max-width:991px){.demo .demo__wrapper{grid-row-gap:48rem}.demo .demo__wrapper .demo__info{display:block;grid-template-columns:1fr}.demo .demo__wrapper .demo__info .demo__para{width:auto}.demo .demo__wrapper .demo__try{align-items:flex-start}.demo .demo__wrapper .demo__try .demo__widget{grid-row-gap:0;background:linear-gradient(61.3deg,#0003 5.87%,rgba(0,0,0,.042) 94.03%);grid-template-columns:1fr}.demo .demo__wrapper .demo__try .demo__widget .demo__upload{padding-left:16rem;padding-right:16rem}.demo .demo__wrapper .demo__try .demo__widget .demo__upload .demo__upload-box{flex:0 1 auto;height:32vw}.demo .demo__wrapper .demo__try .demo__widget .demo__example{padding-left:16rem;padding-right:16rem}.demo .demo__wrapper .demo__try .demo__widget .demo__example .demo__example-list{grid-column-gap:16rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto}.demo .demo__wrapper .demo__try .demo__widget .demo__example .demo__example-list .demo__example-item{height:160rem;width:auto}.demo .demo__wrapper .demo__try .demo__widget .demo__example .demo__example-list .demo__example-item:nth-child(1n+5){display:none}.generate .generate__wrapper .generate__widget .generate__widget-view{grid-row-gap:24rem;grid-template-columns:1fr}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-preview{height:calc(100vw - 32rem)}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select{padding-left:16rem;padding-right:16rem}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-examples .generate__widget-track{overflow-x:auto;overflow-y:hidden}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-examples .generate__widget-track .generate__widget-list{grid-column-gap:16rem;grid-row-gap:16rem;grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (min-width:992px){.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-examples .generate__widget-track .generate__widget-list .example-item{height:100%;width:100%}}@media only screen and (max-width:767px){.demo .demo__wrapper{padding-left:16rem;padding-right:16rem}.demo .demo__wrapper .demo__try .demo__widget .demo__upload .file-upload .demo__upload-box .demo__upload-overlay .upload-gif{height:64rem;width:48rem}.demo .demo__wrapper .demo__try .demo__widget .demo__example .demo__example-list{grid-template-columns:1fr 1fr}.demo .demo__wrapper .demo__try .demo__widget .demo__example .demo__example-list .demo__example-item:nth-child(1n+4){display:none}.demo .demo__wrapper .demo__try .demo__widget .demo__example .demo__example-list .demo__example-item{height:155rem}.generate .generate__wrapper{padding:32rem 16rem 24rem}.generate .generate__wrapper .generate__widget .generate__widget-view{display:flex;flex-direction:column}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-examples .generate__widget-track{display:flex;flex-direction:row;height:auto}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-examples .generate__widget-track .generate__widget-list{grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}}@media screen and (max-width:479px){.demo .demo__wrapper .demo__try .demo__widget .demo__example .demo__example-list{column-gap:0;grid-template-columns:1fr 1fr;justify-content:center;justify-items:center;row-gap:12rem}.demo .demo__wrapper .demo__try .demo__widget .demo__example .demo__example-list .demo__example-item{height:116rem}.generate .generate__wrapper .generate__widget .generate__widget-view .generate__widget-select .generate__widget-examples .generate__widget-track .generate__widget-list .generate__widget-item{height:116rem;width:116rem}}.example-item{cursor:pointer;height:224rem;position:relative;width:224rem}.example-item.tall{height:194rem}.example-item.huge{height:200rem;width:200rem}.example-item .example-item-image.cover{object-fit:cover}.example-item .example-item-image.contain{object-fit:contain}.example-item.locked{pointer-events:none}.example-item .example-item-image{height:100%;width:100%}.example-item .example-item-overlay{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:1}.example-item .example-item-overlay .example-item-overlay-screen{background-color:#000;height:100%;opacity:0;position:absolute;transition:opacity .2s ease;width:100%}.example-item .example-item-overlay .example-item-overlay-select{background:linear-gradient(#ffffff4d,#ffffff4d),linear-gradient(#0f62fe1a,#0f62fe1a);box-shadow:inset 0 0 0 2px #fff;height:100%;opacity:0;position:absolute;transition:opacity .2s ease;width:100%}.example-item .example-item-overlay .example-item-overlay-select .example-item-overlay-select-box{align-items:center;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.31.625a.935.935 0 0 1 0 1.322L4.104 9.154.637 5.687A.935.935 0 1 1 1.96 4.365l2.144 2.144L9.988.625a.935.935 0 0 1 1.322 0Z' fill='%230062FF'/%3E%3C/svg%3E");background-position:50% 50%;background-repeat:no-repeat;background-size:10rem 12rem;display:flex;height:28rem;justify-content:center;position:absolute;right:0;top:0;width:28rem}.example-item .example-item-overlay .example-item-overlay-locked{align-items:center;background:linear-gradient(0deg,#000000a6,#000000a6);display:flex;height:100%;justify-content:center;width:100%}.example-item .example-item-overlay .example-item-overlay-locked .example-item-overlay-locked-icon{height:48rem;width:48rem}.example-item:hover .example-item-overlay-screen{opacity:.2}.example-item.selected .example-item-overlay-select{opacity:1}@media only screen and (max-width:991px){.example-item{height:160rem;width:auto;width:160rem}}@media only screen and (max-width:767px){.example-item{height:155rem;width:155rem}}@media screen and (max-width:479px){.example-item{height:116rem;width:116rem}}.loading-image{height:100%;position:relative;width:100%}.loading-image .image-loader{align-items:center;backdrop-filter:blur(2rem);-webkit-backdrop-filter:blur(2rem);background:#00000040;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:2}.loading-image .image-loader .image-loader-gif{height:72rem;width:72rem}
/*# sourceMappingURL=main.a90b4db9.css.map*/