html { text-size-adjust: 100%; font-family: sans-serif; }
body { margin: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { vertical-align: baseline; display: inline-block; }
audio:not([controls]) { height: 0px; display: none; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0px; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
h1 { margin: 0.67em 0px; font-size: 2em; }
mark { color: rgb(0, 0, 0); background: rgb(255, 255, 0); }
small { font-size: 80%; }
sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0px; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0px; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"] { appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { appearance: none; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; }
fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0px; padding: 0px; }
textarea { overflow: auto; }
optgroup { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0px; }
td, th { padding: 0px; }
@font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: 400; font-style: normal; }
[class^="w-icon-"], [class*=" w-icon-"] { speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; line-height: 1; font-family: webflow-icons !important; }
.w-icon-slider-right::before { content: ""; }
.w-icon-slider-left::before { content: ""; }
.w-icon-nav-menu::before { content: ""; }
.w-icon-arrow-down::before, .w-icon-dropdown-toggle::before { content: ""; }
.w-icon-file-upload-remove::before { content: ""; }
.w-icon-file-upload-icon::before { content: ""; }
* { box-sizing: border-box; }
html { height: 100%; }
body { min-height: 100%; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); margin: 0px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; }
img { max-width: 100%; vertical-align: middle; display: inline-block; }
html.w-mod-touch * { background-attachment: scroll !important; }
.w-block { display: block; }
.w-inline-block { max-width: 100%; display: inline-block; }
.w-clearfix::before, .w-clearfix::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-clearfix::after { clear: both; }
.w-hidden { display: none; }
.w-button { color: rgb(255, 255, 255); line-height: inherit; cursor: pointer; background-color: rgb(56, 152, 236); border: 0px; border-radius: 0px; padding: 9px 15px; text-decoration: none; display: inline-block; }
input.w-button { appearance: button; }
html[data-w-dynpage] [data-w-cloak] { color: transparent !important; }
.w-webflow-badge, .w-webflow-badge * { z-index: auto; visibility: visible; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0px; min-width: 0px; float: none; clear: none; box-shadow: none; opacity: 1; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0px; text-transform: inherit; text-shadow: none; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; overflow-wrap: normal; background: 0px 0px; border: 0px transparent; border-radius: 0px; margin: 0px; padding: 0px; list-style-type: disc; transition: none; display: block; position: static; inset: auto; overflow: visible; transform: none; }
.w-webflow-badge { white-space: nowrap; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 1px 3px; visibility: visible !important; z-index: 2147483647 !important; color: rgb(170, 173, 176) !important; opacity: 1 !important; width: auto !important; height: auto !important; background-color: rgb(255, 255, 255) !important; border-radius: 3px !important; margin: 0px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; display: inline-block !important; position: fixed !important; inset: auto 12px 12px auto !important; overflow: visible !important; transform: none !important; }
.w-webflow-badge > img { visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; display: inline-block !important; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: 700; }
h1 { margin-top: 20px; font-size: 38px; line-height: 44px; }
h2 { margin-top: 20px; font-size: 32px; line-height: 36px; }
h3 { margin-top: 20px; font-size: 24px; line-height: 30px; }
h4 { margin-top: 10px; font-size: 18px; line-height: 24px; }
h5 { margin-top: 10px; font-size: 14px; line-height: 20px; }
h6 { margin-top: 10px; font-size: 12px; line-height: 18px; }
p { margin-top: 0px; margin-bottom: 10px; }
blockquote { border-left: 5px solid rgb(226, 226, 226); margin: 0px 0px 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; }
figure { margin: 0px 0px 10px; }
figcaption { text-align: center; margin-top: 5px; }
ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; }
.w-list-unstyled { padding-left: 0px; list-style: none; }
.w-embed::before, .w-embed::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-embed::after { clear: both; }
.w-video { width: 100%; padding: 0px; position: relative; }
.w-video iframe, .w-video object, .w-video embed { width: 100%; height: 100%; border: none; position: absolute; top: 0px; left: 0px; }
fieldset { border: 0px; margin: 0px; padding: 0px; }
button, [type="button"], [type="reset"] { cursor: pointer; appearance: button; border: 0px; }
.w-form { margin: 0px 0px 15px; }
.w-form-done { text-align: center; background-color: rgb(221, 221, 221); padding: 20px; display: none; }
.w-form-fail { background-color: rgb(255, 222, 222); margin-top: 10px; padding: 10px; display: none; }
label { margin-bottom: 5px; font-weight: 700; display: block; }
.w-input, .w-select { width: 100%; height: 38px; color: rgb(51, 51, 51); vertical-align: middle; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block; }
.w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.w-input:focus, .w-select:focus { border-color: rgb(56, 152, 236); outline: 0px; }
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; }
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: rgb(238, 238, 238); }
textarea.w-input, textarea.w-select { height: auto; }
.w-select { background-color: rgb(243, 243, 243); }
.w-select[multiple] { height: auto; }
.w-form-label { cursor: pointer; margin-bottom: 0px; font-weight: 400; display: inline-block; }
.w-radio { margin-bottom: 5px; padding-left: 20px; display: block; }
.w-radio::before, .w-radio::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-radio::after { clear: both; }
.w-radio-input { float: left; margin: 3px 0px 0px -20px; line-height: normal; }
.w-file-upload { margin-bottom: 10px; display: block; }
.w-file-upload-input { width: 0.1px; height: 0.1px; opacity: 0; z-index: -100; position: absolute; overflow: hidden; }
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { color: rgb(51, 51, 51); display: inline-block; }
.w-file-upload-error { margin-top: 10px; display: block; }
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; }
.w-file-upload-uploading-btn { cursor: pointer; background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); margin: 0px; padding: 8px 12px; font-size: 14px; font-weight: 400; display: flex; }
.w-file-upload-file { background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); flex-grow: 1; justify-content: space-between; margin: 0px; padding: 8px 9px 8px 11px; display: flex; }
.w-file-upload-file-name { font-size: 14px; font-weight: 400; display: block; }
.w-file-remove-link { width: auto; height: auto; cursor: pointer; margin-top: 3px; margin-left: 10px; padding: 3px; display: block; }
.w-icon-file-upload-remove { margin: auto; font-size: 10px; }
.w-file-upload-error-msg { color: rgb(234, 56, 76); padding: 2px 0px; display: inline-block; }
.w-file-upload-info { padding: 0px 12px; line-height: 38px; display: inline-block; }
.w-file-upload-label { cursor: pointer; background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); margin: 0px; padding: 8px 12px; font-size: 14px; font-weight: 400; display: inline-block; }
.w-icon-file-upload-icon, .w-icon-file-upload-uploading { width: 20px; margin-right: 8px; display: inline-block; }
.w-icon-file-upload-uploading { height: 20px; }
.w-container { max-width: 940px; margin-left: auto; margin-right: auto; }
.w-container::before, .w-container::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-container::after { clear: both; }
.w-container .w-row { margin-left: -10px; margin-right: -10px; }
.w-row::before, .w-row::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-row::after { clear: both; }
.w-row .w-row { margin-left: 0px; margin-right: 0px; }
.w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; }
.w-col .w-col { padding-left: 0px; padding-right: 0px; }
.w-col-1 { width: 8.33333%; }
.w-col-2 { width: 16.6667%; }
.w-col-3 { width: 25%; }
.w-col-4 { width: 33.3333%; }
.w-col-5 { width: 41.6667%; }
.w-col-6 { width: 50%; }
.w-col-7 { width: 58.3333%; }
.w-col-8 { width: 66.6667%; }
.w-col-9 { width: 75%; }
.w-col-10 { width: 83.3333%; }
.w-col-11 { width: 91.6667%; }
.w-col-12 { width: 100%; }
.w-hidden-main { display: none !important; }
@media screen and (max-width: 991px) {
  .w-container { max-width: 728px; }
  .w-hidden-main { display: inherit !important; }
  .w-hidden-medium { display: none !important; }
  .w-col-medium-1 { width: 8.33333%; }
  .w-col-medium-2 { width: 16.6667%; }
  .w-col-medium-3 { width: 25%; }
  .w-col-medium-4 { width: 33.3333%; }
  .w-col-medium-5 { width: 41.6667%; }
  .w-col-medium-6 { width: 50%; }
  .w-col-medium-7 { width: 58.3333%; }
  .w-col-medium-8 { width: 66.6667%; }
  .w-col-medium-9 { width: 75%; }
  .w-col-medium-10 { width: 83.3333%; }
  .w-col-medium-11 { width: 91.6667%; }
  .w-col-medium-12 { width: 100%; }
  .w-col-stack { width: 100%; left: auto; right: auto; }
}
@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium { display: inherit !important; }
  .w-hidden-small { display: none !important; }
  .w-row, .w-container .w-row { margin-left: 0px; margin-right: 0px; }
  .w-col { width: 100%; left: auto; right: auto; }
  .w-col-small-1 { width: 8.33333%; }
  .w-col-small-2 { width: 16.6667%; }
  .w-col-small-3 { width: 25%; }
  .w-col-small-4 { width: 33.3333%; }
  .w-col-small-5 { width: 41.6667%; }
  .w-col-small-6 { width: 50%; }
  .w-col-small-7 { width: 58.3333%; }
  .w-col-small-8 { width: 66.6667%; }
  .w-col-small-9 { width: 75%; }
  .w-col-small-10 { width: 83.3333%; }
  .w-col-small-11 { width: 91.6667%; }
  .w-col-small-12 { width: 100%; }
}
@media screen and (max-width: 479px) {
  .w-container { max-width: none; }
  .w-hidden-main, .w-hidden-medium, .w-hidden-small { display: inherit !important; }
  .w-hidden-tiny { display: none !important; }
  .w-col { width: 100%; }
  .w-col-tiny-1 { width: 8.33333%; }
  .w-col-tiny-2 { width: 16.6667%; }
  .w-col-tiny-3 { width: 25%; }
  .w-col-tiny-4 { width: 33.3333%; }
  .w-col-tiny-5 { width: 41.6667%; }
  .w-col-tiny-6 { width: 50%; }
  .w-col-tiny-7 { width: 58.3333%; }
  .w-col-tiny-8 { width: 66.6667%; }
  .w-col-tiny-9 { width: 75%; }
  .w-col-tiny-10 { width: 83.3333%; }
  .w-col-tiny-11 { width: 91.6667%; }
  .w-col-tiny-12 { width: 100%; }
}
.w-widget { position: relative; }
.w-widget-map { width: 100%; height: 400px; }
.w-widget-map label { width: auto; display: inline; }
.w-widget-map img { max-width: inherit; }
.w-widget-map .gm-style-iw { text-align: center; }
.w-widget-map .gm-style-iw > button { display: none !important; }
.w-widget-twitter { overflow: hidden; }
.w-widget-twitter-count-shim { vertical-align: top; width: 28px; height: 20px; text-align: center; background: rgb(255, 255, 255); border: 1px solid rgb(117, 134, 150); border-radius: 3px; display: inline-block; position: relative; }
.w-widget-twitter-count-shim * { pointer-events: none; user-select: none; }
.w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: rgb(153, 153, 153); font-family: serif; font-size: 15px; line-height: 12px; position: relative; }
.w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; }
.w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; }
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; }
.w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; }
.w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; }
.w-widget-twitter-count-shim:not(.w--vertical)::before, .w-widget-twitter-count-shim:not(.w--vertical)::after { content: " "; height: 0px; width: 0px; pointer-events: none; border: solid transparent; position: absolute; top: 50%; left: 0px; }
.w-widget-twitter-count-shim:not(.w--vertical)::before { border-width: 4px; border-color: rgba(117, 134, 150, 0) rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); margin-top: -4px; margin-left: -9px; }
.w-widget-twitter-count-shim:not(.w--vertical).w--large::before { border-width: 5px; margin-top: -5px; margin-left: -10px; }
.w-widget-twitter-count-shim:not(.w--vertical)::after { border-width: 4px; border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-top: -4px; margin-left: -8px; }
.w-widget-twitter-count-shim:not(.w--vertical).w--large::after { border-width: 5px; margin-top: -5px; margin-left: -9px; }
.w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; }
.w-widget-twitter-count-shim.w--vertical::before, .w-widget-twitter-count-shim.w--vertical::after { content: " "; height: 0px; width: 0px; pointer-events: none; border: solid transparent; position: absolute; top: 100%; left: 50%; }
.w-widget-twitter-count-shim.w--vertical::before { border-width: 5px; border-color: rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); margin-left: -5px; }
.w-widget-twitter-count-shim.w--vertical::after { border-width: 4px; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-left: -4px; }
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; }
.w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; }
.w-background-video { height: 500px; color: rgb(255, 255, 255); position: relative; overflow: hidden; }
.w-background-video > video { width: 100%; height: 100%; object-fit: cover; z-index: -100; background-position: 50% center; background-size: cover; margin: auto; position: absolute; inset: -100%; }
.w-background-video > video::-webkit-media-controls-start-playback-button { appearance: none; display: none !important; }
.w-background-video--control { background-color: transparent; padding: 0px; position: absolute; bottom: 1em; right: 1em; }
.w-background-video--control > [hidden] { display: none !important; }
.w-slider { height: 300px; text-align: center; clear: both; -webkit-tap-highlight-color: transparent; background: rgb(221, 221, 221); position: relative; }
.w-slider-mask { z-index: 1; height: 100%; white-space: nowrap; display: block; position: relative; left: 0px; right: 0px; overflow: hidden; }
.w-slide { vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; display: inline-block; position: relative; }
.w-slider-nav { z-index: 2; height: 40px; text-align: center; -webkit-tap-highlight-color: transparent; margin: auto; padding-top: 10px; position: absolute; inset: auto 0px 0px; }
.w-slider-nav.w-round > div { border-radius: 100%; }
.w-slider-nav.w-num > div { width: auto; height: auto; font-size: inherit; line-height: inherit; padding: 0.2em 0.5em; }
.w-slider-nav.w-shadow > div { box-shadow: rgba(51, 51, 51, 0.4) 0px 0px 3px; }
.w-slider-nav-invert { color: rgb(255, 255, 255); }
.w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); }
.w-slider-nav-invert > div.w-active { background-color: rgb(34, 34, 34); }
.w-slider-dot { width: 1em; height: 1em; cursor: pointer; background-color: rgba(255, 255, 255, 0.4); margin: 0px 3px 0.5em; transition: background-color 0.1s, color 0.1s; display: inline-block; position: relative; }
.w-slider-dot.w-active { background-color: rgb(255, 255, 255); }
.w-slider-dot:focus { outline: none; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; }
.w-slider-dot:focus.w-active { box-shadow: none; }
.w-slider-arrow-left, .w-slider-arrow-right { width: 80px; cursor: pointer; color: rgb(255, 255, 255); -webkit-tap-highlight-color: transparent; user-select: none; margin: auto; font-size: 40px; position: absolute; inset: 0px; overflow: hidden; }
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; }
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0px; }
.w-slider-arrow-left { z-index: 3; right: auto; }
.w-slider-arrow-right { z-index: 4; left: auto; }
.w-icon-slider-left, .w-icon-slider-right { width: 1em; height: 1em; margin: auto; inset: 0px; }
.w-slider-aria-label { clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; border: 0px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.w-slider-force-show { display: block !important; }
.w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; }
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { vertical-align: top; color: rgb(34, 34, 34); text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; }
.w-dropdown-toggle { user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; }
.w-dropdown-toggle:focus { outline: 0px; }
.w-icon-dropdown-toggle { width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0px; bottom: 0px; right: 0px; }
.w-dropdown-list { min-width: 100%; background: rgb(221, 221, 221); display: none; position: absolute; }
.w-dropdown-list.w--open { display: block; }
.w-dropdown-link { color: rgb(34, 34, 34); padding: 10px 20px; display: block; }
.w-dropdown-link.w--current { color: rgb(0, 130, 243); }
.w-dropdown-link:focus { outline: 0px; }
@media screen and (max-width: 767px) {
  .w-nav-brand { padding-left: 10px; }
}
.w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; color: rgb(255, 255, 255); text-align: center; z-index: 2000; opacity: 0; user-select: none; -webkit-tap-highlight-color: transparent; background: rgba(0, 0, 0, 0.9); outline: 0px; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; font-style: normal; font-weight: 300; line-height: 1.2; list-style: disc; position: fixed; inset: 0px; transform: translate(0px); }
.w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; }
.w-lightbox-content { height: 100vh; position: relative; overflow: hidden; }
.w-lightbox-view { width: 100vw; height: 100vh; opacity: 0; position: absolute; }
.w-lightbox-view::before { content: ""; height: 100vh; }
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view::before { height: 86vh; }
.w-lightbox-frame, .w-lightbox-view::before { vertical-align: middle; display: inline-block; }
.w-lightbox-figure { margin: 0px; position: relative; }
.w-lightbox-group .w-lightbox-figure { cursor: pointer; }
.w-lightbox-img { width: auto; height: auto; max-width: none; }
.w-lightbox-image { float: none; max-width: 100vw; max-height: 100vh; display: block; }
.w-lightbox-group .w-lightbox-image { max-height: 86vh; }
.w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, 0.4); padding: 0.5em 1em; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; }
.w-lightbox-embed { width: 100%; height: 100%; position: absolute; inset: 0px; }
.w-lightbox-control { width: 4em; cursor: pointer; background-position: 50% center; background-repeat: no-repeat; background-size: 24px; transition: 0.3s; position: absolute; top: 0px; }
.w-lightbox-left { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); display: none; bottom: 0px; left: 0px; }
.w-lightbox-right { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); display: none; bottom: 0px; right: 0px; }
.w-lightbox-close { height: 2.6em; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; right: 0px; }
.w-lightbox-strip { white-space: nowrap; padding: 0px 1vh; line-height: 0; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: auto hidden; }
.w-lightbox-item { width: 10vh; box-sizing: content-box; cursor: pointer; padding: 2vh 1vh; display: inline-block; transform: translate(0px, 0px); }
.w-lightbox-active { opacity: 0.3; }
.w-lightbox-thumbnail { height: 10vh; background: rgb(34, 34, 34); position: relative; overflow: hidden; }
.w-lightbox-thumbnail-image { position: absolute; top: 0px; left: 0px; }
.w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translateY(-50%); }
.w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); }
.w-lightbox-spinner { box-sizing: border-box; width: 40px; height: 40px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; margin-top: -20px; margin-left: -20px; animation: 0.8s linear 0s infinite normal none running spin; position: absolute; top: 50%; left: 50%; }
.w-lightbox-spinner::after { content: ""; border-width: 3px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: initial; border-radius: 50%; position: absolute; inset: -4px; }
.w-lightbox-hide { display: none; }
.w-lightbox-noscroll { overflow: hidden; }
@media (min-width: 768px) {
  .w-lightbox-content { height: 96vh; margin-top: 2vh; }
  .w-lightbox-view, .w-lightbox-view::before { height: 96vh; }
  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view::before { height: 84vh; }
  .w-lightbox-image { max-width: 96vw; max-height: 96vh; }
  .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; }
  .w-lightbox-left, .w-lightbox-right { opacity: 0.5; display: block; }
  .w-lightbox-close { opacity: 0.8; }
  .w-lightbox-control:hover { opacity: 1; }
}
.w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; }
.w-richtext::before, .w-richtext::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-richtext::after { clear: both; }
.w-richtext[contenteditable="true"]::before, .w-richtext[contenteditable="true"]::after { white-space: initial; }
.w-richtext ol, .w-richtext ul { overflow: hidden; }
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div::after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div::after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: rgb(40, 149, 247) solid 2px; }
.w-richtext figure.w-richtext-figure-type-video > div::after, .w-richtext figure[data-rt-type="video"] > div::after { content: ""; display: none; position: absolute; inset: 0px; }
.w-richtext figure { max-width: 60%; position: relative; }
.w-richtext figure > div::before { cursor: default !important; }
.w-richtext figure img { width: 100%; }
.w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; }
.w-richtext figure div { color: transparent; font-size: 0px; }
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; }
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; }
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { caption-side: bottom; display: table-caption; }
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0px; }
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; }
.w-richtext figure.w-richtext-align-center { clear: both; margin-left: auto; margin-right: auto; }
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; }
.w-richtext figure.w-richtext-align-normal { clear: both; }
.w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; margin-left: auto; margin-right: auto; display: block; }
.w-richtext figure.w-richtext-align-fullwidth > div { padding-bottom: inherit; display: inline-block; }
.w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; }
.w-richtext figure.w-richtext-align-floatleft { float: left; clear: none; margin-right: 15px; }
.w-richtext figure.w-richtext-align-floatright { float: right; clear: none; margin-left: 15px; }
.w-nav { z-index: 1000; background: rgb(221, 221, 221); position: relative; }
.w-nav::before, .w-nav::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-nav::after { clear: both; }
.w-nav-brand { float: left; color: rgb(51, 51, 51); text-decoration: none; position: relative; }
.w-nav-link { vertical-align: top; color: rgb(34, 34, 34); text-align: left; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; display: inline-block; position: relative; }
.w-nav-link.w--current { color: rgb(0, 130, 243); }
.w-nav-menu { float: right; position: relative; }
[data-nav-menu-open] { text-align: center; min-width: 200px; background: rgb(200, 200, 200); position: absolute; top: 100%; left: 0px; right: 0px; overflow: visible; display: block !important; }
.w--nav-link-open { display: block; position: relative; }
.w-nav-overlay { width: 100%; display: none; position: absolute; top: 100%; left: 0px; right: 0px; overflow: hidden; }
.w-nav-overlay [data-nav-menu-open] { top: 0px; }
.w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; }
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { z-index: 1; top: 0px; right: auto; }
.w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; }
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { z-index: 1; top: 0px; left: auto; }
.w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: transparent; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; }
.w-nav-button:focus { outline: 0px; }
.w-nav-button.w--open { color: rgb(255, 255, 255); background-color: rgb(200, 200, 200); }
.w-nav[data-collapse="all"] .w-nav-menu { display: none; }
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open { display: block; }
.w--nav-dropdown-list-open { position: static; }
@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu { display: none; }
  .w-nav[data-collapse="medium"] .w-nav-button { display: block; }
}
@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu { display: none; }
  .w-nav[data-collapse="small"] .w-nav-button { display: block; }
  .w-nav-brand { padding-left: 10px; }
}
@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; }
  .w-nav[data-collapse="tiny"] .w-nav-button { display: block; }
}
.w-tabs { position: relative; }
.w-tabs::before, .w-tabs::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-tabs::after { clear: both; }
.w-tab-menu { position: relative; }
.w-tab-link { vertical-align: top; text-align: left; cursor: pointer; color: rgb(34, 34, 34); background-color: rgb(221, 221, 221); padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; }
.w-tab-link.w--current { background-color: rgb(200, 200, 200); }
.w-tab-link:focus { outline: 0px; }
.w-tab-content { display: block; position: relative; overflow: hidden; }
.w-tab-pane { display: none; position: relative; }
.w--tab-active { display: block; }
@media screen and (max-width: 479px) {
  .w-tab-link { display: block; }
}
.w-ix-emptyfix::after { content: ""; }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.w-dyn-empty { background-color: rgb(221, 221, 221); padding: 10px; }
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { display: none !important; }
.wf-layout-layout { display: grid; }
.w-layout-grid { gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; }
body { color: rgb(255, 255, 255); background-color: rgb(30, 30, 33); font-family: Satoshi, sans-serif; font-size: 16px; line-height: 1; }
h1 { font-size: 80px; line-height: 1; }
h2 { font-size: 72px; font-weight: 700; line-height: 1; }
h3 { margin-top: 20px; margin-bottom: 10px; font-size: 56px; font-weight: 700; line-height: 1; }
h4 { margin-top: 10px; margin-bottom: 10px; font-size: 24px; font-weight: 500; line-height: 1; }
h5 { margin-top: 10px; margin-bottom: 10px; font-family: Satoshi, sans-serif; font-size: 20px; font-weight: 700; }
h6 { margin-top: 10px; margin-bottom: 10px; font-size: 15px; font-weight: 400; line-height: 1.2em; }
p { font-size: 16px; font-weight: 500; line-height: 1.5; }
a { color: rgb(255, 255, 255); }
ul { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; }
img { max-width: 100%; display: inline-block; position: static; }
blockquote { border-left: 3px solid rgb(235, 235, 235); margin-bottom: 10px; padding: 10px 20px; font-size: 19px; line-height: 1.6em; }
figure { margin-bottom: 10px; }
figcaption { text-align: center; margin-top: 5px; margin-bottom: 80px; }
.style-guide-content { padding-top: 40px; }
.style-guide-label { color: rgb(170, 170, 170); letter-spacing: 1px; text-transform: uppercase; margin-top: 10px; margin-bottom: 40px; font-size: 11px; line-height: 11px; }
.style-guide-section { border-radius: 4px; margin: 20px; padding: 60px 30px; position: relative; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; }
.button-primary { backdrop-filter: blur(16px); color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 32px; align-items: center; padding: 6px 16px; font-weight: 400; line-height: 24px; text-decoration: none; transition: border-color 0.2s; display: flex; }
.button-primary:hover { border-color: rgba(255, 255, 255, 0.25); }
.type-column-2 { padding-top: 30px; padding-left: 20px; }
.type-column-1 { padding-right: 20px; }
.style-guide-divider { width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.16); margin-top: 20px; margin-bottom: 10px; }
.nav { z-index: 5000; max-width: none; justify-content: space-between; align-items: stretch; margin-left: auto; margin-right: auto; padding: 8px 40px; display: flex; position: relative; }
.nav-list { flex-direction: row; justify-content: center; align-items: center; margin-left: -32px; display: flex; }
.nav-item { color: rgb(189, 189, 192); letter-spacing: 0.2px; padding: 20px; font-weight: 500; text-decoration: none; transition: color 0.2s; }
.nav-item:hover { color: rgb(255, 255, 255); }
.nav-item.float { color: rgb(255, 255, 255); padding: 16px; font-size: 14px; transition: color 0.2s, color 0.2s; }
.nav-item.float:hover { color: rgba(255, 255, 255, 0.5); }
.nav-buttons { flex-direction: row; align-items: center; display: flex; }
.button-text { letter-spacing: 0.2px; font-size: 14px; font-weight: 600; }
.button-text.float { font-size: 14px; }
.button-secondary { color: rgb(255, 255, 255); background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 32px; align-items: center; padding: 6px 16px; font-weight: 400; line-height: 24px; text-decoration: none; display: none; }
.button-secondary:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px; }
.button-secondary.left { backdrop-filter: blur(16px); border-color: rgba(255, 255, 255, 0.08); margin-right: 12px; transition: border-color 0.2s; display: none; }
.button-secondary.left:hover { box-shadow: none; border-color: rgba(255, 255, 255, 0.25); }
.button-secondary.left.float { background-color: rgb(23, 23, 25); border-style: solid; border-color: rgba(255, 255, 255, 0); margin-right: 0px; transition: background-color 0.2s, border-color 0.2s; }
.button-secondary.left.float:hover { border-style: solid; border-color: rgba(255, 255, 255, 0.25); }
.logo-link { flex-direction: column; justify-content: center; align-items: center; display: flex; }
.section-hero { height: 100vh; min-height: 1280px; margin-top: 112px; position: relative; }
.container { width: 1200px; max-width: 1200px; margin-left: auto; margin-right: auto; }
.container.relative { position: relative; }
.display-1 { text-align: center; letter-spacing: -0.2px; text-shadow: rgba(0, 0, 0, 0.07) 0px 1px; -webkit-text-fill-color: transparent; background-image: linear-gradient(145deg, rgb(255, 255, 255) 65%, rgba(255, 255, 255, 0.43)); background-clip: text; margin-top: 0px; margin-bottom: 24px; line-height: 1.08; }
.intro-block { z-index: 4; width: 600px; flex-direction: column; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: relative; }
.intro-block.ui-ai { width: 800px; }
.display-paragraph { color: rgb(189, 189, 192); text-align: center; margin-bottom: 32px; font-size: 22px; font-weight: 500; }
.button-icon { width: 20px; border-radius: 100%; margin-right: 10px; box-shadow: rgba(0, 0, 0, 0.32) 0px 2px 4px; }
.button-icon.no-shadow { width: 22px; box-shadow: none; border-radius: 0%; margin-right: 10px; }
.button-primary-icon { backdrop-filter: blur(16px); color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 32px; align-items: center; padding: 10px 16px; font-weight: 400; line-height: 24px; text-decoration: none; transition: border-color 0.2s; display: flex; overflow: hidden; }
.button-primary-icon:hover { border-color: rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px; }
.primary-button-text { font-size: 15px; font-weight: 600; }
.solar-system { z-index: 0; flex-direction: column; justify-content: center; align-items: center; margin-top: 300px; padding-bottom: 0px; display: flex; position: absolute; inset: 0%; }
.orbit-div { z-index: 0; width: 100%; max-width: 1200px; flex-direction: column; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: absolute; inset: 0%; }
.orbit-1 { z-index: 2; width: 266px; height: 266px; background-image: url("6408d31fe77edc25e03ef3ee_orbit-01.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; position: absolute; }
.orbit-2 { width: 366px; height: 366px; background-image: url("6408d3e0d8cc0c3841f4610c_orbit-02.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; position: absolute; }
.orbit-3 { width: 500px; height: 500px; background-image: url("6408d3e07780a743800ce785_orbit-03.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; position: absolute; }
.orbit-4 { z-index: 8; width: 650px; height: 650px; background-image: url("6408d37b37c774cb70ce6165_orbit-04.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; position: absolute; }
.orbit-5 { z-index: 3; width: 820px; height: 820px; background-image: url("6408d37bde5aefd9e3e2fb40_orbit-05.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; position: absolute; }
.diagram-planet { z-index: 200; position: relative; bottom: -12px; }
.orbit-6 { width: 950px; height: 950px; background-image: url("6408d37b68e95e20341ee180_orbit-06.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; position: absolute; }
.orbit-7 { width: 1060px; height: 1060px; background-image: url("6408d37b8ca9162921f45f1d_orbit-07.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; position: absolute; }
.orbit-8 { width: 1200px; height: 1200px; background-image: url("6408d37be058903e15faca2e_orbit-08.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; position: absolute; }
.section-genius { margin-top: 80px; padding-top: 320px; padding-bottom: 144px; overflow: hidden; }
.display-2 { text-align: center; letter-spacing: -0.2px; text-shadow: rgba(0, 0, 0, 0.07) 0px 1px; -webkit-text-fill-color: transparent; background-image: linear-gradient(145deg, rgb(255, 255, 255) 65%, rgba(255, 255, 255, 0.43)); background-clip: text; margin-top: 0px; padding-bottom: 16px; font-size: 72px; line-height: 64px; }
.display-paragraph-2 { color: rgb(169, 169, 169); text-align: center; margin-bottom: 0px; font-size: 20px; font-weight: 500; }
.button-flex { margin-top: 32px; display: flex; }
.button-flex.z-top { z-index: 10; position: relative; }
.gradient-wrapper { background-image: linear-gradient(135deg, rgb(30, 30, 32), rgb(14, 14, 17) 32%); position: relative; }
.grid { z-index: 2; gap: 24px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-top: 56px; display: grid; position: relative; }
.grid.automator { grid-template-rows: auto auto; }
.grid.ui-ai { grid-template-rows: auto; }
.section-magician { margin-top: -528px; padding-top: 152px; overflow: hidden; }
.section-automator { margin-top: -80px; padding-top: 295px; overflow: hidden; }
.section-ui-ai { margin-top: 80px; padding-top: 132px; overflow: hidden; }
.footer { max-width: 1200px; margin-top: 320px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; position: relative; }
.footer-flex { z-index: 1; flex-direction: row; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; }
.footer-col { min-width: 240px; flex-direction: column; align-items: flex-start; margin-right: 112px; display: flex; }
.footer-tagline { color: rgba(255, 255, 255, 0.72); margin-top: 16px; margin-bottom: 24px; font-weight: 500; line-height: 24px; }
.footer-col-2 { width: 222px; flex-direction: column; align-items: flex-start; margin-right: 72px; display: flex; }
.footer-col-2.last { margin-right: 0px; }
.footer-heading { margin-bottom: 16px; font-size: 16px; font-weight: 500; line-height: 24px; }
.footer-link { color: rgb(169, 169, 169); margin-bottom: 16px; font-size: 16px; font-weight: 500; line-height: 24px; text-decoration: none; transition: color 0.2s; }
.footer-link:hover { color: rgb(255, 255, 255); }
.footer-graphic { z-index: 0; width: 650px; position: absolute; inset: auto auto -340px -325px; }
.footer-bottom { z-index: 1; justify-content: space-between; align-items: center; margin-top: 124px; margin-bottom: 16px; display: flex; position: relative; }
.footer-year { opacity: 0.8; color: rgb(169, 169, 169); margin-top: 16px; margin-left: 210px; font-size: 14px; font-weight: 500; line-height: 24px; }
.footer-socials-flex { align-items: center; display: flex; }
.social-icon-link { filter: brightness(50%); margin-right: 12px; transition: 0.2s; }
.social-icon-link:hover { filter: brightness(200%); }
.social-icon { width: 24px; }
.planet-div-1 { z-index: 1; position: absolute; inset: 0%; }
.planet-1 { width: 24px; height: 24px; box-shadow: none; border-radius: 100%; position: absolute; inset: auto 143px -7px auto; }
.planet-2 { width: 36px; height: 36px; box-shadow: none; border-radius: 100%; position: absolute; inset: auto 347px 141px auto; }
.planet-3 { width: 110px; height: 110px; box-shadow: none; backdrop-filter: blur(6px); border-radius: 100%; position: absolute; inset: auto 387px 355px auto; }
.planet-4 { width: 140px; height: 140px; box-shadow: none; backdrop-filter: blur(6px); border-radius: 100%; position: absolute; inset: auto 487px 33px auto; }
.planet-5 { width: 120px; height: 120px; box-shadow: none; opacity: 1; backdrop-filter: blur(6px); border-radius: 100%; position: absolute; inset: auto 752px 317px auto; }
.planet-6 { width: 90px; height: 90px; box-shadow: none; backdrop-filter: blur(6px); border-radius: 100%; position: absolute; inset: 144px 809px auto auto; }
.planet-7 { width: 90px; height: 90px; border-radius: 100%; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 400px 1005px auto auto; }
.planet-8 { width: 28px; height: 28px; box-shadow: none; border-radius: 100%; position: absolute; inset: 778px 1149px auto auto; }
.planet-div-2, .planet-div-3, .planet-div-4 { z-index: 1; position: absolute; inset: 0%; }
.planet-div-5 { position: absolute; inset: 0%; }
.planet-div-6, .planet-div-7, .planet-div-8 { z-index: 1; position: absolute; inset: 0%; }
.solar-blur-bottom { z-index: 0; width: 540px; height: 290px; filter: blur(20px); background-color: rgb(20, 20, 22); border-radius: 150px; margin-left: auto; margin-right: auto; position: absolute; inset: -32px 0% auto; }
.solar-blur-top { z-index: 2; width: 520px; height: 290px; filter: blur(15px); background-color: rgb(25, 25, 27); border-radius: 150px; display: none; position: absolute; top: -178px; }
.diagram-button { display: none; }
.brown-planet-img { width: 100%; min-width: 100%; }
.card-heading { margin-top: 0px; margin-bottom: 8px; font-size: 20px; font-weight: 600; line-height: 24px; }
.card-heading.z-top { z-index: 2; margin-bottom: 0px; position: relative; }
.card-heading.z-top.mobile, .card-heading.magic-rename.mobile, .card-heading.mobile-design-system, .card-heading.build-automations-mobile, .card-heading.ui-ai-models-mobile, .card-heading.ui-ai-playground-mobile { display: none; }
.card-paragraph { color: rgb(169, 169, 169); font-size: 15px; }
.card-paragraph.z-top { z-index: 2; position: relative; }
.card-paragraph.z-top.short { max-width: 300px; }
.card-paragraph.z-top.shorter { max-width: 390px; }
.card-paragraph.z-top.shorter.auto-suggest-mobile { display: none; }
.card-paragraph.short { max-width: 340px; }
.card-paragraph.short.mobile { display: none; }
.card-paragraph.medium { max-width: 390px; }
.card-paragraph.medium.mobile, .card-paragraph.medium.automate-mobile, .card-paragraph.medium.automator-community-mobile, .card-paragraph.medium.ui-ai-models-mobile, .card-paragraph.medium.ui-ai-playground-mobile, .card-paragraph.magic-image, .card-paragraph.magic-rename-mobile, .card-paragraph.design-system-mobile { display: none; }
.card-info { z-index: 16; position: relative; }
.card-info.short { max-width: 380px; }
.card-info.short.z-top { z-index: 100; max-width: 400px; position: relative; }
.card-info.short.z-top.long { max-width: 410px; }
.card-info.long { max-width: 422px; }
.card-info.longer { max-width: 470px; }
.card-info.z-top { z-index: 200; }
.wand-div { z-index: 1; flex-direction: column; justify-content: center; align-items: center; margin-top: 40px; margin-bottom: -875px; display: flex; position: relative; }
.wand { z-index: 100; width: 500px; height: 56px; cursor: pointer; border-radius: 10px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 16px; }
.wand-tip { z-index: 5; width: 140px; background-image: linear-gradient(rgb(207, 220, 241) 1%, rgb(255, 255, 255) 13%, rgb(255, 255, 255) 59%, rgb(223, 230, 241) 92%, rgb(212, 221, 236) 96%); border-top-right-radius: 14px; border-bottom-right-radius: 14px; position: relative; }
.wand-shaft { z-index: 5; width: 100%; background-image: linear-gradient(90deg, rgb(12, 12, 12), rgb(29, 26, 31)); border-top-left-radius: 8px; border-bottom-left-radius: 8px; flex-direction: column; justify-content: center; align-items: flex-end; display: flex; position: relative; }
.wand-streak { width: 430px; height: 4px; opacity: 0.85; filter: blur(8px); background-image: linear-gradient(91deg, rgb(0, 0, 0), rgb(255, 255, 255) 31%); margin-bottom: 6px; margin-right: -16px; position: absolute; }
.glow { z-index: 0; width: 980px; position: relative; top: -303px; }
.glow-blur { z-index: 1; width: 800px; height: 250px; filter: blur(60px); background-color: rgb(17, 17, 19); position: absolute; top: 200px; }
.wand-particles { z-index: 1; width: 480px; height: 350px; flex-direction: column; justify-content: flex-start; align-items: center; display: flex; position: absolute; inset: 0%; overflow: hidden; }
.wand-2 { z-index: 14; width: 500px; height: 56px; border-radius: 10px; display: flex; position: relative; top: -73px; left: -220px; transform: rotate(-95deg) scale(0.8); box-shadow: rgba(0, 0, 0, 0.47) 10px 0px 16px; }
.planet-magician-icon { z-index: 2; width: 100%; min-width: 100%; position: absolute; inset: 0%; }
.planet-magician-img { width: 100%; min-width: 100%; }
.planet-genius-icon { width: 100%; min-width: 100%; position: absolute; inset: 0%; }
.planet-genius-img, .planet-ui-ai-img { width: 100%; min-width: 100%; }
.planet-ui-ai-icon { width: 100%; min-width: 100%; position: absolute; inset: 0%; }
.planet-automator-img { width: 100%; }
.planet-automator-icon { width: 100%; min-width: 100%; position: absolute; inset: 0%; }
.brown-planet-ring { width: 100%; min-width: 100%; position: absolute; inset: 19px 0% 0%; }
.cover__padding { z-index: 100; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; padding-left: 9.3%; padding-right: 10.2%; display: flex; position: absolute; inset: 0%; }
.cover { width: 100%; height: 0px; backface-visibility: visible; background-color: rgb(123, 97, 255); background-image: url("6410f10aa7be8d613162a9af_grain.png"), linear-gradient(225deg, rgb(123, 97, 255), rgb(62, 37, 189)); background-position: 50% center, 0px 0px; background-repeat: no-repeat, repeat; background-size: cover, auto; border-top-left-radius: 2px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; padding-bottom: 141%; position: relative; }
.back-cover { z-index: 100; transform-style: preserve-3d; background-image: url("6410f10aa7be8d613162a9af_grain.png"), linear-gradient(225deg, rgb(123, 97, 255), rgb(62, 37, 189)); background-position: 50% center, 0px 0px; background-repeat: no-repeat, repeat; background-size: cover, auto; border-radius: 8px 0px 0px 8px; position: absolute; inset: 0%; transform: translateZ(-2vw) rotateX(0deg) rotateY(180deg) rotate(0deg); }
.pages { background-color: rgb(255, 255, 255); background-image: repeating-linear-gradient(rgba(0, 0, 0, 0.19), rgba(255, 255, 255, 0.1) 5%); }
.pages.pages--top { height: 2vw; transform-origin: 50% 0px; transform-style: preserve-3d; position: absolute; inset: 0% 0.5vw auto 0%; transform: translateY(0.5vw) rotateX(-90deg) rotateY(0deg) rotate(0deg); }
.pages.pages--bottom { height: 2vw; transform-origin: 50% 100%; transform-style: preserve-3d; position: absolute; inset: auto 0.5vw 0% 0%; transform: translateY(-0.5vw) rotateX(90deg) rotateY(0deg) rotate(0deg); }
.pages.pages--side { z-index: 1; width: 2vw; transform-origin: 100% center; transform-style: preserve-3d; background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.19), rgba(255, 255, 255, 0.1) 5%); position: absolute; inset: 0.5vw 0% 0.5vw auto; transform: translate(-0.5vw) rotateX(0deg) rotateY(-90deg) rotate(0deg); }
.spine { width: 2vw; opacity: 1; transform-origin: 0% center; transform-style: preserve-3d; background-image: url("6410f10aa7be8d613162a9af_grain.png"), linear-gradient(225deg, rgb(123, 97, 255), rgb(30, 21, 80)); background-position: 50% center, 0px 0px; background-repeat: no-repeat, repeat; background-size: cover, auto; position: absolute; inset: 0% auto 0% 0%; transform: rotateX(0deg) rotateY(90deg) rotate(0deg); }
.cover__fold { width: 7%; height: 100%; background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.08) 34%, rgba(255, 255, 255, 0.22) 47%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 0.12) 75%, rgba(255, 255, 255, 0)); position: absolute; inset: 0% auto 0% 0%; }
.cover__fold.cover__fold--back { left: auto; right: 0px; transform: rotate(180deg); }
.book { z-index: 5; width: 200px; cursor: pointer; transform-style: preserve-3d; border-top-right-radius: 8px; transition: box-shadow 0.2s; display: block; position: absolute; top: 167px; left: 41px; box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 10px; }
.book:hover { box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 12px 1px; }
.cover__front-shadow { background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(252, 225, 25, 0.1)); border-top-right-radius: 8px; position: absolute; inset: 0%; }
.wand-3 { z-index: 100; width: 500px; height: 56px; border-radius: 10px; display: flex; position: absolute; top: 286px; right: -52px; transform: scale(0.8) rotate(-69deg); box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 16px; }
.book-outline { z-index: 100; width: 164px; max-width: 171px; min-width: 171px; opacity: 0.32; position: absolute; top: 6px; left: 20px; }
.book-title { z-index: 100; width: 120px; position: relative; top: 0px; right: -7px; }
.book-sparkle { z-index: 100; width: 26px; position: absolute; top: 48px; right: 82px; }
.spine-text { width: 25px; transform-style: preserve-3d; position: absolute; top: 64px; right: 4px; transform: rotateX(0deg) rotateY(180deg) rotate(0deg); }
.spine-logo { width: 20px; transform-style: preserve-3d; position: absolute; top: 14px; right: 6px; transform: rotateX(0deg) rotateY(180deg) rotate(0deg); }
.card-icon-area { height: 100%; }
.tile-icon-grid { z-index: 6; gap: 18px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; top: 32px; left: -48px; }
.tile-magic-icon { width: 48px; filter: none; }
.tile-icon { width: 72px; height: 72px; background-image: linear-gradient(rgb(52, 50, 54), rgb(56, 52, 63)); border-radius: 12px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.magic-icon-blur { z-index: 0; width: 800px; height: 600px; filter: blur(18px); background-color: rgb(29, 28, 32); position: absolute; inset: 48px -570px 0% auto; transform: rotate(17deg); }
.magic-icon-wand { z-index: 7; height: 100%; display: flex; position: relative; top: -352px; }
.magic-icons-fade { width: 630px; height: 290px; background-image: linear-gradient(transparent, rgb(24, 23, 25)); position: absolute; inset: 0% 0% 0% 0px; }
.magic-icon-heading-fade { z-index: 0; width: 350px; height: 150px; filter: blur(12px); background-color: rgb(29, 28, 32); border-radius: 40px; display: none; position: absolute; inset: -56px 0% 0% -56px; }
.wand-4 { z-index: 100; width: 500px; height: 56px; border-radius: 10px; display: flex; position: absolute; top: 273px; right: -63px; transform: scale(0.8) rotate(-86deg); box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 16px; }
.magic-image-wand { z-index: 7; height: 100%; display: flex; position: relative; top: -352px; }
.tile-image-container { grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: flex; position: relative; }
.tile-image-area { height: 100%; position: relative; }
.tile-magic-image { width: 100px; opacity: 0.16; }
.tile-image-1 { z-index: 7; width: 200px; height: 200px; background-image: linear-gradient(rgb(52, 50, 54), rgb(56, 52, 63)); border-radius: 32px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; bottom: -24px; overflow: hidden; transform: rotate(2deg); box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.magic-image-blur { z-index: 0; width: 800px; height: 800px; filter: blur(40px); background-color: rgb(29, 28, 32); display: none; position: absolute; inset: 48px -520px 0% auto; transform: rotate(17deg); }
.tile-image-2 { z-index: 6; width: 200px; height: 200px; background-image: linear-gradient(rgb(52, 50, 54), rgb(56, 52, 63)); border-radius: 32px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; bottom: -39px; left: 168px; overflow: hidden; transform: rotate(-2deg); box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.magic-image-img-1 { filter: blur(30px); background-image: url("64123d92b0429bc30db0686f_magic-img-1.png"); background-position: 50% center; background-size: cover; border-radius: 32px; position: absolute; inset: 0%; }
.magic-image-img-2 { filter: blur(30px); background-image: url("646d1a4d9e7c0ce792de6777_basketball-player.png"); background-position: 50% center; background-size: cover; border-radius: 32px; position: absolute; inset: 0%; }
.tile-image-3 { z-index: 5; width: 200px; height: 200px; background-image: linear-gradient(rgb(52, 50, 54), rgb(56, 52, 63)); border-radius: 32px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; bottom: -33px; left: 321px; overflow: hidden; transform: rotate(5deg); box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.magic-image-img-3 { filter: blur(30px); background-image: url("646d1b08a9203b4455bb3d14_streets.png"); background-position: 50% center; background-size: cover; border-radius: 32px; position: absolute; inset: 0%; }
.text-relative { flex-direction: column; justify-content: center; align-items: center; padding-top: 4px; padding-bottom: 4px; display: flex; position: relative; overflow: hidden; }
.frame-renamed-1 { z-index: 2; min-width: 200px; opacity: 1; color: rgb(255, 255, 255); flex-direction: row; justify-content: flex-start; align-items: center; padding-right: 12px; font-size: 18px; font-weight: 500; line-height: 1; display: flex; position: absolute; inset: 0%; }
.frame-icon { margin-right: 16px; }
.frame-name-1 { z-index: 3; color: rgb(255, 255, 255); flex-direction: row; justify-content: flex-start; align-items: center; padding-right: 12px; font-size: 18px; font-weight: 500; line-height: 1; display: block; position: relative; }
.frame-row { z-index: 4; width: 100%; cursor: pointer; border-top-left-radius: 4px; justify-content: flex-start; align-items: center; padding-top: 15px; padding-bottom: 15px; padding-left: 40px; display: flex; position: relative; }
.frame-row:hover { background-color: rgba(255, 255, 255, 0.07); }
.figma-window { z-index: 10; width: 610px; height: auto; cursor: pointer; background-image: linear-gradient(rgb(52, 50, 54), rgb(56, 52, 63)); border-radius: 24px; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding-top: 0px; padding-bottom: 0px; display: flex; position: relative; top: 24px; box-shadow: rgb(82, 81, 84) 0px 2px 2px inset, rgba(0, 0, 0, 0.64) -2px -1px 15px; }
.frames-div { width: 100%; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 15px; display: flex; }
.layer-tree { width: 350px; display: flex; }
.frame-row-2 { z-index: 4; width: 100%; cursor: pointer; justify-content: flex-start; align-items: center; padding-top: 15px; padding-bottom: 15px; padding-left: 80px; display: flex; position: relative; }
.frame-row-2:hover { background-color: rgba(255, 255, 255, 0.07); }
.frame-row-3 { z-index: 4; width: 100%; cursor: pointer; justify-content: flex-start; align-items: center; padding-top: 15px; padding-bottom: 15px; padding-left: 80px; display: flex; position: relative; }
.frame-row-3:hover { background-color: rgba(255, 255, 255, 0.07); }
.frame-row-4 { z-index: 4; width: 100%; cursor: pointer; justify-content: flex-start; align-items: center; padding-top: 15px; padding-bottom: 15px; padding-left: 40px; display: flex; position: relative; }
.frame-row-4:hover { background-color: rgba(255, 255, 255, 0.07); }
.figma-divider { width: 2px; height: 400px; background-color: rgba(0, 0, 0, 0.33); }
.figma-canvas { background-color: rgb(43, 41, 46); flex: 1 1 0%; box-shadow: rgb(82, 81, 84) 0px 2px 2px inset; }
.figma-frame { height: 400px; background-color: rgb(62, 61, 66); border-radius: 48px; position: relative; }
.frame-layer-name-div { align-items: center; margin-bottom: 10px; margin-left: 20px; display: flex; position: relative; overflow: hidden; }
.figma-frame-flex { z-index: 5; border-radius: 14px; flex-direction: column; margin-top: 56px; margin-left: 48px; display: flex; position: relative; }
.frame-layer-name { z-index: 3; opacity: 1; color: rgb(131, 130, 134); flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; font-weight: 500; line-height: 1; display: flex; position: relative; }
.figma-selected-layer { border: 2px solid rgb(24, 160, 251); position: absolute; inset: 0%; }
.figma-selected-box { width: 14px; height: 14px; background-color: rgb(255, 255, 255); border: 2px solid rgb(24, 160, 251); position: absolute; inset: -8px auto auto -7px; }
.magic-rename-wand { z-index: 100; width: 500px; height: 56px; cursor: pointer; border-radius: 10px; display: flex; position: absolute; top: 194px; right: 20px; transform: scale(0.7) rotate(-86deg); box-shadow: rgba(0, 0, 0, 0.55) -19px -5px 19px -4px; }
.frame-layer-renamed { z-index: 3; opacity: 1; color: rgb(131, 130, 134); flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; font-weight: 500; line-height: 1; display: flex; position: absolute; inset: 0%; }
.figma-glow { z-index: 5; width: 610px; filter: blur(48px); background-image: linear-gradient(rgb(107, 0, 255), rgb(99, 22, 255)); border-radius: 24px 24px 0px 0px; position: absolute; inset: 129px 0% 0% 22px; }
.card-copy-magical { z-index: 5; height: 100%; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0% 0% 0% 16px; overflow: hidden; }
.magic-text { width: 530px; position: relative; top: 47px; right: 3px; }
.magic-copy-wand { z-index: 10; height: 100%; display: flex; position: relative; top: -64px; }
.wand-5 { z-index: 100; width: 500px; height: 56px; border-radius: 10px; display: flex; position: absolute; top: 286px; right: -52px; transform: scale(0.8) rotate(-69deg); box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 16px; }
.card-copy-lorem { z-index: 5; height: 100%; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0% -16px 0% 0%; overflow: hidden; }
.figma-grain { z-index: 0; opacity: 0.4; background-image: url("646d1a39a9203b4455ba42ce_figma-grain.png"); background-repeat: no-repeat; background-size: cover; border-radius: 24px; position: absolute; inset: 0%; }
.tile-heading-flex { align-items: center; margin-bottom: 8px; display: flex; }
.reset-button { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(38, 37, 41); border: 1px solid rgb(47, 46, 49); border-radius: 32px; justify-content: center; align-items: center; padding: 8px; font-weight: 400; line-height: 24px; text-decoration: none; transition: box-shadow 0.2s; display: flex; position: absolute; inset: auto 16px 16px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.2) 0px 6px 10px; }
.reset-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.3) 0px 6px 10px; }
.restart-icon { width: 28px; filter: contrast(73%); margin-right: 0px; }
.lorem-text { width: 684px; max-width: none; opacity: 1; color: rgb(39, 39, 41); letter-spacing: -3px; -webkit-text-fill-color: transparent; background-color: rgb(50, 50, 56); background-clip: text; padding-bottom: 24px; font-size: 102px; font-weight: 700; position: absolute; top: 175px; right: -116px; }
.card { max-height: 400px; min-height: 400px; background-color: rgb(29, 28, 32); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; flex-direction: column; justify-content: center; align-items: center; padding: 32px; position: relative; overflow: hidden; }
.card.cursor { cursor: none; }
.designer-card { max-height: 400px; min-height: 400px; perspective: 3500px; position: relative; }
.lorem-particles { z-index: 1; width: 684px; height: 135px; opacity: 0.81; position: relative; inset: -37px 0% 0% 62px; overflow: hidden; }
.lorem-particles-blur { z-index: 2; width: 684px; height: 135px; position: relative; inset: 98px 0% 0% 62px; overflow: hidden; box-shadow: rgb(29, 28, 32) 0px 2px 20px 20px inset; }
.galaxy-logo-face { z-index: 2; width: 100%; height: 100%; position: relative; }
.diagram-galaxy-logo { z-index: 100; width: 190px; height: 190px; margin-left: auto; margin-right: auto; display: block; position: relative; top: -4px; }
.mask { z-index: 1; width: 100%; height: 25px; background-color: rgb(71, 61, 124); position: absolute; top: 25px; }
.mask.right { width: 160px; height: 80px; background-color: rgb(6, 6, 255); border-radius: 20px; margin-left: auto; margin-right: auto; display: none; top: 17px; }
.galaxy-logo-circle { z-index: 1; width: 100%; height: 100%; position: relative; overflow: hidden; }
.galaxy-logo-circle.galaxy-circle { background-image: linear-gradient(rgb(255, 255, 255), rgb(207, 207, 207)); border-radius: 100%; }
.galaxy-logo-circle.galaxy-circle.back { z-index: 0; box-shadow: none; background-color: rgb(101, 101, 102); background-image: none; border-radius: 100%; position: absolute; bottom: -8px; }
.d-cutout { z-index: 500; width: 72px; height: 140px; position: absolute; top: 24px; left: 92px; }
.figma-front { z-index: 2; width: 100%; height: 100%; position: relative; }
.figma-logo { z-index: 3; gap: 0px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: absolute; top: 112px; right: 145px; transform: scale(0.7); }
.figma-pill-1 { width: 100px; height: 100px; position: relative; }
.figma-pill-1.z-1 { z-index: 1; }
.figma-pill-1.z-2 { z-index: 2; }
.figma-pill-1.z-3 { z-index: 3; }
.figma-box { z-index: 1; width: 100%; height: 100%; position: relative; overflow: hidden; }
.figma-box.box--4 { background-color: rgb(81, 205, 255); border-radius: 50% 50% 50px; box-shadow: rgb(38, 86, 255) -1px -4px 14px inset; }
.figma-box.box--5 { z-index: 2; background-color: rgb(68, 229, 135); border-radius: 50% 0% 50px 50%; box-shadow: rgba(1, 12, 10, 0.63) 0px -6px 11px inset; }
.figma-box.box--1 { z-index: 2; background-color: rgb(255, 104, 49); border-top-left-radius: 50%; border-bottom-left-radius: 50%; box-shadow: rgb(197, 29, 0) 12px 0px 16px inset; }
.figma-box.box-top { background-color: rgb(174, 98, 255); border-top-left-radius: 50%; border-bottom-left-radius: 50%; box-shadow: rgb(116, 0, 187) 9px 0px 15px inset; }
.figma-box.box-1-top { background-color: rgb(255, 132, 111); border-top-right-radius: 50%; border-bottom-right-radius: 50%; position: absolute; inset: 0%; box-shadow: rgba(226, 38, 6, 0.77) -11px 1px 16px inset; }
.figma-box.figma-flex { background-color: rgb(255, 132, 111); border-top-right-radius: 50%; border-bottom-right-radius: 50%; overflow: visible; box-shadow: rgba(226, 38, 6, 0.77) -11px 1px 16px inset; }
.figma-box.box-1-bottom { z-index: 0; background-color: rgb(255, 132, 111); border-top-right-radius: 50%; border-bottom-right-radius: 50%; position: absolute; inset: 0%; box-shadow: rgba(255, 132, 111, 0.5) 0px 2px 50px, rgba(0, 0, 0, 0.2) 0px 4px 5px, rgba(226, 38, 6, 0.77) -11px 1px 16px inset; }
.figma-box.figma-flex { background-color: rgb(174, 98, 255); border-top-left-radius: 50%; border-bottom-left-radius: 50%; box-shadow: rgb(116, 0, 187) 9px 0px 15px inset; }
.figma-box.box-bottom { z-index: 0; background-color: rgb(174, 98, 255); border-top-left-radius: 50%; border-bottom-left-radius: 50%; position: absolute; inset: 0%; box-shadow: rgba(174, 98, 255, 0.68) 0px 2px 80px, rgb(0, 0, 0) -7px 4px 20px, rgb(116, 0, 187) 9px 0px 15px inset; }
.figma-box.box-flex { background-color: rgb(81, 205, 255); border-radius: 50% 50% 50px; overflow: visible; box-shadow: rgb(38, 86, 255) -1px -4px 14px inset; }
.figma-box.box-bottom { background-color: rgb(81, 205, 255); border-radius: 50% 50% 50px; box-shadow: rgba(0, 0, 0, 0.56) 0px 2px 11px, rgba(0, 147, 206, 0.56) 0px 3px 40px, rgb(38, 86, 255) -1px -4px 14px inset; }
.figma-box.box-flex-5 { background-color: rgb(68, 229, 135); border-radius: 50% 0% 50px 50%; overflow: visible; box-shadow: rgba(1, 12, 10, 0.63) 0px -6px 11px inset; }
.figma-box.box-bottom-5 { background-color: rgb(68, 229, 135); border-radius: 50% 0% 50px 50%; position: absolute; inset: 0%; box-shadow: rgba(16, 201, 173, 0.56) 0px 2px 30px, rgb(0, 0, 0) 0px 8px 12px; }
.figma-box.box-1-flex { background-color: rgb(255, 104, 49); border-top-left-radius: 50%; border-bottom-left-radius: 50%; overflow: visible; box-shadow: rgb(197, 29, 0) 12px 0px 16px inset; }
.figma-box.box--1-copy-copy { background-color: rgb(255, 104, 49); border-top-left-radius: 50%; border-bottom-left-radius: 50%; position: absolute; inset: 0%; box-shadow: rgba(250, 76, 47, 0.71) 0px 2px 50px, rgb(0, 0, 0) 0px 4px 12px 8px; }
.magician-logo-large { z-index: 3; width: 100px; display: flex; position: absolute; top: 210px; left: 219px; transform: scale(2.12); }
.magician-logo-img { z-index: 1; position: relative; }
.magician-logo-glow { z-index: 0; width: 140px; max-width: none; position: absolute; inset: -17px 0% 0% -21px; }
.icon-stars { z-index: 5; width: 1660px; max-width: none; display: none; position: absolute; inset: 177px -325px auto auto; }
.lorem-stars { z-index: 4; width: 1660px; max-width: none; position: absolute; inset: -111px -325px auto auto; }
.button-stars { z-index: 4; width: 670px; max-width: none; display: none; position: absolute; inset: -56px -325px auto -261px; }
.wand-particles-container { z-index: 1; width: 480px; height: 350px; flex-direction: column; justify-content: flex-start; align-items: center; display: flex; position: relative; top: -601px; overflow: hidden; }
.share-access-row { justify-content: space-between; align-items: center; padding-top: 8px; padding-bottom: 8px; text-decoration: none; display: flex; }
.figma-tab { border-left: 1px solid rgb(53, 53, 53); border-right: 1px solid rgb(53, 53, 53); justify-content: center; align-items: center; padding-left: 36px; padding-right: 36px; display: flex; position: relative; overflow: hidden; }
.icon-particles { z-index: 4; width: 684px; height: 220px; opacity: 0.8; display: none; position: absolute; inset: auto 0% 0%; overflow: hidden; box-shadow: rgb(30, 29, 33) 0px 15px 20px inset; }
.rename-stars { z-index: 5; width: 1660px; max-width: none; position: absolute; inset: 181px -283px auto auto; }
.image-stars { z-index: 4; width: 1410px; max-width: none; display: none; position: absolute; inset: auto 0% -58px -461px; }
.book-stars { z-index: 4; width: 1660px; max-width: none; position: absolute; inset: 156px -337px auto auto; }
.ai-wand-div { z-index: 7; height: 100%; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; top: 201px; }
.fm-magician-blur { z-index: 3; width: 320px; height: 100%; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgb(29, 28, 32) 45%); position: absolute; bottom: 0%; left: 156px; }
.fm-figma-blur { z-index: 3; width: 320px; height: 100%; background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 20%, rgb(29, 28, 32) 63%); position: absolute; bottom: 0%; left: -156px; }
.wand-beam { z-index: 0; width: 100px; opacity: 1; position: absolute; inset: -87px 0% 0% 546px; transform: rotate(89deg); }
.wand-grain { z-index: 4; height: 460px; max-width: 100%; display: none; position: absolute; inset: 0%; transform: rotate(0deg); }
.book-author { z-index: 100; width: 70px; position: relative; top: 12px; right: -7px; }
.book-outline-back { width: 164px; max-width: none; min-width: 171px; opacity: 0.32; position: absolute; top: 6px; left: 11px; }
.book-logo-back { width: 70px; position: relative; top: 0px; right: 0px; }
.conjure-div { position: relative; top: 16px; }
.card_side { backface-visibility: hidden; background-color: rgb(20, 19, 20); border: 1px solid rgb(25, 24, 25); border-radius: 2rem; padding: 4rem 1.75rem 1.75rem; position: absolute; inset: 0%; }
.card_side.is-back { transform-style: preserve-3d; background-image: url("641b4896a9f39028f2730069_conjure-image.png"); background-position: 50% center; background-size: cover; border-style: none; border-radius: 32px; padding: 0px; transform: rotateX(0deg) rotateY(180deg) rotate(0deg); box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 25px; }
.card_side.is-front { row-gap: 2.5rem; background-color: transparent; background-image: linear-gradient(rgb(52, 50, 54), rgb(56, 52, 63)); border-style: none; border-radius: 32px; flex-direction: column; justify-content: center; align-items: center; padding: 0px; display: flex; box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.image_card_wrapper { z-index: 10; width: 200px; height: 200px; flex-direction: row; justify-content: space-between; align-items: center; display: flex; position: relative; left: 8px; }
.icon_card_wrapper { z-index: 10; width: 72px; height: 72px; flex-direction: row; justify-content: space-between; align-items: center; display: flex; position: relative; top: -67px; left: -4px; transform: scale(0.72); }
.icon_card_side { backface-visibility: hidden; background-color: rgb(20, 19, 20); border: 1px solid rgb(25, 24, 25); border-radius: 2rem; padding: 4rem 1.75rem 1.75rem; position: absolute; inset: 0%; }
.icon_card_side.is-front { row-gap: 2.5rem; background-color: transparent; background-image: linear-gradient(rgb(52, 50, 54), rgb(56, 52, 63)); border-style: none; border-radius: 12px; flex-direction: column; justify-content: center; align-items: center; padding: 0px; display: flex; box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.tile-magic-icon-card { width: 52px; opacity: 0.16; }
.icon_card_side_2 { backface-visibility: hidden; background-color: rgb(20, 19, 20); border: 1px solid rgb(25, 24, 25); border-radius: 2rem; padding: 4rem 1.75rem 1.75rem; position: absolute; inset: 0%; }
.icon_card_side_2.is-back { transform-style: preserve-3d; background-image: linear-gradient(rgb(52, 50, 54), rgb(56, 52, 63)); border-style: none; border-radius: 12px; flex-direction: column; justify-content: center; align-items: center; padding: 0px; display: flex; transform: rotateX(0deg) rotateY(180deg) rotate(0deg); box-shadow: rgb(82, 81, 84) 0px 2px 2px inset, rgba(0, 0, 0, 0.5) 0px 20px 25px; }
.question-mark-div { z-index: 4; width: 279px; height: 398px; border-radius: 24px; flex-direction: column; justify-content: flex-end; align-items: center; margin-left: auto; margin-right: auto; display: none; position: absolute; inset: 0%; overflow: hidden; }
.question-mark-pattern { z-index: 1; width: 220px; max-width: none; position: relative; top: -10px; }
.question-mark-fade { z-index: 2; height: 800px; background-image: linear-gradient(rgb(29, 28, 32) 60%, rgba(255, 255, 255, 0) 92%); position: absolute; inset: auto 0% 0%; }
.teaser-logo-flex { width: 329px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; top: -186px; }
.genius-header-logo { z-index: 0; cursor: pointer; position: relative; }
.genius-header-blur { z-index: 1; height: 243px; filter: none; background-image: linear-gradient(transparent, rgb(14, 14, 17) 45%); margin-left: auto; margin-right: auto; position: absolute; top: 92px; left: 0%; right: 0%; }
.teaser-text-div { z-index: 10; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; }
.lofi-flex { justify-content: space-between; align-items: center; margin-bottom: 24px; display: flex; }
.lofi-profile { width: 28px; height: 28px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border-radius: 100%; margin-right: 20px; }
.lofi-container-2 { flex-direction: column; margin-top: 24px; display: flex; }
.lofi-subhead { width: 60px; height: 18px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border-radius: 6px; margin-bottom: 16px; }
.lofi-title { width: 88px; height: 18px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border: 1px solid rgb(80, 80, 81); border-radius: 6px; margin-bottom: 10px; }
.lofi-description-2 { width: 48px; height: 6px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border-radius: 8px; margin-bottom: 6px; }
.lofi-block { width: 72px; height: 72px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border: 1px solid rgb(80, 80, 81); border-radius: 12px; }
.lofi-description-1 { width: 64px; height: 6px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border-radius: 8px; margin-bottom: 6px; }
.figma-design { z-index: 12; width: 240px; height: 512px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-image: linear-gradient(172deg, rgb(31, 30, 33), rgb(19, 18, 22) 62%); border: 1px solid transparent; border-radius: 20px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; display: block; position: relative; top: 25px; left: 5px; overflow: hidden; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) 0px 0px 16px -4px; }
.lofi-header { width: 104px; height: 18px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border-radius: 6px; }
.lofi-off-screen-container { width: 288px; margin-bottom: 20px; display: flex; }
.lofi-container-1 { margin-bottom: 20px; display: flex; }
.lofi-flex-1 { flex-direction: column; justify-content: center; margin-left: 22px; display: flex; }
.lofi-block-lg { width: 120px; height: 120px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border: 1px solid rgb(80, 80, 81); border-radius: 12px; margin-right: 16px; }
.you-cursor { z-index: 1200; max-height: 28px; max-width: 50px; margin-bottom: -64px; padding: 40px; display: flex; position: absolute; inset: auto 404px 104px auto; }
.cursor-relative { flex-direction: column; display: block; position: relative; }
.cursor-arrow { width: 48px; height: 48px; background-image: url("6419fcf201b63d00e0fe2c95_you-cursor.png"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; position: absolute; top: -42px; left: -36px; }
.cursor-nametag { max-height: 28px; max-width: 50px; background-color: rgb(13, 153, 255); padding: 4px 8px; }
.cursor-text { letter-spacing: 0.2px; cursor: none; font-size: 18px; font-weight: 700; line-height: 1; }
.cursor-nametag-genius { background-color: rgb(0, 0, 0); border: 1.5px solid rgb(255, 255, 255); border-radius: 3px 20px 20px; padding: 8px 12px; display: flex; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 12px -4px; }
.genius-cursor-outter { min-height: 20px; min-width: 20px; position: absolute; inset: 0%; }
.genius-cursor-hole { width: 5px; height: 5px; min-height: 5px; min-width: 5px; background-color: rgb(0, 0, 0); border-radius: 100%; position: relative; inset: 0%; }
.genius-cursor-icon { min-height: 20px; min-width: 20px; flex-direction: column; justify-content: center; align-items: center; margin-top: -1px; margin-right: 8px; display: flex; position: relative; }
.genius-cursor { z-index: 22; cursor: none; display: flex; position: absolute; inset: auto 4px 350px auto; transform: scale(0.5); }
.genius-cursor-ring { min-height: 20px; min-width: 20px; position: absolute; inset: 0%; }
.ui-ai-genius-absolute { z-index: 14; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: -20px 0% 0%; overflow: hidden; }
.ui-ai-genius-logo { width: 128px; height: 128px; background-image: linear-gradient(145deg, rgb(32, 31, 34), rgb(20, 19, 22)); border: 1.2px solid rgb(146, 146, 175); border-radius: 32px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; box-shadow: rgba(204, 199, 199, 0.2) 0px -1px 1px inset, rgba(204, 199, 199, 0.2) 0px 1px 1px inset, rgba(0, 0, 0, 0.2) 0px 25px 20px -1px; }
.ui-ai-metal-icon { width: 64px; }
.ui-ai-genius-flex { perspective: 2000px; border-radius: 32px; position: relative; top: 59px; }
.ui-ai-genius-ring-1 { z-index: 9; opacity: 0.4; border: 1.2px solid rgb(146, 146, 175); border-radius: 52px; margin: -20px; position: absolute; inset: 0%; }
.ui-ai-genius-ring-2 { z-index: 8; opacity: 0.2; border: 1.2px solid rgb(146, 146, 175); border-radius: 72px; margin: -40px; position: absolute; inset: 0%; }
.ui-ai-genius-ring-3 { z-index: 7; opacity: 0.1; border: 1.2px solid rgb(146, 146, 175); border-radius: 92px; margin: -60px; position: absolute; inset: 0%; }
.ui-ai-genius-ring-4 { z-index: 6; opacity: 0.03; border: 1.2px solid rgb(146, 146, 175); border-radius: 112px; margin: -80px; position: absolute; inset: 0%; }
.card-button { backdrop-filter: blur(15px); color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.08); border: 1px solid rgb(146, 146, 175); border-radius: 32px; align-items: center; padding: 12px 16px; font-weight: 400; line-height: 24px; text-decoration: none; display: none; position: absolute; bottom: 16px; overflow: hidden; }
.card-button:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px; }
.card-button-text { font-size: 14px; font-weight: 600; line-height: 1; }
.ui-ai-glare { width: 10px; height: 20px; filter: blur(15px); background-color: rgba(255, 255, 255, 0.5); border-radius: 100%; position: absolute; }
.ui-ai-glare-div { border-radius: 32px; flex-direction: column; justify-content: center; align-items: center; display: none; position: absolute; inset: 0%; overflow: hidden; }
.figma-controls { z-index: 3; align-items: center; margin-left: 16px; display: flex; position: relative; }
.figma-user-ring { border: 1.5px solid rgb(54, 54, 56); border-radius: 100%; padding: 4px; }
.figma-user-ring.left { width: 44px; margin-right: 10px; position: relative; }
.figma-user-ring.right { z-index: 1; width: 44px; height: 44px; border-color: rgba(54, 54, 56, 0.68); margin-right: 0px; position: relative; }
.figma-user { width: 34px; height: 34px; min-height: 32px; min-width: 32px; background-color: rgb(11, 153, 255); border-radius: 100%; flex-direction: column; justify-content: center; align-items: center; margin-right: 0px; display: flex; }
.figma-user.purple { background-color: rgb(144, 124, 255); }
.figma-user.green { background-color: rgb(27, 196, 125); }
.figma-user.share { margin-right: 10px; }
.figma-toolbar { z-index: 280; width: 350px; height: 64px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); flex-direction: row; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 20px; display: flex; position: relative; left: -104px; }
.figma-right-panel { width: 200px; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.07); margin-left: 38px; }
.figma-tab-wrapper { z-index: 1; height: 48px; background-color: rgba(0, 0, 0, 0.16); border-bottom: 1px solid rgba(255, 255, 255, 0.07); border-top-left-radius: 0px; border-top-right-radius: 10px; align-items: center; padding-left: 16px; padding-right: 16px; display: flex; position: relative; }
.y-text-sm { font-size: 12px; font-weight: 700; }
.figma-tab-bar { height: 100%; margin-left: 24px; display: flex; }
.figma-teammate-absolute { align-items: flex-end; display: flex; position: absolute; inset: 0%; }
.figma-corner { z-index: 10; width: 248px; height: 269px; max-width: 248px; backdrop-filter: blur(36px); background-color: rgba(255, 255, 255, 0.01); background-image: radial-gradient(circle at 0px 0px, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 76%); border: 1px solid rgb(44, 44, 46); border-top-right-radius: 10px; margin-right: 32px; position: relative; top: 12px; left: -2px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px; }
.figma-user-genius { width: 32px; height: 32px; background-color: rgb(0, 0, 0); border-radius: 100%; flex-direction: column; justify-content: center; align-items: center; display: none; }
.genius-figma-grain { z-index: 10; opacity: 0.43; background-image: url("6419fcf201b63d64e4fe2ca4_grain.png"); background-position: 50% center; background-size: cover; border-top-right-radius: 10px; display: none; position: absolute; inset: 0%; }
.genius-figma-grain-2 { z-index: 0; opacity: 0.52; backdrop-filter: blur(6px); background-image: url("641771a93c99857eee115b97_figma-grain.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; border-radius: 0px 10px 0px 0px; position: absolute; inset: 0%; }
.text-to-design-absolute { z-index: 100; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 72px 0% 0%; }
.text-design-orbit-1 { width: 170px; height: 170px; opacity: 0.25; background-image: url("6408d31fe77edc25e03ef3ee_orbit-01.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.text-to-design-ui { z-index: 2; width: 500px; height: 52px; box-shadow: none; background-color: rgb(38, 38, 41); border-radius: 80px; position: absolute; }
.text-to-design-border { z-index: 0; background-image: linear-gradient(145deg, rgb(86, 86, 87), rgb(52, 52, 55)); border-radius: 80px; margin: -0.5px; position: absolute; inset: 0%; }
.text-to-design-div { width: 500px; height: 52px; border-radius: 10px; position: absolute; }
.chat-ui-flex { height: 48px; border-radius: 80px; justify-content: space-between; align-items: center; padding: 8px; display: flex; position: relative; overflow: hidden; }
.text-to-design-left { flex-direction: row; align-items: flex-start; padding-left: 0px; display: flex; position: relative; }
.text-to-design-icon { width: 20px; opacity: 1; }
.text-to-design-text { opacity: 0.5; color: rgb(238, 238, 238); margin-top: 1px; margin-left: 16px; font-size: 17px; font-weight: 500; }
.text-design-orbit-2 { width: 260px; height: 260px; opacity: 0.2; background-image: url("6408d3e0d8cc0c3841f4610c_orbit-02.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.text-design-orbit-3 { width: 350px; height: 350px; opacity: 0.15; background-image: url("6408d3e07780a743800ce785_orbit-03.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.text-design-orbit-4 { width: 440px; height: 440px; opacity: 0.1; background-image: url("6408d37b37c774cb70ce6165_orbit-04.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.text-design-orbit-5 { width: 535px; height: 535px; opacity: 0.1; background-image: url("6408d37bde5aefd9e3e2fb40_orbit-05.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.styles---glowing-button { display: none; }
.generate-button { z-index: 20; height: 36px; box-shadow: none; background-color: rgb(49, 49, 49); background-image: radial-gradient(circle farthest-side at 50% 270%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.generate-button:hover { box-shadow: none; }
.generate-button-text { z-index: 10; opacity: 1; -webkit-text-fill-color: transparent; background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 75%); background-clip: text; font-size: 14px; font-weight: 600; position: relative; }
.generate-glow-absolute { z-index: 160; height: 36px; flex-direction: column; justify-content: flex-end; align-items: center; display: flex; position: absolute; inset: 0%; }
.generate-glow-line { z-index: 10; width: 100%; height: 1px; background-image: radial-gradient(circle farthest-side at 50% 150%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 103%); margin-bottom: 0px; position: relative; top: 0px; }
.generate-glow-line-blur { z-index: 10; width: 70px; height: 2px; filter: blur(6px); background-image: radial-gradient(circle farthest-side at 50% 150%, rgb(255, 255, 255), rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0) 67%); position: absolute; }
.gen-button-stars-div { z-index: 0; height: 42px; background-color: rgba(0, 0, 0, 0.25); background-image: url("64222325005a73f615ab18aa_button-stars-2.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.planet-1-genius { width: 12px; height: 12px; box-shadow: none; filter: grayscale(); border-radius: 100%; position: absolute; inset: auto 141px 23px auto; }
.planet-2-genius { width: 12px; height: 12px; max-height: 12px; max-width: 12px; min-height: 12px; min-width: 12px; box-shadow: none; filter: grayscale(); background-color: rgb(121, 174, 255); border-radius: 100%; position: absolute; inset: auto 243px 173px auto; }
.generate-button-relative { height: 36px; border-radius: 80px; text-decoration: none; transition: box-shadow 0.2s; position: relative; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px; }
.generate-button-relative:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; }
.generate-button-orbit { z-index: -1; width: 113px; height: 48px; background-image: url("6421c188ae017f83cc792ddf_generate-orbit-line.png"); background-repeat: no-repeat; background-size: contain; border-radius: 80px; margin: -8px; position: relative; inset: -34px 0% 0% 1.75px; }
.button-planet { width: 7px; height: 7px; box-shadow: none; filter: grayscale(); background-image: url("6410e00f948c5912806107cb_planet-red.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; border-radius: 100%; position: absolute; }
.generate-button-outline { z-index: 100; height: 36px; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: absolute; inset: 0%; overflow: hidden; }
.gen-button-particles { z-index: 0; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.planet-3-genius { width: 12px; height: 12px; box-shadow: none; filter: grayscale(); border-radius: 100%; position: absolute; inset: auto 329px 100px auto; }
.planet-4-genius { width: 12px; height: 12px; box-shadow: none; filter: grayscale(); background-color: rgb(121, 174, 255); border-radius: 100%; position: absolute; inset: auto 377px 75px auto; }
.planet-5-genius { width: 12px; height: 12px; box-shadow: none; filter: grayscale(); background-color: rgb(121, 174, 255); border-radius: 100%; position: absolute; inset: auto 515px 339px auto; }
.generate-app-absolute { z-index: 2000; flex-direction: column; justify-content: flex-end; align-items: flex-start; display: none; position: absolute; inset: 0%; }
.menu-item { cursor: none; margin-bottom: 16px; display: flex; position: relative; }
.cosmos-screen-1 { width: 230px; height: 500px; min-height: 500px; background-color: rgb(27, 27, 30); border: 1px solid rgb(45, 45, 45); border-radius: 18px; position: relative; top: 133px; left: 46px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 22px; }
.cosmos-top-nav { width: 100%; }
.cosmos-search { width: 200px; height: 32px; background-color: rgb(41, 41, 43); border-radius: 80px; flex-direction: column; justify-content: center; margin-top: 4px; margin-left: auto; margin-right: auto; padding-left: 12px; padding-right: 12px; display: flex; }
.cosmos-search-flex { align-items: center; display: flex; }
.cosmos-search-icon { width: 12px; height: 12px; }
.cosmos-search-text { color: rgb(238, 238, 238); margin-left: 10px; font-size: 12px; font-weight: 700; }
.cosmos-category-block { border-bottom: 1px solid rgb(45, 45, 45); justify-content: space-between; margin-top: 12px; padding-bottom: 10px; padding-left: 8px; padding-right: 8px; display: flex; position: relative; }
.cosmos-cateogry-name { color: rgb(238, 238, 238); font-size: 10px; font-weight: 700; }
.cosmos-cateogry-name.disabled { color: rgb(255, 255, 255); font-size: 10px; }
.cosmo-category { width: 48px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; }
.cosmos-category-icon { width: 18px; margin-bottom: 10px; }
.cosmos-active-line { width: 28px; height: 2px; color: rgb(238, 238, 238); background-color: rgb(238, 238, 238); border-radius: 20px; position: absolute; top: 47px; left: 17px; }
.comets-scroll { height: 250px; display: block; overflow: scroll; }
.cosmos-listing { margin-top: 12px; margin-bottom: 32px; padding-left: 12px; padding-right: 12px; }
.cosmos-listing-image { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; }
.cosmos-listings-info { justify-content: space-between; align-items: flex-end; margin-top: 12px; display: flex; }
.cosmos-info-block { flex-direction: column; align-items: flex-start; display: flex; }
.cosmos-info-block.right { align-items: flex-end; }
.comos-info-title { color: rgb(238, 238, 238); margin-bottom: 5px; font-size: 12px; font-weight: 700; }
.comos-info-subhead { color: rgb(170, 170, 170); font-size: 12px; font-weight: 500; }
.cosmos-rating-text { color: rgb(170, 170, 170); font-size: 10px; font-weight: 500; }
.cosmos-star-flex { flex-direction: row; align-items: center; margin-bottom: 6px; display: flex; }
.cosmos-star-icon { width: 8px; opacity: 0.5; margin-bottom: 1px; margin-right: 3px; }
.comos-price-text { color: rgb(238, 238, 238); font-size: 10px; font-weight: 700; }
.cosmos-screen-2 { width: 230px; height: 500px; min-height: 500px; background-color: rgb(27, 27, 30); border: 1px solid rgb(45, 45, 45); border-radius: 18px; flex-direction: column; justify-content: flex-end; display: flex; position: absolute; top: -236px; left: 314px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 22px; }
.cosmos-checkout-block { width: 100%; border-top: 1px solid rgb(45, 45, 45); flex-direction: column; justify-content: center; margin-left: auto; margin-right: auto; padding-top: 12px; padding-bottom: 12px; display: flex; }
.cosmos-confirm-button { width: 200px; height: 40px; box-shadow: none; background-image: linear-gradient(rgb(172, 174, 253), rgb(172, 174, 253)); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; text-decoration: none; display: flex; }
.cosmos-confirm-text { color: rgb(0, 0, 0); font-size: 14px; font-weight: 800; }
.cosmos-scroll-2 { height: 200px; flex-direction: column; justify-content: flex-end; overflow: scroll; }
.cosmos-listing-block { padding-left: 12px; padding-right: 12px; }
.comos-info-title-large { color: rgb(238, 238, 238); margin-bottom: 8px; font-size: 18px; font-weight: 700; }
.cosmos-listings-info-large { border-bottom: 1px solid rgb(45, 45, 45); justify-content: space-between; align-items: flex-start; margin-top: 16px; padding-bottom: 20px; display: flex; }
.cosmos-listings-info-large.flex-column { flex-direction: column; }
.cosmos-listings-info-large.flex-column.last { border-bottom-style: none; }
.cosmos-rating-text-large { color: rgb(170, 170, 170); font-size: 12px; font-weight: 500; }
.cosmos-star-icon-large { width: 12px; opacity: 0.5; margin-bottom: 0px; margin-right: 4px; }
.cosmos-info-subhead-large { color: rgb(170, 170, 170); font-size: 12px; font-weight: 500; }
.comos-info-section-text { color: rgb(238, 238, 238); margin-bottom: 0px; font-size: 16px; font-weight: 700; }
.cosmos-amenities-list { width: 100%; flex-direction: column; margin-top: 20px; display: flex; }
.cosmos-amenity-item { align-items: center; margin-bottom: 16px; display: flex; }
.cosmos-amenity-item.last { margin-bottom: 0px; }
.cosmos-amenity-icon { width: 18px; margin-right: 12px; }
.cosmos-amenity-text { color: rgb(170, 170, 170); font-size: 12px; font-weight: 500; }
.cosmos-galaxy-headings { width: 100%; flex-direction: column; margin-top: 0px; display: flex; }
.cosmos-galaxy-text { color: rgb(170, 170, 170); margin-top: 8px; font-size: 12px; font-weight: 500; }
.cosmos-listing-image-large { border-radius: 8px; margin-top: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; }
.cosmos-total-cost-large { color: rgb(238, 238, 238); margin-top: 8px; font-size: 32px; font-weight: 700; }
.comos-info-section-text-small { color: rgb(170, 170, 170); margin-bottom: 0px; font-size: 12px; font-weight: 500; }
.planet-image { width: 100%; max-height: 12px; max-width: 12px; display: block; }
.auto-iterate-absolute { z-index: 25; width: 240px; height: 512px; perspective-origin: 0px 0px; transform-origin: 0px 0px; border-radius: 16px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; top: 144px; left: 305px; }
.iterate-button-relative { z-index: 1; width: 80px; height: 36px; border-radius: 80px; text-decoration: none; transition: box-shadow 0.2s; position: relative; bottom: 132px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px; }
.iterate-button-relative:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; }
.iterate-button { z-index: 20; height: 36px; box-shadow: none; background-color: rgb(49, 49, 49); background-image: radial-gradient(circle farthest-side at 50% 270%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)); border-radius: 80px; flex-direction: column; justify-content: center; align-items: flex-start; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.iterate-button:hover { box-shadow: none; }
.iterate-glow-absolute { z-index: 160; height: 36px; flex-direction: column; justify-content: flex-end; align-items: center; display: flex; position: absolute; inset: 0%; }
.planet-toggle { z-index: 200; width: 28px; height: 28px; cursor: none; background-image: radial-gradient(circle farthest-side at 0px 100%, rgb(49, 49, 49) 22%, rgb(75, 75, 75) 68%, rgb(116, 115, 115)); border-radius: 100%; position: absolute; top: 110px; left: 84px; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(255, 255, 255, 0.27) -2px 2px 4px inset; }
.iterate-button-orbit { z-index: -1; width: 92px; height: 55px; background-image: url("64384a7bcc6295d18c5561fb_iterate-button-outline.png"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; border-radius: 80px; margin: -8px; position: relative; inset: -38px 0% 0% 1.75px; }
.iterate-button-particles { z-index: 0; height: 36px; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.toggle-text-div { z-index: 8; width: 165px; height: 80px; cursor: none; justify-content: space-between; align-items: center; text-decoration: none; display: flex; position: absolute; top: 83px; }
.switch-text-off { color: rgba(255, 255, 255, 0.31); cursor: none; font-size: 16px; font-weight: 700; }
.switch-text-on { -webkit-text-fill-color: transparent; cursor: none; background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 75%); background-clip: text; margin-right: 6px; font-size: 16px; font-weight: 700; }
.iterate-button-outline { z-index: 19; height: 36px; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: absolute; inset: 0%; overflow: hidden; }
.genius-cursor-arrow { width: 48px; position: absolute; top: -42px; left: -36px; }
.switch-text-overflow { overflow: hidden; }
.figma-design-genius { z-index: 20; width: 240px; height: 512px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-image: linear-gradient(172deg, rgb(31, 30, 33), rgb(19, 18, 22) 62%); border: 1px solid rgba(255, 255, 255, 0); border-radius: 20px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; display: block; position: absolute; top: 0px; left: -268px; overflow: hidden; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) 0px 0px 16px -4px; }
.planet-toggle-2 { z-index: 19; width: 28px; height: 28px; background-image: radial-gradient(circle farthest-side at 0px 100%, rgb(49, 49, 49) 22%, rgb(75, 75, 75) 68%, rgb(116, 115, 115)); border-radius: 100%; position: absolute; top: 110px; left: 84px; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(255, 255, 255, 0.27) -2px 2px 4px inset; }
.lofi-title-genius { width: 88px; height: 18px; background-color: rgb(41, 41, 43); border: 1px solid rgb(80, 80, 81); border-radius: 6px; margin-bottom: 10px; }
.lofi-description-genius-1 { width: 64px; height: 6px; background-color: rgb(41, 41, 43); border-radius: 8px; margin-bottom: 6px; }
.lofi-description-genius-2 { width: 48px; height: 6px; background-color: rgb(41, 41, 43); border-radius: 8px; margin-bottom: 6px; }
.lofi-block-genius { z-index: 0; width: 72px; height: 72px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border: 1px solid rgb(80, 80, 81); border-radius: 12px; position: relative; }
.lofi-block-genius-2 { z-index: 2; width: 72px; height: 72px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border: 1px solid rgb(80, 80, 81); border-radius: 12px; position: absolute; }
.lofi-container-genius-1 { margin-bottom: 20px; display: flex; }
.lofi-block-genius-1 { z-index: 1; width: 72px; height: 72px; perspective-origin: 0px 0px; transform-origin: 0px 0px; background-color: rgb(41, 41, 43); border: 1px solid rgb(80, 80, 81); border-radius: 12px; position: absolute; }
.iterate-restart-absolute { z-index: 100; flex-direction: column; justify-content: flex-end; align-items: flex-start; display: none; position: absolute; inset: 0%; }
.iterate-reset-button { color: rgb(255, 255, 255); cursor: none; background-color: rgb(38, 37, 41); border: 1px solid rgb(47, 46, 49); border-radius: 32px; align-items: center; padding: 8px; font-weight: 400; line-height: 24px; text-decoration: none; transition: box-shadow 0.2s; display: flex; position: absolute; inset: auto 16px 16px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.2) 0px 6px 10px; }
.iterate-reset-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.3) 0px 6px 10px; }
.toggle-blocker { z-index: 10; width: 165px; height: 80px; cursor: none; justify-content: space-between; align-items: center; text-decoration: none; display: flex; position: absolute; top: 83px; }
.lofi-container-genius-2 { opacity: 0; flex-direction: column; margin-top: 24px; display: flex; }
.restart-icon-iterate { width: 28px; filter: contrast(73%); margin-right: 0px; }
.shooting-star-1 { z-index: 0; width: 400px; height: 400px; position: absolute; top: 178px; right: 345px; }
.shooting-star-2 { z-index: 0; width: 400px; height: 400px; transform-style: preserve-3d; position: absolute; top: 1013px; right: 624px; transform: rotateX(0deg) rotateY(180deg) rotate(0deg); }
.shooting-star-3 { z-index: 0; width: 400px; height: 400px; position: absolute; top: 2554px; right: 647px; }
.chat-orbit-1 { z-index: 3; width: 88px; height: 88px; opacity: 0.25; background-image: url("6408d31fe77edc25e03ef3ee_orbit-01.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.chat-orbit-div { z-index: 8; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; }
.chat-orbit-2 { z-index: 3; width: 140px; height: 140px; opacity: 0.2; background-image: url("6408d31fe77edc25e03ef3ee_orbit-01.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.chat-orbit-container { z-index: 5; width: 250px; height: 250px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; top: 93px; left: 10px; right: 99px; }
.chat-orbit-3 { z-index: 3; width: 200px; height: 200px; opacity: 0.15; background-image: url("6408d31fe77edc25e03ef3ee_orbit-01.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.chat-orbit-4 { z-index: 3; width: 250px; height: 250px; opacity: 0.1; background-image: url("6408d31fe77edc25e03ef3ee_orbit-01.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.designchat-genius { z-index: 4; perspective-origin: 0px 100%; transform-origin: 0px 100%; background-color: rgb(24, 23, 26); background-image: linear-gradient(rgb(31, 30, 33) 18%, rgb(19, 18, 22)); border-radius: 24px 24px 24px 10px; align-items: center; margin-bottom: 12px; padding: 12px 20px; display: flex; position: absolute; bottom: 149px; left: 63px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 3px, rgba(112, 112, 112, 0.3) 0px -2px 10px 1px inset; }
.design-chat-text { color: rgb(224, 224, 224); letter-spacing: -0.2px; cursor: default; font-size: 15px; font-weight: 600; line-height: 1.3; display: inline-block; }
.design-chat-text.bold { font-size: 15px; font-weight: 800; }
.design-chat-text.ios { font-size: 17px; font-weight: 700; }
.chat-orbit-5 { z-index: 3; width: 300px; height: 300px; opacity: 0.1; background-image: url("6408d31fe77edc25e03ef3ee_orbit-01.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.genius-invite-icon-div { flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; }
.genius-invite-icon { width: 26px; height: 26px; position: absolute; }
.share-info-text { letter-spacing: 0.3px; margin-left: 0px; margin-right: 17px; font-size: 14px; font-weight: 500; text-decoration: none; }
.share-sheet { z-index: 1000; width: 255px; background-color: rgb(41, 41, 43); background-image: linear-gradient(rgb(31, 30, 33), rgb(19, 18, 22)); border-radius: 6px; margin-top: 0px; padding-bottom: 16px; display: block; position: absolute; inset: 8px -20px auto auto; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.3) 0px 4px 8px; }
.share-org-text { margin-left: 0px; font-weight: 600; text-decoration: none; }
.share-access-org { align-items: center; padding-left: 16px; padding-right: 12px; display: flex; }
.share-heading { letter-spacing: 0.4px; margin-right: 20px; font-size: 14px; font-weight: 600; }
.share-header { border-bottom: 1px solid rgba(61, 61, 61, 0.46); align-items: center; margin-bottom: 8px; padding: 14px 16px; display: flex; }
.share-placeholder-text { width: 60px; height: 14px; background-color: rgb(41, 41, 43); border-radius: 5px; margin-right: 20px; }
.figma-user-genius-lg { width: 32px; height: 32px; border-radius: 100%; flex-direction: column; justify-content: center; align-items: center; margin-right: 10px; display: flex; }
.genius-share-icon { width: 24px; }
.invite-button-relative { height: 36px; cursor: none; border-radius: 80px; margin-right: 16px; text-decoration: none; transition: box-shadow 0.2s; position: relative; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px; }
.invite-button { z-index: 20; height: 36px; box-shadow: none; background-color: rgb(49, 49, 49); background-image: radial-gradient(circle farthest-side at 50% 270%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.invite-button:hover { box-shadow: none; }
.user-text { cursor: default; font-size: 16px; font-weight: 600; }
.invite-glow-absolute { z-index: 160; height: 36px; flex-direction: column; justify-content: flex-end; align-items: center; display: flex; position: absolute; inset: 0%; }
.you-cursor-invite { z-index: 1200; max-height: 28px; max-width: 50px; margin-bottom: -80px; padding: 40px; display: flex; position: absolute; inset: auto 126px 110px auto; }
.genius-cursor-invite { z-index: 40; cursor: default; display: flex; position: absolute; top: auto; bottom: -134px; left: 42px; }
.cursor-relative-invite { flex-direction: column; display: flex; position: relative; }
.genius-cursor-arrow-invite { width: 48px; position: absolute; top: -42px; left: -36px; }
.cursor-nametag-genius-invite { background-color: rgb(0, 0, 0); border: 1.5px solid rgb(255, 255, 255); border-radius: 3px 20px 20px; padding: 8px 12px; display: flex; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 12px -4px; }
.genius-cursor-invite-2 { z-index: -1; cursor: default; display: flex; position: absolute; top: auto; bottom: -143px; left: 900px; }
.cursor-nametag-genius-invite-2 { opacity: 0; background-color: rgb(0, 0, 0); border: 1.5px solid rgb(255, 255, 255); border-radius: 3px 20px 20px; padding: 8px 12px; display: flex; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 12px -4px; }
.genius-cursor-arrow-invite-2 { width: 48px; position: absolute; top: -42px; left: -36px; }
.genius-cursor-invite-3 { z-index: 40; cursor: default; display: flex; position: absolute; top: auto; bottom: -134px; left: 42px; }
.invite-button-particles { z-index: 0; height: 36px; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.share-button-relative { z-index: 2; width: 92px; height: 42px; cursor: none; border-radius: 10px; text-decoration: none; transition: box-shadow 0.2s; position: relative; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px; }
.share-button-relative:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; }
.share-button { z-index: 20; height: 42px; box-shadow: none; background-color: rgb(49, 49, 49); background-image: radial-gradient(circle farthest-side at 50% 270%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)); border-radius: 10px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.share-button:hover { box-shadow: none; }
.share-button-text { z-index: 10; opacity: 1; -webkit-text-fill-color: transparent; background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 75%); background-clip: text; font-size: 16px; font-weight: 600; position: relative; }
.share-button-particles { z-index: 0; height: 42px; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.share-glow-absolute { z-index: 160; height: 42px; flex-direction: column; justify-content: flex-end; align-items: center; display: flex; position: absolute; inset: 0%; }
.share-button-outline { z-index: 100; height: 42px; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 10px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: absolute; inset: 0%; overflow: hidden; }
.share-button-stars-div { z-index: 0; height: 42px; background-color: rgba(0, 0, 0, 0.25); background-image: url("64222325005a73f615ab18aa_button-stars-2.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.invite-restart-absolute { z-index: 100; flex-direction: column; justify-content: flex-end; align-items: flex-start; display: none; position: absolute; inset: 0%; }
.invite-reset-button { color: rgb(255, 255, 255); cursor: none; background-color: rgb(38, 37, 41); border: 1px solid rgb(47, 46, 49); border-radius: 32px; align-items: center; padding: 8px; font-weight: 400; line-height: 24px; text-decoration: none; transition: box-shadow 0.2s; display: flex; position: absolute; inset: auto 16px 16px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.2) 0px 6px 10px; }
.invite-reset-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.3) 0px 6px 10px; }
.invite-icon-iterate { width: 28px; filter: contrast(73%); margin-right: 0px; }
.chat-ui { z-index: 20; width: 257px; height: 48px; border-radius: 10px; margin-left: auto; margin-right: auto; position: absolute; inset: auto 0% 16px; }
.send-button-relative { width: 36px; height: 36px; border-radius: 80px; text-decoration: none; transition: box-shadow 0.2s; position: relative; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px; }
.send-button-relative:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; }
.chat-ui-inner { z-index: 2; width: 100%; height: 48px; background-color: rgb(38, 38, 41); border-radius: 80px; position: absolute; box-shadow: rgba(0, 0, 0, 0.1) 0px 24px 24px -5px, rgba(0, 0, 0, 0.04) 0px 12px 12px -5px; }
.send-button { z-index: 20; width: 36px; height: 36px; box-shadow: none; background-color: rgb(49, 49, 49); background-image: radial-gradient(circle farthest-side at 50% 270%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.send-button:hover { box-shadow: none; }
.send-glow-absolute { z-index: 160; width: 36px; height: 36px; border-radius: 100%; flex-direction: column; justify-content: flex-end; align-items: center; display: flex; position: absolute; inset: 0%; }
.send-button-stars-div { z-index: 0; width: 36px; height: 36px; background-color: rgba(0, 0, 0, 0.25); background-image: url("64222325005a73f615ab18aa_button-stars-2.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.send-button-particles { z-index: 0; width: 36px; height: 36px; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.send-button-outline { z-index: 100; width: 36px; height: 36px; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; display: flex; position: absolute; inset: 0%; overflow: hidden; }
.chat-text { opacity: 0.8; color: rgb(238, 238, 238); cursor: default; margin-left: 12px; font-size: 15px; font-weight: 500; position: relative; }
.chat-send-icon { z-index: 1; position: relative; }
.chat-bold { font-weight: 700; }
.chat-flex-parent { z-index: 8; height: 100%; flex-direction: column; justify-content: center; align-items: flex-start; display: flex; position: absolute; inset: 0% 0% auto; }
.chat-chevron { width: 30px; margin-left: 4px; }
.chat-blur { z-index: 10; width: 400px; height: 400px; min-height: 400px; background-image: url("646a94679f18880ec2314d1c_blur.png"); background-position: 50% 100%; background-repeat: no-repeat; background-size: auto; margin-left: auto; margin-right: auto; position: absolute; inset: -200px 0% auto -72px; }
.chat-flex-parent-internal { height: 100%; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 8px; display: flex; position: absolute; top: 0%; left: 0%; right: 0%; }
.designchat-genius-3 { z-index: 4; perspective-origin: 0px 100%; transform-origin: 0px 100%; background-color: rgb(24, 23, 26); background-image: linear-gradient(rgb(31, 30, 33) 18%, rgb(19, 18, 22)); border-radius: 24px 24px 24px 10px; align-items: center; margin-bottom: 12px; padding: 12px 20px; display: flex; position: absolute; bottom: 30px; left: 42px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 3px, rgba(112, 112, 112, 0.3) 0px -2px 10px 1px inset; }
.designchat-genius-5 { z-index: 4; max-width: 190px; perspective-origin: 0px 100%; transform-origin: 0px 100%; background-color: rgb(24, 23, 26); background-image: linear-gradient(rgb(31, 30, 33) 18%, rgb(19, 18, 22)); border-radius: 24px 24px 24px 10px; align-items: center; margin-bottom: 12px; padding: 12px 20px; display: flex; position: absolute; bottom: -145px; left: 40px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 3px, rgba(112, 112, 112, 0.3) 0px -2px 10px 1px inset; }
.designchat-genius-6 { z-index: 4; width: 242px; perspective-origin: 0px 100%; transform-origin: 0px 100%; cursor: pointer; background-color: rgb(24, 23, 26); background-image: linear-gradient(rgb(31, 30, 33) 18%, rgb(19, 18, 22)); border-radius: 24px 24px 24px 10px; align-items: center; margin-bottom: 12px; padding: 8px 12px 8px 20px; text-decoration: none; display: flex; position: absolute; bottom: -205px; left: 18px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 3px, rgba(112, 112, 112, 0.3) 0px -2px 10px 1px inset; }
.designchat-genius-4 { z-index: 4; max-width: 240px; perspective-origin: 0px 100%; transform-origin: 0px 100%; background-color: rgb(24, 23, 26); background-image: linear-gradient(rgb(31, 30, 33) 18%, rgb(19, 18, 22)); border-radius: 24px 24px 24px 10px; align-items: center; margin-bottom: 12px; padding: 12px 20px; display: flex; position: absolute; bottom: -65px; left: 19px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 3px, rgba(112, 112, 112, 0.3) 0px -2px 10px 1px inset; }
.designchat-user-2 { z-index: 4; perspective-origin: 100% 100%; transform-origin: 100% 100%; background-image: linear-gradient(rgb(70, 70, 70), rgb(75, 75, 75)); border-radius: 24px 24px 10px; padding: 12px 20px; display: block; position: absolute; bottom: 100px; left: 40px; box-shadow: rgba(150, 150, 150, 0.38) 0px -2px 6px 1px inset, rgba(0, 0, 0, 0.2) 0px 5px 5px 3px; }
.designchat-ios-button { z-index: 7; width: 161px; height: 49px; background-color: rgb(0, 122, 255); border: 2px solid rgba(255, 255, 255, 0); border-radius: 14px; align-items: center; margin-bottom: 12px; padding: 8px 12px 8px 20px; display: flex; position: absolute; bottom: 104px; left: 55px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 3px, rgba(112, 112, 112, 0.3) 0px -2px 10px 1px inset; }
.chat-button-explainer-text { z-index: 7; opacity: 0.44; font-size: 12px; font-weight: 500; display: block; position: absolute; bottom: 93px; left: 49px; }
.explainer-text-bold { text-align: center; font-weight: 800; }
.designchat-genius-7 { z-index: 6; max-width: 190px; perspective-origin: 0px 100%; transform-origin: 0px 100%; background-color: rgb(24, 23, 26); background-image: linear-gradient(rgb(31, 30, 33) 18%, rgb(19, 18, 22)); border-radius: 24px 24px 24px 10px; align-items: center; margin-bottom: 101px; padding: 12px 20px; display: flex; position: absolute; bottom: -358px; left: 51px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 3px, rgba(112, 112, 112, 0.3) 0px -2px 10px 1px inset; }
.genius-cursor-chat { z-index: 40; cursor: default; display: flex; position: absolute; top: auto; bottom: 122px; left: 336px; }
.chat-text-placeholder { opacity: 0.5; color: rgb(238, 238, 238); cursor: default; margin-left: 12px; font-size: 15px; font-weight: 500; position: absolute; }
.chat-reset-button { z-index: 100; color: rgb(255, 255, 255); background-color: rgb(38, 37, 41); border: 1px solid rgb(54, 54, 54); border-radius: 32px; align-items: center; padding: 8px; font-weight: 400; line-height: 24px; text-decoration: none; transition: box-shadow 0.2s; display: flex; position: absolute; inset: auto 8px 6px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.2) 0px 6px 10px; }
.chat-reset-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.3) 0px 6px 10px; }
.chat-icon-iterate { width: 18px; filter: contrast(73%); margin-right: 0px; }
.cursor-relative-chat { flex-direction: column; display: flex; position: relative; }
.cursor-nametag-genius-chat { background-color: rgb(0, 0, 0); border: 1.5px solid rgb(255, 255, 255); border-radius: 3px 20px 20px; padding: 8px 12px; display: flex; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 12px -4px; }
.send-button-blocker { z-index: 200; width: 36px; height: 36px; padding: 25px; text-decoration: none; display: none; position: absolute; left: 207px; }
.chat-input-text-div { flex-direction: column; align-items: flex-start; padding-top: 6px; padding-bottom: 6px; display: flex; position: relative; overflow: hidden; }
.generate-flex { height: 52px; border-radius: 80px; justify-content: space-between; align-items: center; padding: 8px 8px 8px 16px; display: flex; position: relative; overflow: visible; }
.chat-glow-line { z-index: 10; width: 100%; height: 36px; background-image: radial-gradient(circle farthest-side at 50% 150%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 103%); border-radius: 100%; margin-bottom: 0px; position: relative; top: 0px; }
.chat-glow-line-blur { z-index: 10; width: 36px; height: 36px; filter: blur(6px); background-image: radial-gradient(circle farthest-side at 50% 150%, rgb(255, 255, 255), rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0) 67%); border-radius: 100%; position: absolute; }
.galaxy-background { background-image: url("6438c3059d443cd7a78762eb_stars-bg.png"); background-position: 50% center; background-size: 1090px; position: absolute; inset: 0%; overflow: hidden; }
.share-blocker { z-index: 3; width: 110px; height: 60px; position: absolute; left: -10px; }
.chat-input-border { z-index: 0; background-image: linear-gradient(145deg, rgb(86, 86, 87), rgb(52, 52, 55)); border-radius: 80px; margin: -0.5px; position: absolute; inset: 0%; }
.smart-element-frame { z-index: 12; width: 240px; height: 512px; background-image: linear-gradient(172deg, rgb(31, 30, 33), rgb(19, 18, 22) 62%); border-radius: 20px; flex-direction: column; align-items: flex-start; margin-left: auto; margin-right: auto; display: flex; position: relative; top: 24px; left: -13px; overflow: hidden; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) 0px 0px 16px -4px; }
.smart-element-absolute { padding-top: 12px; display: block; position: absolute; inset: 0%; }
.smart-element-flex { align-items: center; display: flex; }
.smart-element-icon { width: 16px; opacity: 0.5; }
.smart-element-prompt-text-1 { z-index: 2; color: rgb(224, 224, 224); letter-spacing: 0.1px; cursor: default; margin-left: 5px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; font-weight: 600; position: relative; }
.smart-status-bar { width: 100%; opacity: 1; }
.element-button-relative { width: 52px; height: 28px; border-radius: 80px; text-decoration: none; transition: box-shadow 0.2s; position: relative; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px; }
.element-button-relative:hover { box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px; }
.element-button { z-index: 20; height: 28px; box-shadow: none; background-color: rgb(49, 49, 49); background-image: radial-gradient(circle farthest-side at 50% 270%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.element-button:hover { box-shadow: none; }
.element-glow-absolute-1 { z-index: 160; height: 28px; flex-direction: column; justify-content: flex-end; align-items: center; display: flex; position: absolute; inset: 0%; }
.element-button-outline { z-index: 30; height: 28px; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: absolute; inset: 0%; overflow: hidden; }
.element-button-text { z-index: 10; opacity: 1; -webkit-text-fill-color: transparent; background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 75%); background-clip: text; font-size: 12px; font-weight: 600; position: relative; }
.figma-name-text { font-size: 16px; font-weight: 700; }
.figma-user-leia { width: 34px; height: 34px; min-height: 32px; min-width: 32px; background-color: rgb(144, 124, 255); border-radius: 100%; flex-direction: column; justify-content: center; align-items: center; margin-right: 0px; display: flex; }
.figma-user-neo { width: 34px; height: 34px; min-height: 32px; min-width: 32px; background-color: rgb(27, 196, 125); border-radius: 100%; flex-direction: column; justify-content: center; align-items: center; margin-right: 0px; display: flex; }
.smart-element-explainer-2 { z-index: 8; max-width: 130px; opacity: 0; text-align: center; cursor: default; margin-top: 0px; margin-left: auto; margin-right: auto; font-size: 13px; font-weight: 600; line-height: 1.35; position: absolute; inset: 0px 0% 0%; }
.drag-drop-arrow { z-index: 14; width: 24px; opacity: 0; display: block; position: absolute; top: 177.5px; left: auto; right: 16px; }
.smart-element-explainer-1 { z-index: 7; max-width: 130px; opacity: 0.5; text-align: center; cursor: default; margin-left: auto; margin-right: auto; font-size: 13px; font-weight: 600; line-height: 1.35; display: block; position: relative; inset: -46px 0% 0%; }
.smart-element-caption-div { margin-top: 7px; position: relative; top: 64px; }
.smart-prompt-relative { width: 110px; cursor: pointer; border-radius: 8px; margin-left: 10px; display: flex; position: relative; overflow: hidden; }
.smart-element-2 { z-index: 6; width: 220px; height: 52px; cursor: grab; background-image: linear-gradient(rgb(52, 51, 53), rgb(26, 25, 27)); border-radius: 12px; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 8px; margin-left: auto; margin-right: auto; padding: 12px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.smart-element-prompt-text-2 { z-index: 2; color: rgb(224, 224, 224); letter-spacing: 0.1px; cursor: grab; margin-left: 5px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; font-weight: 600; position: relative; }
.smart-element-3 { z-index: 6; width: 220px; height: 52px; cursor: grab; background-image: linear-gradient(rgb(52, 51, 53), rgb(26, 25, 27)); border-radius: 12px; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 8px; margin-left: auto; margin-right: auto; padding: 12px; display: none; position: relative; top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.smart-element-prompt-text-3 { z-index: 2; color: rgb(224, 224, 224); letter-spacing: 0.1px; cursor: default; margin-left: 5px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; font-weight: 600; position: relative; }
.smart-element-placeholder-text-3 { z-index: 1; opacity: 0.28; letter-spacing: 0.1px; margin-left: 10px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; font-weight: 600; position: absolute; inset: 0%; }
.smart-element-placeholder { z-index: 5; width: 220px; height: 52px; border: 1px rgba(81, 80, 82, 0.98); border-radius: 12px; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 12px; display: none; position: absolute; left: 8px; }
.add-new-se { width: 36px; height: 36px; cursor: pointer; background-image: linear-gradient(rgb(52, 51, 53), rgb(26, 25, 27)); border-radius: 50px; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0px; margin-left: auto; margin-right: auto; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.smart-element-add-icon { width: 23px; opacity: 1; }
.element-button-stars-div-1 { z-index: 0; height: 28px; background-color: rgba(0, 0, 0, 0.25); background-image: url("64222325005a73f615ab18aa_button-stars-2.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.element-button-particles-1 { z-index: 0; height: 28px; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.smart-element-1 { width: 220px; cursor: grab; background-image: linear-gradient(rgb(52, 51, 53), rgb(26, 25, 27)); border-radius: 12px; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 8px; margin-left: auto; margin-right: auto; padding: 12px; display: none; position: relative; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.smart-element-0 { z-index: 6; width: 220px; height: 52px; cursor: grab; background-image: linear-gradient(rgb(52, 51, 53), rgb(26, 25, 27)); border-radius: 12px; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 8px; margin-left: auto; margin-right: auto; padding: 12px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.smart-element-explainer-3 { z-index: 4; max-width: 130px; opacity: 0; text-align: center; cursor: default; margin-top: 0px; margin-left: auto; margin-right: auto; font-size: 13px; font-weight: 600; line-height: 1.35; position: absolute; inset: -55px 0% 0%; }
.smart-element-genius-icon { width: 16px; opacity: 1; }
.smart-button-relative { z-index: 16; height: 36px; border-radius: 80px; text-decoration: none; transition: box-shadow 0.2s; position: relative; bottom: -10px; left: 68px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px; }
.smart-button-relative:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; }
.smart-button { z-index: 20; height: 36px; box-shadow: none; background-color: rgb(49, 49, 49); background-image: radial-gradient(circle farthest-side at 50% 270%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.smart-button:hover { box-shadow: none; }
.smart-button-outline { z-index: 100; height: 36px; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 80px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: absolute; inset: 0%; overflow: hidden; }
.smart-button-text { z-index: 10; opacity: 1; -webkit-text-fill-color: transparent; background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 75%); background-clip: text; font-size: 14px; font-weight: 600; position: relative; }
.smart-glow-absolute { z-index: 160; height: 36px; flex-direction: column; justify-content: flex-end; align-items: center; display: flex; position: absolute; inset: 0%; }
.smart-button-stars-div { z-index: 0; height: 42px; background-color: rgba(0, 0, 0, 0.25); background-image: url("64222325005a73f615ab18aa_button-stars-2.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.smart-button-particles { z-index: 0; height: 36px; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.space-category-name { color: rgb(238, 238, 238); font-size: 12px; font-weight: 600; }
.space-category { width: 56px; flex-direction: column; justify-content: center; align-items: center; display: flex; }
.space-category-parent { color: rgb(238, 238, 238); margin-left: auto; margin-right: auto; font-size: 12px; font-weight: 700; }
.space-gear-heading { width: 100%; height: 20px; justify-content: space-between; align-items: center; margin-top: 0px; margin-bottom: 12px; padding-right: 12px; display: flex; position: relative; }
.space-gear-icon { width: 18px; margin-top: 2px; margin-right: 12px; position: absolute; inset: 0% 0% 0% auto; }
.space-gear-icon.left { margin-top: 2px; margin-right: 36px; }
.space-active-line { width: 28px; height: 2px; color: rgb(238, 238, 238); background-color: rgb(238, 238, 238); border-radius: 20px; position: absolute; top: 22px; left: 22px; }
.space-category-block { border-bottom: 1px solid rgb(45, 45, 45); justify-content: space-between; padding-bottom: 10px; padding-left: 8px; padding-right: 8px; display: flex; position: relative; }
.space-product-row { width: 100%; display: flex; }
.space-block { width: 117px; height: 117px; background-color: rgb(30, 29, 32); flex-direction: column; justify-content: center; align-items: center; margin-left: 2px; display: flex; }
.space-block.right { margin-left: 3px; }
.space-product-image { width: 80px; }
.space-block-details { width: 117px; height: 117px; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 2px; padding: 12px; display: flex; }
.space-block-details.right { margin-left: 3px; }
.space-product-name { color: rgb(238, 238, 238); margin-bottom: 8px; font-size: 12px; font-weight: 700; }
.space-product-price { color: rgb(170, 170, 170); font-size: 12px; font-weight: 600; }
.element-restart-absolute { z-index: 100; flex-direction: column; justify-content: flex-end; align-items: flex-start; display: none; position: absolute; inset: 0%; }
.smart-reset-button { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(38, 37, 41); border: 1px solid rgb(47, 46, 49); border-radius: 32px; align-items: center; padding: 8px; font-weight: 400; line-height: 24px; text-decoration: none; transition: box-shadow 0.2s; display: flex; position: absolute; inset: auto 16px 16px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.2) 0px 6px 10px; }
.smart-reset-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.3) 0px 6px 10px; }
.restart-icon-smart { width: 28px; filter: contrast(73%); margin-right: 0px; }
.food-delivery-screen { z-index: 5; width: 230px; height: 500px; min-height: 500px; background-color: rgb(27, 27, 30); border: 1px solid rgb(45, 45, 45); border-radius: 18px; position: relative; top: 16px; left: 144px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 22px; }
.food-image { width: 100%; border-radius: 8px; }
.restaurant-title-div { align-items: center; margin-bottom: -1px; text-decoration: none; display: flex; }
.takeout-pill-text-selected { color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 11px; font-weight: 700; line-height: 1.4; }
.takeout-pill-text-selected.active { color: rgb(255, 255, 255); }
.food-restaurant { z-index: 10; width: 200px; box-shadow: none; cursor: none; background-image: none; border-radius: 14px; padding: 12px; display: block; position: absolute; left: 16px; }
.takeout-pill-div { margin-top: 0px; margin-right: 0px; display: flex; }
.restaurant-title { letter-spacing: 0px; margin-bottom: 8px; margin-right: 2px; font-size: 14px; font-weight: 600; line-height: 12px; text-decoration: none; }
.food-categories { flex-direction: column; padding: 4px 14px; display: flex; overflow: hidden; }
.takeout-pill { height: 22px; cursor: none; background-color: rgb(242, 242, 242); border-radius: 6px; justify-content: flex-start; align-items: center; margin-right: 8px; padding: 4px 12px; transition: background-color 0.3s; display: flex; }
.takeout-pill:hover { background-color: rgb(221, 221, 221); }
.takeout-pill.disabled { background-color: rgb(41, 41, 43); transition-property: none; }
.restaurant-small-details { color: rgb(126, 131, 137); letter-spacing: 0.1px; font-size: 10px; font-weight: 600; line-height: 13px; }
.takeout-restaurant-cover { z-index: 10; width: 100%; justify-content: center; align-items: center; margin-bottom: 11px; display: flex; position: relative; }
.takeout-restaurant-details { z-index: 10; justify-content: space-between; align-items: center; margin-top: 6px; display: flex; position: relative; }
.restaurant-details-left { flex-direction: column; display: flex; }
.takeout-pill-text { opacity: 0.5; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 11px; font-weight: 700; line-height: 1.4; }
.takeout-pill-selected { height: 22px; cursor: none; background-color: rgb(66, 66, 66); border-radius: 6px; justify-content: flex-start; align-items: center; margin-right: 8px; padding: 4px 12px; display: flex; }
.delivery-top-nav { width: 100%; }
.food-search { width: 200px; height: 32px; background-color: rgb(41, 41, 43); border-radius: 80px; flex-direction: column; justify-content: center; margin: 4px auto 10px; padding-left: 12px; padding-right: 12px; display: flex; }
.food-search-text { opacity: 0.5; color: rgb(238, 238, 238); margin-left: 10px; font-size: 11px; font-weight: 700; }
.restaurant-cursor { z-index: 10; cursor: none; display: none; position: absolute; inset: auto 12px 42px auto; transform: scale(0.85); }
.food-sparkle-div { z-index: 2; width: 100%; height: 160px; border-radius: 12px; text-decoration: none; transition: none; position: absolute; top: 119px; box-shadow: rgb(27, 27, 30) 0px 18px 10px 17px inset; }
.food-sparkle-inner { z-index: 6; height: 160px; box-shadow: none; border-radius: 12px; flex-direction: column; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.food-sparkle-inner:hover { box-shadow: none; }
.food-stars-div { z-index: 0; height: 160px; background-image: url("6441b3f09a723b359c873312_stars-card.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: contain; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.food-blur { z-index: 12; position: absolute; inset: -12px 0% 0%; box-shadow: rgb(27, 27, 30) 0px 12px 19px inset; }
.food-particles { z-index: 0; border-radius: 0px; position: absolute; inset: 0%; overflow: hidden; }
.auto-suggest-absolute { z-index: 3; cursor: none; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0% auto -73px -140px; }
.auto-suggest-absolute-2 { z-index: 3; cursor: none; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0% -149px -73px auto; }
.auto-iterates-absolute { z-index: 3; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0% -105px -432px auto; transform: rotate(18deg); }
.suggest-cursor-relative { flex-direction: column; display: block; position: relative; }
.cursor-chat-genius { background-color: rgb(0, 0, 0); border: 1.5px solid rgb(255, 255, 255); border-radius: 3px 20px 20px; padding: 8px 12px; display: flex; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 12px -4px; }
.suggest-cursor-arrow { width: 48px; position: absolute; top: -42px; left: -36px; }
.auto-suggest-element-explainer { z-index: 7; max-width: 130px; opacity: 0.4; text-align: left; cursor: none; margin-left: auto; margin-right: auto; font-size: 13px; font-weight: 600; line-height: 1.35; display: block; }
.food-absolute { z-index: 4; flex-direction: column; align-items: flex-start; display: flex; position: absolute; inset: auto 32px 30px auto; }
.tap-icon { width: 32px; opacity: 0.4; margin-bottom: 8px; }
.food-restaurant-background { z-index: 9; width: 200px; cursor: none; background-image: linear-gradient(rgb(52, 51, 53), rgb(26, 25, 27)); border-radius: 14px; padding: 12px; position: absolute; inset: 0%; transform: translate(0px); box-shadow: rgb(82, 81, 84) 0px 2px 2px inset, rgba(0, 0, 0, 0.2) 0px 30px 25px; }
.food-restaurant-2 { z-index: 10; width: 200px; box-shadow: none; cursor: none; background-image: none; border-radius: 14px; padding: 12px; display: block; position: absolute; left: 16px; }
.suggest-restart-absolute { z-index: 100; flex-direction: column; justify-content: flex-end; align-items: flex-start; display: none; position: absolute; inset: 0%; }
.suggest-reset-button { color: rgb(255, 255, 255); cursor: none; background-color: rgb(38, 37, 41); border: 1px solid rgb(47, 46, 49); border-radius: 32px; align-items: center; padding: 8px; font-weight: 400; line-height: 24px; text-decoration: none; transition: box-shadow 0.2s; display: flex; position: absolute; inset: auto 16px 16px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.2) 0px 6px 10px; }
.suggest-reset-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.3) 0px 6px 10px; }
.suggest-icon-iterate { width: 28px; filter: contrast(73%); margin-right: 0px; }
.you-suggest-cursor { z-index: 999; max-height: 28px; max-width: 50px; margin-bottom: -64px; padding: 40px; display: flex; position: absolute; inset: auto 404px 104px auto; }
.generate-button-loading { z-index: 0; width: 0px; height: 36px; background-color: rgb(29, 28, 32); border-radius: 0px; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; display: flex; position: absolute; inset: 0%; overflow: hidden; }
.generate-button-blocker { z-index: 130; width: 400px; height: 120px; opacity: 1; display: none; position: absolute; right: -43px; }
.iterate-orbit-1 { width: 170px; height: 170px; opacity: 0.25; background-image: url("6408d31fe77edc25e03ef3ee_orbit-01.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.iterate-orbit-2 { width: 260px; height: 260px; opacity: 0.2; background-image: url("6408d3e0d8cc0c3841f4610c_orbit-02.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.iterate-orbit-3 { width: 350px; height: 350px; opacity: 0.15; background-image: url("6408d3e07780a743800ce785_orbit-03.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.iterate-orbit-4 { width: 440px; height: 440px; opacity: 0.1; background-image: url("6408d37b37c774cb70ce6165_orbit-04.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.iterate-orbit-5 { width: 535px; height: 535px; opacity: 0.1; background-image: url("6408d37bde5aefd9e3e2fb40_orbit-05.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.suggest-orbit-1 { width: 350px; height: 350px; opacity: 0.15; background-image: url("6408d3e07780a743800ce785_orbit-03.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.suggest-orbit-2 { width: 440px; height: 440px; opacity: 0.1; background-image: url("6408d37b37c774cb70ce6165_orbit-04.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.suggest-orbit-3 { width: 535px; height: 535px; opacity: 0.1; background-image: url("6408d37bde5aefd9e3e2fb40_orbit-05.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.genius-ds-absolute { z-index: 4; width: 920px; justify-content: flex-end; display: flex; position: absolute; inset: 84px 0% 0% -98px; }
.ds-list { z-index: 3; width: 360px; height: 460px; background-color: rgb(41, 41, 43); border-radius: 12px; padding: 24px 16px; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 12px; }
.ds-list-item { align-items: flex-start; margin-bottom: 16px; display: flex; }
.ds-list-subhead { color: rgb(169, 169, 169); cursor: default; font-size: 14px; font-weight: 400; line-height: 20px; }
.ds-list-heading { cursor: default; margin-bottom: 4px; font-weight: 600; line-height: 23px; }
.ds-list-div { margin-left: 12px; }
.ds-list-icon { width: 28px; min-width: 28px; }
.ds-col-2 { z-index: 2; margin-top: 32px; margin-right: 16px; position: relative; }
.ds-tabber-div { flex-direction: column; display: flex; }
.ds-controls-button-div { flex-direction: column; justify-content: flex-end; margin-right: 16px; display: flex; }
.ds-controls-parent { margin-bottom: 16px; display: flex; }
.ds-tabber { cursor: pointer; background-color: rgb(41, 41, 43); border: 1px solid rgba(209, 213, 219, 0.25); border-radius: 6px; margin-bottom: 12px; display: flex; box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 12px; }
.ds-tab { width: 52px; justify-content: center; padding-top: 8px; padding-bottom: 8px; display: flex; }
.ds-tab.middle { border-left: 1px solid rgba(209, 213, 219, 0.25); border-right: 1px solid rgba(209, 213, 219, 0.25); }
.ds-tab._1 { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.ds-tab._3 { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.ds-tabber-text { cursor: pointer; font-size: 14px; font-weight: 600; line-height: 20px; }
.ds-launchpad-1 { width: 158px; height: 180px; background-color: rgb(41, 41, 43); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 12px; }
.ds-controls-div { justify-content: space-between; align-items: center; margin-bottom: 12px; display: flex; }
.ds-controls-div.bottom { margin-top: 12px; margin-bottom: -4px; }
.ds-dropdown-div { cursor: pointer; box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 12px; }
.ds-dropdown { cursor: pointer; background-color: rgb(41, 41, 43); border: 1px solid rgba(209, 213, 219, 0.25); border-radius: 6px; justify-content: space-between; margin-bottom: 12px; padding: 8px; display: flex; }
.ds-button { width: 100px; background-color: rgb(11, 153, 255); border-radius: 6px; justify-content: center; align-items: center; margin-bottom: 12px; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; }
.ds-button:hover { background-color: rgb(63, 175, 255); }
.ds-button.secondary { background-color: rgb(29, 28, 32); border: 1px solid rgba(209, 213, 219, 0.25); margin-bottom: 0px; }
.ds-button.secondary:hover { border-color: rgba(215, 220, 228, 0.35); }
.ds-button.secondary.modal { background-color: rgb(41, 41, 43); }
.ds-button.modal { width: 100%; background-color: rgb(11, 153, 255); margin-top: 16px; margin-bottom: 0px; }
.ds-dropdown-title { cursor: pointer; margin-bottom: 0px; font-size: 14px; font-weight: 600; line-height: 24px; }
.ds-dropdown-chevron { width: 24px; opacity: 0.55; }
.dropdown-planet { width: 24px; height: 24px; border-radius: 100%; margin-right: 12px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 2px; }
.ds-dropdown-list-item { align-items: center; display: none; }
.ds-form { background-color: transparent; justify-content: space-between; align-items: center; display: flex; }
.ds-toggle { width: 42px; height: 26px; cursor: pointer; margin-bottom: 0px; position: relative; }
.ds-toggle-bg { z-index: 0; width: 44px; cursor: pointer; background-color: rgb(41, 41, 43); border-radius: 100px; transition: background-color 0.2s; position: absolute; inset: 0%; }
.ds-form-block { margin-bottom: 0px; }
.ds-modal-div { width: 236px; height: 223px; min-width: 236px; background-color: rgb(41, 41, 43); border-radius: 12px; margin-top: 98px; margin-right: 16px; padding-left: 16px; padding-right: 16px; display: flex; box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 12px; }
.ds-card-inner { flex-direction: column; align-items: center; margin-top: 16px; display: flex; }
.ds-modal-icon { width: 64px; opacity: 1; margin-bottom: 8px; }
.ds-modal-heading { text-align: center; cursor: default; margin-bottom: 6px; font-size: 16px; font-weight: 600; line-height: 24px; }
.ds-modal-subhead { color: rgb(169, 169, 169); text-align: center; cursor: default; margin-bottom: 0px; font-size: 12px; font-weight: 600; line-height: 17px; }
.ds-toggle-dot-2 { z-index: 200; width: 20px; height: 20px; min-height: 20px; min-width: 20px; cursor: pointer; background-color: rgb(83, 84, 87); border-radius: 100%; position: absolute; top: 3px; left: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px; }
.ds-checkbox { width: 20px; height: 20px; background-color: rgb(41, 41, 43); border: 1px solid rgb(83, 84, 87); border-radius: 4px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; left: 2px; }
.ds-radio { z-index: 2; width: 20px; height: 20px; background-color: rgb(41, 41, 43); border: 1px solid rgb(83, 84, 87); border-radius: 100%; flex-direction: column; justify-content: center; align-items: center; margin-right: 8px; display: flex; position: relative; }
.ds-radio-dot { z-index: 2; width: 10px; height: 10px; background-color: rgb(255, 255, 255); border-radius: 100%; position: relative; }
.ds-checkmark-icon { width: 12px; height: 12px; }
.ds-radio-outline { z-index: 0; border: 2px solid rgba(11, 153, 255, 0.38); border-radius: 100%; padding: 13px; position: absolute; inset: -6px 0% 0% -6px; }
.ds-dropdown-info-1 { align-items: center; display: flex; }
.ds-card-bg { height: 97px; background-image: url("646d1a5c9aa0842f88bc7c2b_blue-comet.png"); background-position: 50% 0px; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.ds-card-heading-div { height: 100%; align-items: center; margin-bottom: 8px; display: flex; }
.ds-card-text { cursor: default; font-size: 16px; font-weight: 700; line-height: 20px; }
.ds-card-pronounciation { color: rgb(169, 169, 169); cursor: default; margin-left: 8px; font-size: 14px; font-weight: 500; line-height: 16px; }
.ds-card-description-div { height: 100%; align-items: center; display: flex; }
.ds-description-text { color: rgb(169, 169, 169); letter-spacing: 0.1px; cursor: default; font-size: 12px; font-weight: 500; line-height: 16px; }
.ds-card-bottom { padding: 12px; }
.ds-launchpad-2 { width: 158px; height: 180px; background-color: rgb(41, 41, 43); border-radius: 8px; display: none; box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 12px; }
.ds-card-bg-2 { height: 97px; background-image: url("646d1a66ad5d6459c7b1b3e6_space-ray.png"); background-position: 50% 0px; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.ds-launchpad-3 { width: 158px; height: 180px; background-color: rgb(41, 41, 43); border-radius: 8px; display: none; box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 12px; }
.ds-card-bg-3 { height: 97px; background-image: url("646d1a73ad5d6459c7b1bf42_space-pod.png"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.ds-genius-cursor { z-index: 60; cursor: default; display: flex; position: absolute; inset: auto -180px 118px auto; }
.ds-reset-button { z-index: 10; color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(38, 37, 41); border: 1px solid rgb(47, 46, 49); border-radius: 32px; align-items: center; padding: 8px; font-weight: 400; line-height: 24px; text-decoration: none; transition: box-shadow 0.2s; display: none; position: absolute; inset: auto 16px 16px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.2) 0px 6px 10px; }
.ds-reset-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.3) 0px 6px 10px; }
.ds-icon-iterate { width: 28px; filter: contrast(73%); margin-right: 0px; }
.ds-cursor-relative { flex-direction: column; display: block; position: relative; }
.ds-genius-cursor-arrow { width: 48px; position: absolute; top: -42px; left: -36px; }
.ds-cursor-nametag-genius { background-color: rgb(0, 0, 0); border: 1.5px solid rgb(255, 255, 255); border-radius: 3px 20px 20px; padding: 8px 12px; display: flex; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 12px -4px; }
.ds-hover-block { z-index: 2000; width: 620px; height: 380px; opacity: 0.33; display: none; position: absolute; top: 114px; left: -2px; }
.ds-radio-dot-2 { z-index: 2; width: 10px; height: 10px; background-color: rgb(255, 255, 255); border-radius: 100%; position: relative; }
.ds-radio-outline-2 { z-index: 0; border: 2px solid rgba(11, 153, 255, 0.38); border-radius: 100%; padding: 13px; position: absolute; inset: -6px 0% 0% -6px; }
.ds-radio-2 { z-index: 2; width: 20px; height: 20px; background-color: rgb(41, 41, 43); border: 1px solid rgb(83, 84, 87); border-radius: 100%; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; }
.ds-radio-2.bottom { margin-left: 8px; left: 2px; }
.ds-checkmark-icon-2 { width: 12px; height: 12px; }
.ds-checkbox-2 { width: 20px; height: 20px; background-color: rgb(41, 41, 43); border: 1px solid rgb(83, 84, 87); border-radius: 4px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; left: 2px; }
.ds-checkbox-2.bottom { left: 0px; }
.ds-hover-blocker { z-index: 1955; width: 620px; height: 380px; opacity: 0.33; display: none; position: absolute; top: 114px; left: -2px; }
.ds-toggle-dot-1 { z-index: 200; width: 20px; height: 20px; min-height: 20px; min-width: 20px; cursor: pointer; background-color: rgb(83, 84, 87); border-radius: 100%; position: absolute; top: 3px; left: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px; }
.ds-toggle-bg-1 { z-index: 0; width: 44px; box-shadow: none; cursor: pointer; background-color: rgb(41, 41, 43); border-radius: 100px; transition: background-color 0.2s; position: absolute; inset: 0%; }
.ui-add-icon { width: 30px; min-width: 30px; margin-right: -8px; }
.ui-settings-icon { width: 30px; }
.ui-settings-icon.disabled { display: none; }
.automator-ui-heading { color: rgb(255, 255, 255); letter-spacing: 0.4px; cursor: default; margin-right: 12px; font-size: 12px; font-weight: 600; line-height: 1; }
.automator-ui-heading.disabled { color: rgb(169, 169, 169); margin-right: 12px; font-weight: 500; display: flex; }
.automator-ui-heading.search { color: rgb(169, 169, 169); margin-right: 0px; font-weight: 400; }
.automator-ui-heading.automation-name { cursor: default; font-weight: 500; text-decoration: none; }
.automator-ui-heading.automation-name.reg-cursor { cursor: default; }
.automator-ui-heading.grid-automation-name { cursor: pointer; margin-left: 4px; margin-right: 0px; font-size: 14px; font-weight: 500; text-decoration: none; }
.automator-ui-heading.automation-name-busy { cursor: pointer; font-weight: 500; text-decoration: none; }
.automator-absolute { z-index: 5; width: 100%; margin-top: 6px; margin-left: -32px; position: absolute; }
.ui-search-icon { width: 32px; margin-left: -12px; }
.automator-ui-name { color: rgb(255, 255, 255); letter-spacing: 0.3px; cursor: default; margin-left: 8px; font-size: 12px; font-weight: 700; line-height: 1; }
.automator-ui { z-index: 60; width: 242px; height: 386px; background-image: linear-gradient(rgb(36, 35, 37) 40%, rgb(23, 22, 25)); border: 0.5px solid rgba(0, 0, 0, 0.2); border-radius: 8px; transition: box-shadow 0.3s ease-out; display: block; position: relative; left: 310px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.automation-name-flex { z-index: 2; justify-content: space-between; align-items: center; display: flex; position: relative; }
.automator-ui-logo { width: 16px; }
.ui-row { height: 40px; border-bottom: 1.5px solid rgba(255, 255, 255, 0.04); justify-content: space-between; align-items: center; padding: 6px 16px; display: flex; }
.ui-row.search { height: 40px; border-bottom-color: rgba(255, 255, 255, 0.04); margin-bottom: 0px; }
.ui-row.automation { height: 38px; border-bottom-style: none; padding-top: 10px; padding-bottom: 10px; text-decoration: none; position: relative; }
.ui-row.automation:hover { background-color: rgba(255, 255, 255, 0.05); }
.automator-drag-absolute { z-index: 40; min-width: 100%; flex-direction: row; flex: 1 1 0%; justify-content: center; align-items: center; margin-left: -20px; display: flex; position: absolute; top: 12px; }
.ui-close-icon { width: 30px; opacity: 0.5; margin-right: -8px; }
.ui-search-flex { align-items: center; display: flex; }
.automation-color-circle { width: 18px; height: 18px; background-color: rgb(119, 98, 246); border-radius: 360px; margin-right: 10px; }
.automation-color-circle.orange { background-color: rgb(249, 127, 15); }
.automation-color-circle.red { background-color: rgb(242, 72, 34); }
.automation-color-circle.twitter-1 { background-color: rgb(29, 155, 240); }
.automation-color-circle.twitter-2 { background-color: rgb(114, 177, 240); }
.automation-color-circle.twitter-3 { background-color: rgb(156, 202, 248); }
.automation-color-circle.netflix-1 { background-color: rgb(210, 47, 39); }
.automation-color-circle.netflix-2 { background-color: rgb(225, 74, 66); }
.automation-color-circle.netflix-3 { background-color: rgb(240, 101, 94); }
.automation-color-circle.netflix-4 { background-color: rgb(255, 128, 121); }
.automation-color-circle.robinhood-1 { background-color: rgb(90, 197, 59); }
.automation-color-circle.robinhood-2 { background-color: rgb(111, 212, 82); }
.automation-color-circle.robinhood-3 { background-color: rgb(154, 239, 131); }
.automation-color-circle.robinhood-4 { background-color: rgb(167, 247, 145); }
.automation-color-circle.meta-1 { background-color: rgb(40, 98, 216); }
.automation-color-circle.meta-2 { background-color: rgb(59, 124, 226); }
.automation-color-circle.meta-3 { background-color: rgb(79, 150, 235); }
.automation-color-circle.meta-4 { background-color: rgb(98, 176, 245); }
.automation-color-circle.cash-app-1 { background-color: rgb(0, 210, 51); }
.automation-color-circle.cash-app-2 { background-color: rgb(11, 214, 82); }
.automation-color-circle.cash-app-3 { background-color: rgb(80, 233, 133); }
.automation-color-circle.cash-app-4 { background-color: rgb(120, 252, 166); }
.automation-color-circle.doordash-1 { background-color: rgb(255, 49, 9); }
.automation-color-circle.doordash-2 { background-color: rgb(255, 79, 48); }
.automation-color-circle.doordash-3 { background-color: rgb(248, 106, 80); }
.automation-color-circle.doordash-4 { background-color: rgb(255, 149, 131); }
.automation-color-circle.instacart-1 { background-color: rgb(0, 62, 41); }
.automation-color-circle.instacart-2 { background-color: rgb(35, 74, 55); }
.automation-color-circle.instacart-3 { background-color: rgb(72, 114, 93); }
.automation-color-circle.instacart-4 { background-color: rgb(96, 140, 118); }
.automation-color-circle.snapchat-1 { background-color: rgb(255, 252, 1); }
.automation-color-circle.snapchat-2 { background-color: rgb(253, 251, 97); }
.automation-color-circle.snapchat-3 { background-color: rgb(255, 253, 155); }
.automation-color-circle.snapchat-4 { background-color: rgb(255, 254, 190); }
.automation-color-circle.reddit-1 { background-color: rgb(255, 69, 0); }
.automation-color-circle.reddit-2 { background-color: rgb(254, 96, 39); }
.automation-color-circle.reddit-3 { background-color: rgb(254, 123, 79); }
.automation-color-circle.reddit-4 { background-color: rgb(255, 156, 125); }
.automation-color-circle.yellow { background-color: rgb(255, 218, 28); }
.automation-color-circle.green { background-color: rgb(28, 196, 125); }
.automation-color-circle.twitter-4 { background-color: rgb(190, 219, 248); }
.ui-tabs-flex { align-items: center; display: flex; }
.automator-toolbar-icons { margin-left: -4px; display: flex; }
.airtable-card-1 { z-index: 20; width: 160px; min-width: 160px; cursor: pointer; background-color: rgb(0, 0, 0); background-image: linear-gradient(rgb(30, 29, 32), rgb(20, 18, 22)); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 17px; flex-direction: column; margin-right: 16px; padding: 16px; display: flex; position: relative; top: 4px; box-shadow: rgb(0, 0, 0) 0px 2px 5px; }
.automator-info-heading { margin-bottom: 6px; font-size: 14px; font-weight: 700; line-height: 14px; }
.automator-card-image { border-radius: 8px; }
.automator-card-div { flex-direction: column; align-items: flex-start; margin-top: 12px; display: flex; }
.automator-info-subhead { color: rgb(169, 169, 169); margin-bottom: 12px; font-size: 12px; font-weight: 600; line-height: 14px; }
.automator-tag { background-color: rgb(56, 55, 53); border-radius: 32px; padding: 5px 8px; }
.automator-tag-text { color: rgb(255, 255, 255); letter-spacing: 0.2px; font-size: 10px; font-weight: 500; }
.airtable-card-2, .airtable-card-3, .airtable-card-4, .airtable-card-5 { z-index: 20; width: 160px; min-width: 160px; cursor: pointer; background-color: rgb(0, 0, 0); background-image: linear-gradient(rgb(30, 29, 32), rgb(20, 18, 22)); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 17px; flex-direction: column; margin-right: 16px; padding: 16px; display: flex; position: relative; top: 4px; box-shadow: rgb(0, 0, 0) 0px 2px 5px; }
.planets-scroll { height: 250px; display: none; overflow: scroll; }
.cosmo-category-3, .cosmo-category-4, .cosmo-category-2 { width: 48px; opacity: 0.6; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; }
.stars-scroll, .galaxy-scroll { height: 250px; display: none; overflow: scroll; }
.text-to-design-shadow { z-index: -1; border-radius: 80px; position: absolute; inset: 0%; box-shadow: rgba(0, 0, 0, 0.04) 0px 12px 12px -5px, rgba(0, 0, 0, 0.1) 0px 24px 24px -5px; }
.color-palette-absolute { z-index: 40; min-width: 100%; flex-direction: row; flex: 1 1 0%; justify-content: flex-start; align-items: flex-start; display: none; position: absolute; top: 12px; left: 12px; }
.color-swatch { width: 64px; height: 32px; background-color: rgb(163, 177, 138); border-radius: 10px; }
.color-swatch.green-2 { background-color: rgb(88, 129, 87); }
.color-swatch.green-3 { background-color: rgb(58, 90, 64); }
.color-swatch.green-4 { background-color: rgb(52, 78, 65); }
.color-swatch.brown-1 { background-color: rgb(165, 149, 133); }
.color-swatch.brown-2 { background-color: rgb(121, 96, 72); }
.color-swatch.brown-3 { background-color: rgb(65, 52, 36); }
.color-swatch.brown-4 { background-color: rgb(67, 40, 28); }
.color-swatch.blue-1 { background-color: rgb(169, 214, 229); }
.color-swatch.blue-2 { background-color: rgb(72, 143, 173); }
.color-swatch.blue-3 { background-color: rgb(1, 73, 124); }
.color-swatch.blue-4 { background-color: rgb(1, 42, 74); }
.color-swatch.red-1 { background-color: rgb(247, 198, 173); }
.color-swatch.red-2 { background-color: rgb(226, 114, 91); }
.color-swatch.red-3 { background-color: rgb(224, 90, 62); }
.color-swatch.red-4 { background-color: rgb(167, 60, 39); }
.color-palette { z-index: 20; max-width: 170px; min-width: 170px; perspective: 2000px; cursor: pointer; background-color: rgb(0, 0, 0); background-image: linear-gradient(rgb(30, 29, 32), rgb(20, 18, 22)); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 17px; flex-direction: row; align-items: center; margin-bottom: 12px; margin-right: 0px; padding: 16px; display: flex; position: relative; top: 4px; transform: none; box-shadow: rgb(0, 0, 0) 0px 2px 5px; }
.color-palette-heading { margin-bottom: 6px; font-size: 14px; font-weight: 700; line-height: 14px; }
.color-palette-code { color: rgb(169, 169, 169); text-transform: uppercase; font-size: 12px; font-weight: 500; line-height: 14px; }
.color-palette-info { flex-direction: column; align-items: flex-start; margin-left: 12px; display: flex; }
.color-palette-row { margin-right: 12px; }
.batch-icons-absolute { z-index: 40; min-width: 100%; flex-direction: row; flex: 1 1 0%; justify-content: flex-start; align-items: flex-start; display: none; position: absolute; top: 12px; left: 24px; }
.batch-icon-card { z-index: 20; width: 50px; height: 50px; perspective: 2000px; cursor: pointer; background-color: rgb(0, 0, 0); background-image: linear-gradient(rgb(30, 29, 32), rgb(20, 18, 22)); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 20%; flex-direction: row; align-items: center; padding: 8px; display: flex; position: relative; transform: none; box-shadow: rgb(0, 0, 0) 0px 2px 5px; }
.batch-icon { width: 32px; min-width: 32px; }
.batch-icon-grid { gap: 12px; perspective-origin: 0px 0px; transform-origin: 0px 0px; grid-template-rows: auto auto auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center; display: grid; }
.outline-spec-absolute { z-index: 40; min-width: 100%; flex-direction: row; flex: 1 1 0%; justify-content: flex-start; align-items: center; margin-left: -20px; display: none; position: absolute; top: 12px; }
.outline-spec-card { z-index: 20; width: 160px; min-width: 150px; perspective-origin: 100% center; transform-origin: 100% center; cursor: pointer; background-color: rgb(0, 0, 0); background-image: linear-gradient(rgb(30, 29, 32), rgb(20, 18, 22)); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; flex-direction: column; margin-right: 16px; display: flex; position: relative; top: 12px; left: 199px; box-shadow: rgb(0, 0, 0) 0px 2px 5px; }
.outline-spec-info { flex-direction: column; align-items: flex-start; margin-top: 0px; padding: 16px; display: flex; }
.outline-spec-img { height: 110px; border-radius: 16px 16px 0px 0px; }
.outline-favorite-icon { width: 32px; height: 32px; border-radius: 100px; position: absolute; inset: 6px auto auto 6px; }
.outline-spec-line { width: 58px; height: 2px; background-color: rgb(233, 233, 233); margin-top: 6px; margin-left: 10px; position: relative; }
.spec-div { z-index: 70; width: 134px; height: 280px; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; position: absolute; top: -8px; left: 65px; }
.outline-spec-1 { cursor: pointer; align-items: flex-start; display: flex; position: relative; top: 35px; left: 13px; }
.outline-spec-text { margin-bottom: 6px; font-size: 12px; font-weight: 700; }
.outline-spec-text._2 { letter-spacing: 0.4px; font-size: 10px; font-weight: 600; }
.outline-spec-flex { flex-direction: column; align-items: flex-end; display: flex; }
.outline-spec-flex.center { align-items: center; }
.outline-spec-2 { height: 20px; cursor: pointer; align-items: flex-start; display: flex; position: relative; top: 113px; left: -32px; }
.outline-spec-line-2 { width: 120px; height: 2px; background-color: rgb(233, 233, 233); margin-top: 6px; margin-left: 10px; position: relative; }
.outline-spec-3 { cursor: pointer; align-items: flex-start; display: flex; position: relative; top: 114px; left: 45px; }
.outline-spec-line-3 { width: 40px; height: 2px; background-color: rgb(233, 233, 233); margin-top: 6px; margin-left: 10px; position: relative; }
.outline-spec-4 { cursor: pointer; align-items: flex-start; display: flex; position: relative; top: 5px; left: 28px; }
.outline-spec-heading { margin-bottom: 6px; font-size: 14px; font-weight: 700; line-height: 14px; }
.outline-spec-subhead { color: rgb(169, 169, 169); margin-bottom: 0px; font-size: 12px; font-weight: 600; line-height: 14px; }
.outline-spec-line-4 { width: 30px; height: 2px; background-color: rgb(233, 233, 233); margin-top: 6px; margin-left: 10px; position: relative; }
.outline-spec-5 { cursor: pointer; flex-direction: column; align-items: center; display: flex; position: relative; top: 61px; left: 144px; }
.outline-spec-line-5 { width: 2px; height: 24px; background-color: rgb(233, 233, 233); margin-top: 10px; margin-bottom: 6px; position: relative; }
.frame-name-2 { z-index: 3; opacity: 1; color: rgb(255, 255, 255); flex-direction: row; justify-content: flex-start; align-items: center; padding-right: 12px; font-size: 18px; font-weight: 500; line-height: 1; display: block; position: relative; }
.frame-renamed-2 { z-index: 2; min-width: 200px; opacity: 1; color: rgb(255, 255, 255); flex-direction: row; justify-content: flex-start; align-items: center; padding-right: 12px; font-size: 18px; font-weight: 500; line-height: 1; display: flex; position: absolute; inset: 0%; }
.frame-name-3 { z-index: 3; opacity: 1; color: rgb(255, 255, 255); flex-direction: row; justify-content: flex-start; align-items: center; padding-right: 12px; font-size: 18px; font-weight: 500; line-height: 1; display: block; position: relative; }
.frame-renamed-3 { z-index: 2; min-width: 200px; opacity: 1; color: rgb(255, 255, 255); flex-direction: row; justify-content: flex-start; align-items: center; padding-right: 12px; font-size: 18px; font-weight: 500; line-height: 1; display: flex; position: absolute; inset: 0%; }
.frame-name-4 { z-index: 3; opacity: 1; color: rgb(255, 255, 255); flex-direction: row; justify-content: flex-start; align-items: center; padding-right: 12px; font-size: 18px; font-weight: 500; line-height: 1; display: block; position: relative; }
.frame-renamed-4 { z-index: 2; min-width: 200px; opacity: 1; color: rgb(255, 255, 255); flex-direction: row; justify-content: flex-start; align-items: center; padding-right: 12px; font-size: 18px; font-weight: 500; line-height: 1; display: flex; position: absolute; inset: 0%; }
.automator-community-absolute { z-index: 5; width: 100%; margin-top: 6px; position: absolute; bottom: 12px; }
.automator-card-badge-text { color: rgb(255, 255, 255); letter-spacing: 0.2px; font-size: 10px; font-weight: 600; }
.card-info-top { flex-direction: row; align-items: center; margin-bottom: 12px; display: flex; }
.automator-card-avi { width: 28px; border-radius: 100%; }
.automator-cards-row { margin-bottom: 24px; display: flex; position: relative; left: -506px; }
.automator-download-text { color: rgb(255, 255, 255); font-size: 12px; font-weight: 600; line-height: 16px; }
.automator-card-description { color: rgb(169, 169, 169); letter-spacing: 0.1px; margin-bottom: 0px; font-size: 12px; line-height: 18px; }
.automator-card-badge { background-color: rgb(124, 97, 255); border-radius: 48px; margin-left: 12px; padding: 8px 12px; }
.automator-card-badge.green { background-color: rgb(27, 196, 125); }
.automator-card-badge.red { background-color: rgb(243, 72, 34); }
.automator-card-badge.yellow { background-color: rgb(170, 139, 28); }
.automator-card-badge.blue { background-color: rgb(24, 160, 251); }
.automatorcard-title { color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 6px; font-size: 16px; font-weight: 700; line-height: 22px; }
.automator-card { width: 240px; min-height: 220px; min-width: 240px; background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); border-radius: 32px; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-left: 8px; margin-right: 8px; padding: 28px; transition: box-shadow 0.3s; display: flex; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.automator-card:hover { box-shadow: rgb(11, 153, 255) 0px 0px 2px 1px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.automator-card.green { background-color: rgb(27, 196, 125); background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); text-decoration: none; }
.automator-card.green:hover { box-shadow: rgb(28, 196, 125) 0px 0px 2px 1px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.automator-card.blue { background-color: rgb(24, 160, 251); text-decoration: none; }
.automator-card.yellow { background-color: rgb(242, 189, 0); text-decoration: none; }
.automator-card.yellow:hover { box-shadow: rgb(255, 218, 28) 0px 0px 2px 1px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.automator-card.blue { background-color: rgb(242, 72, 34); text-decoration: none; }
.automator-card.red { text-decoration: none; }
.automator-card.red:hover { box-shadow: rgb(242, 73, 34) 0px 0px 2px 1px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.automator-card.purple { height: 230px; background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); text-decoration: none; }
.automator-card.purple:hover { box-shadow: rgb(125, 96, 255) 0px 0px 2px 1px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.automator-download-button { background-color: rgb(43, 43, 43); border-radius: 48px; margin-top: 16px; padding: 8px 16px; text-decoration: none; transition: background-color 0.2s; }
.automator-download-button:hover { background-color: rgb(61, 61, 61); }
.automator-dropdown-icon { opacity: 0.5; }
.automator-dropdown-icon.disabled { opacity: 0; }
.automator-drag-icon { width: 36px; opacity: 0.5; }
.ui-layer-row { height: 40px; justify-content: flex-start; align-items: center; padding: 6px 16px 6px 8px; text-decoration: none; display: flex; }
.ui-layer-row-2 { height: 40px; justify-content: flex-start; align-items: center; margin-left: 26px; padding: 6px 16px 6px 8px; text-decoration: none; display: flex; }
.ui-layer-row-3 { height: 40px; justify-content: flex-start; align-items: center; margin-left: 54px; padding: 6px 16px 6px 8px; text-decoration: none; display: flex; }
.ui-layer-row-4, .ui-layer-row-5 { height: 40px; justify-content: flex-start; align-items: center; margin-left: 78px; padding: 6px 16px 6px 8px; text-decoration: none; display: flex; }
.ui-row-2 { height: 38px; border-bottom: 1.5px solid rgba(255, 255, 255, 0.04); justify-content: space-between; align-items: center; padding: 6px 16px; display: flex; }
.automator-drag-ui { z-index: 60; width: 242px; height: 386px; background-image: linear-gradient(rgb(36, 35, 37) 40%, rgb(23, 22, 25)); border: 0.5px solid rgba(0, 0, 0, 0.2); border-radius: 8px; margin-left: auto; margin-right: auto; transition: box-shadow 0.3s ease-out; display: block; position: relative; left: 149px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.automator-drag-grid { gap: 0px; opacity: 1; border-top: 1px solid rgba(255, 255, 255, 0.08); border-left: 1px solid rgba(255, 255, 255, 0.08); grid-template-rows: auto auto auto auto auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; position: absolute; top: 18px; left: -189px; }
.ui-layer-row-grid { width: 210px; height: 48px; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.08); justify-content: flex-start; align-items: center; text-decoration: none; display: flex; }
.ui-layer-row-grid:hover { background-color: rgba(255, 255, 255, 0.05); }
.ui-layer-row-grid._1 { box-shadow: none; }
.ui-layer-row-grid._1-1 { z-index: 20; background-color: rgb(29, 28, 32); border: 2px solid rgb(255, 255, 255); border-radius: 4px; display: flex; position: absolute; inset: 66px auto auto 21px; transform: scale(1.1); box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.2) 0px 10px 10px -5px, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px; }
.ui-layer-row-grid._1-1:hover { background-color: rgb(45, 44, 47); }
.ui-layer-row-grid._1-2 { z-index: 20; background-color: rgb(29, 28, 32); border: 2px solid rgb(255, 255, 255); border-radius: 4px; display: none; position: absolute; inset: 166px auto auto 21px; transform: scale(1.1); box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.2) 0px 10px 10px -5px, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px; }
.ui-layer-row-grid._1-2:hover { background-color: rgb(45, 44, 47); }
.ui-layer-row-grid._1-3 { z-index: 20; background-color: rgb(29, 28, 32); border: 2px solid rgb(255, 255, 255); border-radius: 4px; display: none; position: absolute; inset: 112px auto auto 21px; transform: scale(1.1); box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.2) 0px 10px 10px -5px, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px; }
.ui-layer-row-grid._1-3:hover { background-color: rgb(45, 44, 47); }
.automator-drag-icon-large { width: 40px; opacity: 0.5; margin-right: 0px; }
.automation-name-flex-grid { z-index: 2; width: 100%; opacity: 1; justify-content: flex-start; align-items: center; display: flex; position: relative; }
.automator-build-absolute { z-index: 5; width: 100%; margin-top: 6px; margin-left: -32px; position: absolute; }
.build-reset-button { z-index: 100; color: rgb(255, 255, 255); background-color: rgb(38, 37, 41); border: 1px solid rgb(47, 46, 49); border-radius: 32px; align-items: center; padding: 8px; font-weight: 400; line-height: 24px; text-decoration: none; transition: box-shadow 0.2s; display: flex; position: absolute; inset: auto 16px 16px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.2) 0px 6px 10px; }
.build-reset-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.3) 0px 6px 10px; }
.build-restart-icon { width: 28px; filter: contrast(73%); margin-right: 0px; }
.automator-build-blocker { z-index: 10; position: absolute; inset: 0%; }
.automator-cloud-absolute { z-index: 5; width: 100%; margin-top: 6px; margin-left: -32px; position: absolute; }
.automator-cloud-ui { z-index: 60; width: 242px; height: 386px; background-image: linear-gradient(rgb(36, 35, 37) 40%, rgb(23, 22, 25)); border: 0.5px solid rgba(0, 0, 0, 0.2); border-radius: 8px; margin-left: auto; margin-right: auto; transition: box-shadow 0.3s ease-out; display: block; position: absolute; top: 12px; left: 30px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.automator-ui-heading-copy { color: rgb(255, 255, 255); letter-spacing: 0.4px; cursor: default; margin: 12px 0px 6px 12px; font-size: 12px; font-weight: 600; line-height: 1; display: inline-block; }
.team-icons-absolute { z-index: 40; min-width: 100%; flex-direction: row; flex: 1 1 0%; justify-content: flex-end; align-items: flex-start; display: flex; position: absolute; top: 22px; }
.teams-icon-grid { gap: 16px; perspective-origin: 0px 0px; transform-origin: 0px 0px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center; display: grid; position: relative; top: 3px; left: -50px; }
.teams-icon-card { z-index: 20; width: 64px; height: 64px; perspective: 2000px; cursor: pointer; background-color: rgb(0, 0, 0); background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); border: 2px solid rgb(24, 24, 24); border-radius: 12px; flex-direction: row; justify-content: center; align-items: center; padding: 8px; display: flex; position: relative; transform: none; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.35) 0px 13px 10px; }
.twitter-icon { z-index: 2; width: 48px; position: relative; }
.automator-cloud-ui-twitter, .automator-cloud-ui-netflix, .automator-cloud-ui-robinhood, .automator-cloud-ui-meta, .automator-cloud-ui-cash-app, .automator-cloud-ui-doordash, .automator-cloud-ui-instacart, .automator-cloud-ui-snap, .automator-cloud-ui-reddit { z-index: 60; width: 242px; height: 386px; background-image: linear-gradient(rgb(36, 35, 37) 40%, rgb(23, 22, 25)); border: 0.5px solid rgba(0, 0, 0, 0.2); border-radius: 8px; margin-left: auto; margin-right: auto; transition: box-shadow 0.3s ease-out; display: none; position: absolute; top: 12px; left: 30px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.teams-relative-div { width: 100%; position: relative; }
.twitter-icon-2 { z-index: 1; width: 100%; max-width: 48px; position: absolute; inset: 0%; }
.netflix-icon { z-index: 2; width: 48px; position: relative; }
.netflix-icon-2 { z-index: 1; width: 100%; max-width: 48px; position: absolute; inset: 0%; }
.robinhood-icon { z-index: 2; width: 48px; position: relative; }
.robinhood-icon-2 { z-index: 1; width: 100%; max-width: 48px; position: absolute; inset: 0%; }
.meta-icon { z-index: 2; width: 48px; position: relative; }
.meta-icon-2 { z-index: 1; width: 100%; max-width: 48px; position: absolute; inset: 0%; }
.cash-app-icon { z-index: 2; width: 48px; position: relative; }
.cash-app-icon-2 { z-index: 1; width: 100%; max-width: 48px; position: absolute; inset: 0%; }
.doordash-icon { z-index: 2; width: 48px; position: relative; }
.doordash-icon-2 { z-index: 1; width: 100%; max-width: 48px; position: absolute; inset: 0%; }
.instacart-icon { z-index: 2; width: 48px; position: relative; }
.instacart-icon-2 { z-index: 1; width: 100%; max-width: 48px; position: absolute; inset: 0%; }
.snapchat-icon { z-index: 2; width: 48px; position: relative; }
.snapchat-icon-2 { z-index: 0; width: 100%; max-width: 48px; position: absolute; inset: 0%; }
.reddit-icon { z-index: 2; width: 48px; position: relative; }
.reddit-icon-2 { z-index: 1; width: 100%; max-width: 48px; position: absolute; inset: 0%; }
.ui-ai-text { color: rgb(169, 169, 169); cursor: default; margin-left: 4px; font-size: 13px; font-weight: 700; }
.ui-ai-flex { width: 216px; justify-content: space-between; align-items: center; display: flex; position: absolute; inset: auto auto 10px 16px; }
.ui-ai-button { width: 100%; height: 48px; max-height: 64px; max-width: 280px; background-color: rgb(24, 160, 251); border-radius: 12px; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; display: flex; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 4px; }
.ui-ai-button.emoji { background-color: rgb(255, 196, 20); }
.ui-ai-button.fonts { background-color: rgb(0, 204, 177); }
.ui-ai-button.layers { background-color: rgb(123, 97, 255); }
.ui-ai-playground-input-glyphs { width: 288px; height: 230px; background-color: rgb(255, 255, 255); background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); border-radius: 24px; padding: 20px; display: block; position: relative; top: 20px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.ui-ai-tiny-logo { width: 16px; opacity: 1; }
.playground-button-text { z-index: 10; color: rgb(255, 255, 255); letter-spacing: 0.2px; margin-right: 8px; font-size: 16px; font-weight: 700; line-height: 19px; position: relative; }
.playground-button-text.emoji { color: rgb(31, 30, 32); }
.prompt-placeholder { color: rgb(255, 255, 255); margin-bottom: 0px; font-size: 13px; line-height: 19px; }
.ui-ai-powered-text { color: rgb(169, 169, 169); cursor: default; margin-right: 6px; font-size: 13px; font-weight: 500; }
.ui-ai-button-flex { margin-top: 16px; display: flex; position: relative; }
.prompt-box { height: 130px; background-color: rgb(41, 41, 43); border-radius: 16px; flex-direction: column; justify-content: space-between; padding: 16px; display: flex; position: relative; }
.ui-ai-playground-canvas { width: 540px; height: 356px; background-color: rgb(255, 255, 255); background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); border-radius: 24px; padding: 20px; position: absolute; top: 124px; left: 347px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.ui-ai-diagram-button { color: rgb(255, 255, 255); background-color: rgb(41, 41, 43); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; align-items: center; padding: 8px 12px; font-weight: 400; line-height: 24px; text-decoration: none; display: flex; overflow: hidden; }
.ui-ai-diagram-button:hover { border-color: rgba(255, 255, 255, 0.08); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px; }
.ui-ai-diagram-button-icon { width: 12px; height: 12px; border-radius: 100%; margin-right: 8px; box-shadow: rgba(0, 0, 0, 0.32) 0px 2px 4px; }
.ui-ai-diagram-button-text { cursor: default; font-size: 12px; font-weight: 600; line-height: 14px; }
.ui-ai-canvas-top-bar { opacity: 0.4; align-items: center; display: flex; }
.ui-ai-tabber { background-color: rgb(41, 41, 43); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 6px; margin-left: 21px; display: flex; }
.ui-ai-tabber-text { cursor: default; font-size: 12px; font-weight: 600; line-height: 14px; }
.ui-ai-tab { width: 36px; justify-content: center; padding-top: 8px; padding-bottom: 8px; display: flex; }
.ui-ai-tab._3 { border-right: 1px solid rgba(255, 255, 255, 0.08); border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-ai-tab._2 { border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.08); }
.ui-ai-canvas { height: 300px; background-color: rgb(41, 41, 43); border: 1px solid rgb(63, 63, 63); border-radius: 16px; justify-content: flex-start; margin-top: 16px; display: flex; position: relative; overflow: hidden; }
.ui-ai-dot-grid { z-index: 2; opacity: 0.4; background-image: url("645d2a02fbdaebf21990f537_dot-grid.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; border-radius: 0px; position: absolute; inset: 2px 0% 0% 2px; }
.card-info-flex { align-items: center; display: flex; }
.ui-ai-dropdown { z-index: 6; width: 116px; cursor: pointer; border: 1px solid rgb(50, 50, 50); border-radius: 100px; margin-left: 10px; margin-right: 0px; transition: border-color 0.2s; position: relative; bottom: 6px; }
.ui-ai-dropdown:hover { border-color: rgb(107, 107, 107); }
.ui-ai-dropdown-text { color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; }
.ui-ai-icon-dropdown { width: 18px; margin-right: 8px; }
.ui-ai-dropdown-list { width: 116px; min-width: 116px; background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); border-radius: 12px; margin-top: 10px; display: none; position: absolute; top: 32px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.ui-ai-dropdown-list.w--open { margin-top: 10px; }
.ui-ai-dropdown-item { cursor: pointer; align-items: center; padding: 10px 12px; display: flex; }
.ui-ai-dropdown-item:hover { background-color: rgba(255, 255, 255, 0.05); }
.ui-ai-dropdown-item.layers { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; margin-bottom: 0px; }
.ui-ai-dropdown-item.glyph { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.ui-ai-glyph-flex { align-items: flex-start; display: flex; }
.ui-ai-glyph { width: 120px; margin-bottom: 16px; margin-right: 16px; }
.ui-ai-glyph._1, .ui-ai-glyph._2, .ui-ai-glyph._3, .ui-ai-glyph._4 { z-index: 2; cursor: pointer; position: relative; }
.ui-ai-glyph-flex-vertical { z-index: 3; display: none; position: relative; top: 16px; left: 16px; }
.ui-ai-playground-input-emoji { width: 288px; height: 230px; background-color: rgb(255, 255, 255); background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); border-radius: 24px; padding: 20px; display: none; position: relative; top: 20px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.ui-ai-emoji-flex-vertical { z-index: 3; display: none; position: relative; top: 16px; left: 22px; }
.ui-ai-emoji { width: 32px; cursor: pointer; border-radius: 100%; margin-bottom: 16px; margin-right: 16px; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 6px -5px; }
.ui-ai-emoji._1 { cursor: pointer; }
.ui-ai-emoji-flex { align-items: flex-start; display: flex; }
.ui-ai-playground-input-fonts { width: 288px; height: 230px; background-color: rgb(255, 255, 255); background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); border-radius: 24px; padding: 20px; display: none; position: relative; top: 20px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.ui-ai-fonts-flex-vertical { z-index: 3; display: none; position: relative; top: 40px; left: 25px; }
.ui-ai-layers-flex-vertical { z-index: 3; width: 219px; height: 208px; flex-direction: column; justify-content: center; align-items: center; display: none; position: absolute; inset: 0%; }
.ui-ai-playground-input-layers { width: 288px; height: 230px; background-color: rgb(255, 255, 255); background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); border-radius: 24px; padding: 20px; display: none; position: relative; top: 20px; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.8) 0px 20px 25px -5px, rgba(0, 0, 0, 0.9) 0px 10px 10px -5px; }
.ui-ai-dropdown-toggle-glyphs { width: 116px; border-radius: 16px; align-items: center; padding: 8px 12px; display: flex; }
.ui-ai-dropdown-toggle-emojis, .ui-ai-dropdown-toggle-fonts, .ui-ai-dropdown-toggle-layers { width: 116px; border-radius: 16px; align-items: center; padding: 8px 12px; display: none; }
.ui-ai-button-primary { background-color: rgb(124, 97, 255); border-radius: 12px; margin-top: 12px; margin-bottom: 16px; padding: 14px 20px; font-weight: 600; }
.ui-ai-button-secondary { background-color: rgb(35, 35, 36); border: 1px solid rgb(87, 87, 87); border-radius: 12px; padding: 14px 20px; font-weight: 600; }
.ui-ai-inner-flex { opacity: 0.5; align-items: center; display: flex; }
.ui-ai-image-prompt { width: 40px; perspective-origin: 100% 100%; transform-origin: 100% 100%; background-image: linear-gradient(rgb(36, 35, 37), rgb(23, 22, 25)); border-radius: 5px; padding: 4px; display: none; position: absolute; inset: auto 8px 8px auto; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 2px; }
.ui-ai-image { border-radius: 3px; }
.ui-ai-remove-img { width: 18px; height: 18px; cursor: pointer; background-image: linear-gradient(rgb(52, 51, 53), rgb(26, 25, 27)); border-radius: 50px; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0px; margin-left: auto; margin-right: auto; display: flex; position: absolute; inset: -6px -6px auto auto; box-shadow: rgba(0, 0, 0, 0.34) 0px 2px 5px; }
.ui-ai-close-icon { width: 12px; }
.ui-ai-glyph-load { width: 0%; background-color: rgb(0, 116, 195); position: absolute; inset: 0%; }
.ui-ai-glyph-glow { z-index: 0; width: 390px; height: 315px; opacity: 0.5; position: absolute; inset: -34px 0% 0% -45px; }
.blob-blue { width: 390px; height: 315px; position: absolute; inset: 0%; }
.blob-green, .blob-yellow, .blob-purple { z-index: 2; width: 390px; height: 315px; position: absolute; inset: 0%; }
.ui-ai-button-blocker-glyphs { display: none; position: absolute; inset: 0%; }
.folder-top { z-index: 10; width: 416px; display: none; position: absolute; bottom: 12px; right: -12px; transform: scale(0.3); }
.folder-logo { z-index: 10; width: 100%; display: none; position: absolute; bottom: 10px; right: -12px; transform: scale(0.3); }
.folder-bottom { z-index: 1; width: 100%; display: none; position: absolute; bottom: 12px; right: -12px; transform: scale(0.3); }
.ui-ai-button-blocker-emoji { display: none; position: absolute; inset: 0%; }
.ui-ai-font-div { width: 224px; height: 130px; cursor: pointer; display: flex; position: relative; }
.ui-ai-font-1, .ui-ai-font-2, .ui-ai-font-3, .ui-ai-font-4, .ui-ai-font-5, .ui-ai-font-6, .ui-ai-font-7, .ui-ai-font-8, .ui-ai-font-9, .ui-ai-font-10, .ui-ai-font-11, .ui-ai-font-12, .ui-ai-font-13, .ui-ai-font-14, .ui-ai-font-15, .ui-ai-font-16, .ui-ai-font-17, .ui-ai-font-18, .ui-ai-font-19, .ui-ai-font-20, .ui-ai-font-21, .ui-ai-font-22, .ui-ai-font-23, .ui-ai-font-24, .ui-ai-font-25, .ui-ai-font-26, .ui-ai-font-27, .ui-ai-font-28, .ui-ai-font-29, .ui-ai-font-30, .ui-ai-font-31, .ui-ai-font-32, .ui-ai-font-33, .ui-ai-font-34, .ui-ai-font-35 { width: 100%; position: absolute; inset: 0%; }
.ui-ai-button-blocker-font, .ui-ai-button-blocker-layers { display: none; position: absolute; inset: 0%; }
.ui-ai-dropdown-toggler { flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px; display: flex; }
.dropdown-icon { opacity: 0.5; display: block; position: absolute; top: 6px; right: 8px; }
.custom-model-grid-absolute { z-index: 10; width: 100%; height: 276px; opacity: 0.5; background-image: url("6465155ca54b064aeee32192_card-dot-grid.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; flex-direction: row; flex: 1 1 0%; justify-content: flex-end; align-items: flex-start; position: absolute; left: 0px; }
.custom-model-top-absolute { z-index: 12; width: 100%; height: 276px; flex-direction: row; flex: 1 1 0%; justify-content: center; align-items: flex-start; display: flex; position: absolute; left: 0px; }
.custom-grid-blur { z-index: 14; width: 800px; height: 170px; min-width: 800px; filter: blur(19px); background-color: rgb(29, 28, 32); position: absolute; top: -2px; bottom: auto; left: -76px; }
.ui-ai-header-div { margin-bottom: 32px; position: relative; }
.ui-ai-preheader-text { color: rgb(169, 169, 169); text-align: center; letter-spacing: 0.15px; margin-bottom: 16px; font-size: 16px; font-weight: 500; }
.ui-ai-logo-div { width: 160px; height: 160px; position: relative; }
.ui-ai-large-logo { z-index: 2; width: 156px; height: 156px; background-image: linear-gradient(145deg, rgb(32, 31, 34), rgb(5, 5, 5)); border-radius: 38px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; top: 2px; left: 2px; box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 8px 1px; }
.ui-ai-metal-icon-large { width: 80px; filter: none; }
.ui-ai-large-logo-stroke { z-index: 1; width: 160px; height: 160px; background-image: radial-gradient(circle farthest-side at 0px 100%, rgb(0, 204, 177), transparent), radial-gradient(circle farthest-side at 100% 0px, rgb(123, 97, 255), transparent), radial-gradient(circle farthest-side at 100% 100%, rgb(255, 196, 20), transparent), radial-gradient(circle farthest-side at 0px 0px, rgb(28, 160, 251), rgb(20, 19, 22)); border-radius: 40px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; }
.ui-ai-large-logo-glow { z-index: 1; width: 160px; height: 160px; opacity: 0.5; filter: blur(24px); background-image: radial-gradient(circle farthest-side at 0px 100%, rgb(0, 204, 177), transparent), radial-gradient(circle farthest-side at 100% 0px, rgb(123, 97, 255), transparent), radial-gradient(circle farthest-side at 100% 100%, rgb(255, 196, 20), transparent), radial-gradient(circle farthest-side at 0px 0px, rgb(28, 160, 251), rgb(20, 19, 22)); border-radius: 40px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; }
.automator-header-logo { z-index: 0; width: 220px; position: relative; top: 40px; transform: translate(0px); }
.automator-header-blur { z-index: 1; height: 240px; filter: none; background-image: linear-gradient(transparent, rgb(14, 14, 17) 51%); margin-left: auto; margin-right: auto; position: absolute; top: 88px; left: 0%; right: 0%; }
.card-blocker { z-index: 1000; background-color: rgb(29, 28, 32); border: 1px solid transparent; border-radius: 24px; position: absolute; inset: 0%; }
.card-blocker._1, .card-blocker._2, .card-blocker._3, .card-blocker._4, .card-blocker._5, .card-blocker._6, .card-blocker._7, .card-blocker._8 { display: none; }
.card-blocker.genius-1, .card-blocker.genius-2, .card-blocker.genius-3, .card-blocker.genius-4, .card-blocker.genius-5, .card-blocker.genius-6, .card-blocker.genius-7, .card-blocker.genius-8, .card-blocker.automator-1, .card-blocker.automator-2, .card-blocker.automator-3, .card-blocker.automator-4, .card-blocker.ui-ai-1, .card-blocker.ui-ai-2 { z-index: 2000; display: none; }
.ui-ai-logo-blocker { z-index: 500; width: 160px; height: 160px; position: absolute; inset: auto 0% 0%; }
.ui-ai-model-tag { backdrop-filter: blur(16px); color: rgb(255, 255, 255); cursor: pointer; background-color: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 32px; align-items: center; margin-right: 32px; padding: 6px 12px; font-weight: 400; line-height: 24px; text-decoration: none; transition: border-color 0.2s; display: flex; overflow: hidden; }
.ui-ai-model-tag.layers { margin-right: 0px; }
.ui-ai-model-icon { width: 18px; box-shadow: none; margin-right: 8px; }
.ui-ai-model-bar { z-index: 100; justify-content: space-around; display: flex; position: absolute; top: 132px; left: 64px; }
.ui-ai-glyph-1 { width: 72px; cursor: pointer; position: absolute; top: 85px; left: 30px; }
.ui-ai-glyph-2 { width: 72px; cursor: pointer; position: absolute; top: 187px; left: 22px; }
.ui-ai-glyph-3 { width: 72px; cursor: pointer; position: absolute; top: 141px; left: 102px; }
.ui-ai-emoji-model { width: 40px; cursor: pointer; border-radius: 100%; position: absolute; top: 94px; left: 312px; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 6px -4px; }
.ui-ai-emoji-model._1 { transform: rotate(-13deg); }
.ui-ai-emoji-model._2 { top: 115px; left: 375px; transform: rotate(8deg); }
.ui-ai-emoji-model._3 { top: 80px; left: 434px; transform: rotate(-8deg); }
.ui-ai-emoji-model._4 { top: 115px; left: 491px; transform: rotate(13deg); }
.ui-ai-fonts-1 { width: 96px; cursor: pointer; position: absolute; top: 187px; left: 367px; }
.ui-ai-button-primary-test { background-color: rgb(124, 97, 255); border-radius: 12px; margin-top: 12px; margin-bottom: 16px; padding: 14px 20px; font-weight: 600; position: absolute; top: 195px; left: 187px; transform: rotate(2deg); box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 7px; }
.ui-ai-toggle { width: 42px; height: 26px; cursor: pointer; margin-bottom: 0px; position: absolute; top: 152px; left: 220px; transform: rotate(-4deg) scale(1.2); }
.ui-ai-fonts-2 { width: 72px; cursor: pointer; position: absolute; top: 200px; left: 474px; }
.ui-ai-tabby { cursor: pointer; background-color: rgb(41, 41, 43); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 8px; justify-content: space-between; padding: 6px; display: flex; position: absolute; top: 84px; left: 185px; transform: rotate(4deg); box-shadow: rgba(0, 0, 0, 0.36) 0px 2px 5px; }
.ui-ai-tabby-icon { z-index: 2; width: 22px; margin-right: 10px; position: relative; }
.ui-ai-tabby-icon.last { opacity: 0.3; margin-right: 0px; }
.tabby-selector { z-index: 1; width: 26px; height: 26px; opacity: 0.14; background-color: rgb(255, 255, 255); border-radius: 4px; position: absolute; top: 4px; left: 4px; }
.ui-ai-toggle-dot-1 { z-index: 200; width: 20px; height: 20px; min-height: 20px; min-width: 20px; cursor: pointer; background-color: rgb(83, 84, 87); border-radius: 100%; position: absolute; top: 3px; left: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px; }
.ui-ai-toggle-bg-1 { z-index: 0; width: 44px; cursor: pointer; background-color: rgb(41, 41, 43); border-radius: 100px; transition: background-color 0.2s; position: absolute; inset: 0%; box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 6px; }
.nav-list-float { z-index: 5000; width: 424px; backdrop-filter: blur(16px); background-color: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 32px; flex-direction: row; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: fixed; inset: 12px 0% auto; }
.mobile-nav-cta-flex { align-items: center; display: none; }
.logo-mobile, .mobile-nav { display: none; }
.mobile-nav-list-float { z-index: 5000; width: 424px; backdrop-filter: blur(16px); background-color: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 32px; flex-direction: row; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: fixed; inset: 12px 0% auto; }
.footer-mobile { max-width: 1200px; margin-top: 320px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; display: none; position: relative; }
.lorem-text-mobile { width: 684px; max-width: none; opacity: 1; color: rgb(39, 39, 41); letter-spacing: -3px; -webkit-text-fill-color: transparent; background-color: rgb(50, 50, 56); background-clip: text; padding-bottom: 24px; font-size: 102px; font-weight: 700; display: none; position: absolute; top: 175px; right: -116px; }
.magic-text-mobile { width: 530px; display: none; position: relative; top: 47px; right: 3px; }
.magic-copy-mobile-blocker, .mobile-tap-target, .generate-orbit-mobile-div { display: none; }
.text-design-orbit-1-mobile, .text-design-orbit-2-mobile, .text-design-orbit-3-mobile, .text-design-orbit-4-mobile, .text-design-orbit-5-mobile { width: 170px; height: 170px; opacity: 0.25; background-image: url("6408d31fe77edc25e03ef3ee_orbit-01.svg"); background-position: 50% center; background-size: cover; position: absolute; }
.smart-element-frame-mobile { z-index: 12; width: 240px; height: 512px; background-image: linear-gradient(172deg, rgb(31, 30, 33), rgb(19, 18, 22) 62%); border-radius: 20px; flex-direction: column; align-items: flex-start; margin-left: auto; margin-right: auto; display: none; position: relative; top: 24px; left: -13px; overflow: hidden; box-shadow: rgb(82, 81, 84) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) 0px 0px 16px -4px; }
.smart-element-3-mobile { z-index: 6; width: 220px; height: 52px; cursor: grab; background-image: linear-gradient(rgb(52, 51, 53), rgb(26, 25, 27)); border-radius: 12px; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 8px; margin-left: auto; margin-right: auto; padding: 12px; display: none; position: relative; top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.smart-element-explainer-3-mobile { z-index: 4; max-width: 130px; opacity: 0; text-align: center; cursor: default; margin-top: 0px; margin-left: auto; margin-right: auto; font-size: 13px; font-weight: 600; line-height: 1.35; position: absolute; inset: -55px 0% 0%; }
.auto-iterate-mobile-tap-target { display: none; }
.smart-element-2-mobile, .smart-element-0-mobile { z-index: 6; width: 220px; height: 52px; cursor: grab; background-image: linear-gradient(rgb(52, 51, 53), rgb(26, 25, 27)); border-radius: 12px; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 8px; margin-left: auto; margin-right: auto; padding: 12px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 25px, rgb(82, 81, 84) 0px 2px 2px inset; }
.smart-reset-button-mobile { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(38, 37, 41); border: 1px solid rgb(47, 46, 49); border-radius: 32px; align-items: center; padding: 8px; font-weight: 400; line-height: 24px; text-decoration: none; transition: box-shadow 0.2s; display: none; position: absolute; inset: auto 16px 16px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.2) 0px 6px 10px; }
.smart-reset-button-mobile:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, rgba(0, 0, 0, 0.3) 0px 6px 10px; }
.build-absolute { z-index: 4; flex-direction: column; align-items: flex-start; display: none; position: absolute; inset: auto 32px 30px auto; }
.automator-build-explainer-text { z-index: 7; max-width: 130px; opacity: 0.4; text-align: left; cursor: none; margin-left: auto; margin-right: auto; font-size: 13px; font-weight: 600; line-height: 1.35; display: block; }
.automator-community-absolute-mobile { z-index: 5; width: 100%; margin-top: 6px; display: none; position: absolute; bottom: 12px; }
.ui-ai-model-text { font-size: 15px; font-weight: 600; }
.magician-sparkle-1 { z-index: 12; width: 80px; display: flex; position: absolute; top: -180px; left: 13px; transform: none; }
.magician-sparkle-2 { z-index: 12; width: 160px; display: flex; position: absolute; top: -134px; left: 50px; transform: none; }
.magician-sparkle-glow { z-index: 0; width: 100%; max-width: none; position: absolute; inset: 0%; }
.magic-app-screen { z-index: 20; width: 230px; height: 500px; min-height: 500px; background-color: rgb(27, 27, 30); border: 1px solid rgb(45, 45, 45); border-radius: 18px; position: absolute; top: 151px; left: 25px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 22px; }
.magic-app-top-nav { width: 100%; }
.magic-app-category-block { border-bottom: 1px solid rgb(45, 45, 45); justify-content: space-between; margin-top: 12px; padding-bottom: 10px; padding-left: 8px; padding-right: 8px; display: flex; position: relative; }
.magic-app-active-line { width: 32px; height: 4px; color: rgb(238, 238, 238); background-color: rgb(116, 64, 223); border-radius: 20px; position: absolute; top: 46px; left: 16px; }
.magic-app-category-icon { width: 18px; margin-bottom: 10px; }
.magic-app-category { width: 48px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; }
.magic-app-category-2, .magic-app-category-3, .magic-app-category-4 { width: 48px; opacity: 0.6; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; }
.magic-app-category-name { color: rgb(238, 238, 238); font-size: 10px; font-weight: 700; }
.wands-scroll { height: 152px; display: block; overflow: scroll; }
.magic-app-listing { margin-top: 12px; margin-bottom: 32px; padding-left: 12px; padding-right: 12px; }
.magic-app-listing.last { margin-bottom: 12px; }
.magic-app-listing-image { z-index: 2; width: 100%; height: 80px; border-radius: 8px; position: relative; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; }
.magic-app-listings-info { justify-content: space-between; align-items: flex-end; margin-top: 12px; display: flex; }
.magic-app-info-block, .magic-app-info-blocks { flex-direction: column; align-items: flex-start; display: flex; }
.magic-app-info-blocks.right { align-items: flex-end; }
.magic-app-star-flex { flex-direction: row; align-items: center; margin-bottom: 6px; display: flex; }
.magic-app-price-text { color: rgb(238, 238, 238); font-size: 10px; font-weight: 700; }
.magic-app-image-placeholder { z-index: 1; background-image: linear-gradient(rgb(52, 50, 54), rgb(56, 52, 63)); border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; box-shadow: rgb(82, 81, 84) 0px 2px 2px inset; }
.magic-app-image-div { width: 100%; position: relative; }
.magic-app-magic-image-icon { width: 48px; opacity: 0.16; }
.magic-app-magic-icon-icon { z-index: 20; width: 24px; min-width: 24px; opacity: 1; position: absolute; inset: -4px 0% 0% -2px; }
.magic-app-icon-div { position: relative; }
.hats-scroll, .spellbooks-scroll, .cards-scroll { height: 152px; display: none; overflow: scroll; }
.shooting-star-4 { z-index: 0; width: 400px; height: 400px; position: absolute; top: 4427px; right: 647px; }
.shooting-star-5 { z-index: 0; width: 400px; height: 400px; position: absolute; top: 7044px; right: 531px; }
.ai-magic-click-2-mobile, .ai-magic-click-1-mobile { display: none; }
.button-secondary-nav { color: rgb(255, 255, 255); background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 32px; align-items: center; padding: 6px 16px; font-weight: 400; line-height: 24px; text-decoration: none; display: none; }
.button-secondary-nav:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px; }
.button-secondary-nav.left { backdrop-filter: blur(16px); border-color: rgba(255, 255, 255, 0.08); margin-right: 12px; transition: border-color 0.2s; display: flex; }
.button-secondary-nav.left:hover { box-shadow: none; border-color: rgba(255, 255, 255, 0.25); }
.button-secondary-nav.left.float { background-color: rgb(23, 23, 25); border-style: solid; border-color: rgba(255, 255, 255, 0); margin-right: 0px; transition: background-color 0.2s, border-color 0.2s; }
.button-secondary-nav.left.float:hover { border-style: solid; border-color: rgba(255, 255, 255, 0.25); }
.genius-coming-soon-text, .ui-ai-coming-soon-text { opacity: 0.7; color: rgb(169, 169, 169); text-align: center; margin-top: 12px; margin-bottom: -12px; font-size: 14px; font-weight: 500; }
.blue-planet-img, .red-planet-img, .green-planet-image { width: 100%; min-width: 100%; }
.section-footer { overflow: hidden; }
.wand-beam-blur { z-index: 7; width: 300px; height: 300px; opacity: 1; filter: blur(20px); background-image: linear-gradient(rgb(29, 28, 32) 7%, rgb(29, 28, 32) 80%); border-radius: 120%; position: absolute; inset: -142px 0% 0% 538px; transform: rotate(95deg); }
.orbit-overflow-hidden { padding-bottom: 200px; overflow: hidden; }
.display-paragraph-2-mobile { color: rgb(169, 169, 169); text-align: center; margin-bottom: 0px; font-size: 20px; font-weight: 500; }
.display-paragraph-2-mobile.automator { display: none; }
.cookie-modal-flex { flex-direction: column; align-items: flex-start; display: flex; }
.cookie-close-icon { width: 14px; cursor: pointer; transform-style: preserve-3d; transition: transform 0.2s; position: absolute; inset: auto 32px auto auto; }
.cookie-close-icon:hover { transform: scale3d(0.9, 0.9, 0.01); }
.cookie-close-icon.modal { inset: 24px 24px auto auto; }
.banner-wrapper { z-index: 9999; color: rgb(255, 255, 255); background-color: rgb(41, 41, 41); justify-content: center; align-items: center; display: none; position: sticky; inset: 0% 0% auto; }
.banner-text { margin-bottom: 0px; font-size: 15px; font-weight: 500; line-height: 1.4em; }
.banner-text.bold { margin-top: 0px; margin-bottom: 0px; font-weight: 700; }
.banner-container { width: 100%; max-width: 1240px; justify-content: center; align-items: center; padding: 16px 56px; display: flex; overflow: hidden; }
.banner-button { backdrop-filter: blur(16px); color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 32px; align-items: center; margin-left: 12px; padding: 4px 12px; font-weight: 400; line-height: 24px; text-decoration: none; transition: border-color 0.2s; display: flex; overflow: hidden; }
.banner-button:hover { border-color: rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px; }
.banner-button._2 { margin-top: 20px; margin-left: 0px; padding-top: 6px; padding-bottom: 6px; }
.banner-button._2.w--current { padding-left: 16px; padding-right: 16px; }
.cookie-button-text { font-size: 14px; font-weight: 600; }
.cookie-modal { z-index: 10; max-width: 400px; background-color: rgb(29, 28, 32); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; padding: 32px; position: fixed; inset: auto auto 40px 40px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.5) 0px 20px 25px; }
@media screen and (min-width: 1280px) {
  .footer { padding-left: 0px; padding-right: 0px; }
  .footer-graphic { width: 650px; bottom: -333px; left: -358px; }
  .footer-year { margin-left: 210px; }
  .genius-ds-absolute { width: 670px; left: 163px; }
  .ds-list { min-width: 360px; }
  .ds-tabber-div { margin-left: 12px; }
  .footer-mobile { padding-left: 0px; padding-right: 0px; }
}
@media screen and (min-width: 1440px) {
  .footer-graphic { width: 610px; bottom: -309px; left: -225px; }
  .footer-year { margin-left: 320px; }
  .solar-blur-bottom { background-color: rgb(17, 17, 19); }
  .ui-ai-button { max-width: 300px; }
}
@media screen and (min-width: 1920px) {
  .footer-graphic { bottom: -315px; left: -240px; }
  .footer-year { margin-left: 300px; }
  .solar-blur-bottom { background-color: rgb(16, 16, 19); }
  .banner-container { max-width: 1240px; position: relative; }
}
@media screen and (max-width: 991px) {
  .nav-item { padding-left: 16px; padding-right: 16px; }
  .container { width: 100%; }
  .solar-system { margin-top: 114px; transform: scale(0.8); }
  .grid { max-width: 589px; grid-template-columns: 1fr 1fr; margin-left: auto; margin-right: auto; }
  .grid.genius { grid-template-rows: auto auto auto auto auto auto; }
  .grid.automator { grid-template-rows: auto auto auto auto; }
  .grid.magician { grid-template-rows: auto auto auto auto auto auto; }
  .section-magician { margin-top: -640px; }
  .section-automator { margin-top: -80px; }
  .footer-col { margin-right: 56px; }
  .footer-col-2 { margin-right: 88px; }
  .footer-graphic { width: 580px; bottom: -280px; left: -267px; }
  .solar-blur-bottom { background-color: rgb(22, 22, 24); }
  .glow { min-width: 980px; }
  .glow-blur { width: 200%; height: 230px; filter: blur(50px); top: 188px; }
  .book { display: flex; }
  .card { height: 10rem; }
  .card.max-282 { width: 282px; }
  .card.max-588 { height: 400px; max-width: 588px; }
  .card_side, .icon_card_side, .icon_card_side_2 { backface-visibility: hidden; }
  .nav-list-float { display: none; }
  .logo-mobile.w--current { margin-left: 8px; }
  .mobile-nav-list-float { display: none; }
  .banner-text { max-width: 90%; }
  .banner-container { justify-content: space-between; padding-left: 24px; padding-right: 24px; }
  .cookie-modal { bottom: 24px; left: 24px; }
}
@media screen and (max-width: 767px) {
  .nav, .nav-item.float { display: none; }
  .nav-item.float.login { display: block; }
  .button-secondary.left.float { display: none; }
  .button-secondary.left.float.mobile { display: flex; }
  .display-1 { width: 350px; margin-bottom: 8px; font-size: 48px; line-height: 1.1; }
  .intro-block { width: 100%; padding-left: 16px; padding-right: 16px; }
  .intro-block.ui-ai { width: 100%; }
  .display-paragraph { margin-bottom: 16px; font-size: 16px; }
  .primary-button-text { font-size: 15px; }
  .solar-system { margin-top: -200px; transform: scale(0.65); }
  .section-genius { margin-top: 32px; padding-top: 200px; }
  .display-2.magician, .display-2.genius, .display-2.automator { margin-bottom: 0px; padding-bottom: 12px; font-size: 48px; line-height: 1; }
  .display-2.ui-ai { padding-bottom: 0px; font-size: 48px; line-height: 1; }
  .display-paragraph-2.magician, .display-paragraph-2.genius { font-size: 16px; }
  .display-paragraph-2.automator { font-size: 16px; display: none; }
  .display-paragraph-2.ui-ai { font-size: 16px; }
  .button-flex { z-index: 5; margin-top: 16px; position: relative; }
  .grid.genius, .grid.automator { grid-template-columns: 1fr; place-items: center; margin-top: -64px; padding-top: 88px; }
  .grid.ui-ai { place-items: center; margin-top: -64px; padding-top: 88px; }
  .grid.magician { width: 100%; max-width: none; grid-template-columns: 1fr; place-items: center; padding-top: 48px; }
  .section-magician { margin-top: -850px; }
  .section-automator { margin-top: -114px; padding-top: 172px; }
  .section-ui-ai { margin-top: 12px; padding-top: 88px; }
  .footer { display: none; }
  .footer-flex { flex-direction: column; margin-bottom: 180px; }
  .footer-col { margin-bottom: 40px; margin-right: 0px; }
  .footer-tagline { margin-top: 8px; margin-bottom: 12px; }
  .footer-col-2 { width: auto; }
  .footer-col-2.last { margin-right: 103px; }
  .footer-graphic { min-width: 570px; bottom: -270px; left: -264px; }
  .footer-year { opacity: 0.8; margin-top: 0px; margin-left: 100px; }
  .social-icon-link { filter: brightness(85%); }
  .solar-blur-bottom { width: 390px; height: 250px; background-color: rgb(24, 24, 26); bottom: 32px; }
  .card-heading.z-top { display: none; }
  .card-heading.z-top.mobile { display: block; }
  .card-heading.magic-rename { display: none; }
  .card-heading.magic-rename.mobile { display: block; }
  .card-heading.design-system { display: none; }
  .card-heading.mobile-design-system { display: block; }
  .card-heading.build-automations { display: none; }
  .card-heading.build-automations-mobile { display: block; }
  .card-heading.ui-ai-models { display: none; }
  .card-heading.ui-ai-models-mobile { display: block; }
  .card-heading.ui-ai-playground { display: none; }
  .card-heading.ui-ai-playground-mobile { display: block; }
  .card-paragraph.z-top.short { max-width: none; display: block; }
  .card-paragraph.z-top.shorter { max-width: none; }
  .card-paragraph.z-top.shorter.auto-suggest-mobile { display: block; }
  .card-paragraph.z-top.shorter.auto-suggest { display: none; }
  .card-paragraph.short { max-width: none; display: none; }
  .card-paragraph.short.mobile { display: block; }
  .card-paragraph.medium { max-width: none; }
  .card-paragraph.medium.automate { display: none; }
  .card-paragraph.medium.automate-mobile { display: block; }
  .card-paragraph.medium.automator-teams { min-width: 221px; }
  .card-paragraph.medium.automator-community { display: none; }
  .card-paragraph.medium.automator-community-mobile { display: block; }
  .card-paragraph.medium.ui-ai-models { display: none; }
  .card-paragraph.medium.ui-ai-models-mobile { display: block; }
  .card-paragraph.medium.ui-ai-playground { display: none; }
  .card-paragraph.medium.ui-ai-playground-mobile, .card-paragraph.magic-rename-mobile { display: block; }
  .card-paragraph.magic-rename, .card-paragraph.design-system-paragraph { display: none; }
  .card-paragraph.design-system-mobile { display: block; }
  .wand-div { margin-top: -64px; margin-bottom: -828px; transform: scale(0.8); }
  .wand.w--current { min-width: 500px; }
  .glow { min-width: 940px; top: -284px; }
  .glow-blur { height: 210px; filter: blur(40px); background-color: rgb(24, 24, 26); }
  .tile-icon-grid { top: 8px; left: -32px; transform: scale(0.85); }
  .magic-icon-wand { top: -363px; }
  .magic-image-wand { top: -292px; left: 9px; }
  .tile-image-container { top: -9px; left: -22px; transform: scale(0.8); }
  .magic-image-img-1 { filter: blur(); }
  .tile-image-3 { display: none; }
  .figma-window { top: -26px; left: -53px; transform: scale(0.8); }
  .magic-rename-wand { right: 366px; transform: scale(0.8) rotate(-86deg); }
  .figma-glow { z-index: 0; width: 100%; height: 500px; filter: none; background-image: linear-gradient(rgb(29, 28, 32) 24%, rgb(99, 22, 255) 60%); top: 0px; left: 0px; }
  .magic-text { display: none; }
  .lorem-text { padding-bottom: 0px; font-size: 53px; display: none; top: 208px; right: -401px; }
  .card.cursor.max-588 { cursor: default; }
  .card.max-588 { max-width: 282px; min-width: 282px; }
  .lorem-particles { width: 480px; height: 130px; top: -3px; left: 30px; }
  .lorem-particles-blur { top: 127px; }
  .lorem-stars { width: 1400px; top: -15px; right: -336px; }
  .rename-stars { width: 1380px; top: 165px; right: -387px; }
  .teaser-logo-flex { width: 220px; top: -122px; }
  .teaser-logo-flex.automator { width: 150px; }
  .genius-header-blur { height: 170px; filter: blur(20px); background-image: linear-gradient(transparent, rgb(10, 10, 14) 29%, rgb(10, 10, 14) 54%, rgb(10, 10, 14)); top: 82px; }
  .figma-design { display: none; top: 10px; left: -14px; }
  .you-cursor { display: none; }
  .text-design-orbit-1 { width: 100px; height: 100px; display: none; top: 128px; }
  .text-to-design-div { top: 156px; left: -457px; transform: scale(1.8); }
  .text-design-orbit-2 { width: 180px; height: 180px; display: none; }
  .text-design-orbit-3 { width: 220px; height: 220px; display: none; }
  .text-design-orbit-4 { width: 260px; height: 260px; display: none; }
  .text-design-orbit-5, .generate-app-absolute { display: none; }
  .cosmos-screen-1 { left: 25px; }
  .cosmos-screen-2 { display: none; }
  .auto-iterate-absolute { left: 20px; }
  .figma-design-genius { top: 32px; }
  .iterate-restart-absolute { z-index: 2000; }
  .iterate-reset-button { cursor: default; }
  .you-cursor-invite, .smart-element-frame { display: none; }
  .smart-element-icon.mobile { opacity: 0.1; }
  .smart-element-explainer-2 { opacity: 0.5; display: none; position: relative; }
  .smart-element-explainer-1 { opacity: 0; display: none; }
  .smart-element-3 { display: flex; }
  .smart-element-placeholder { cursor: default; display: none; }
  .smart-element-explainer-3 { opacity: 1; }
  .element-restart-absolute, .smart-reset-button { display: none; }
  .food-delivery-screen { top: 12px; left: -7px; }
  .food-image { width: 100%; min-width: 100%; }
  .takeout-restaurant-cover { width: 100%; min-width: 100%; flex-direction: column; }
  .suggest-restart-absolute { z-index: 2000; }
  .suggest-reset-button { cursor: default; }
  .you-suggest-cursor { display: none; }
  .genius-ds-absolute { top: 86px; left: -239px; }
  .ds-col-2 { margin-top: 83px; }
  .ds-tabber, .ds-dropdown-chevron, .ds-modal-div { display: none; }
  .automator-ui { left: 20px; }
  .ui-row.search { display: none; }
  .ui-row.categories { margin-bottom: 8px; }
  .automator-drag-absolute { display: none; top: -8px; left: -100px; transform: scale(0.9); }
  .color-palette-absolute { display: none; top: -17px; left: -18px; transform: scale(0.9); }
  .batch-icons-absolute { display: none; }
  .outline-spec-absolute { display: none; top: -5px; }
  .automator-community-absolute { display: none; }
  .automator-cards-row { margin-bottom: 0px; padding-bottom: 20px; padding-right: 12px; left: -32px; overflow: scroll; }
  .automatorcard-title { font-size: 14px; }
  .automator-card.blue._2 { margin-left: 8px; }
  .automator-card.blue { margin-left: 24px; }
  .ui-layer-row, .ui-layer-row-2, .ui-layer-row-3, .ui-layer-row-4 { perspective-origin: 0% center; transform-origin: 0% center; }
  .ui-layer-row-5 { display: none; }
  .automator-drag-ui { left: 0px; }
  .automator-drag-grid, .ui-layer-row-grid._1-1 { display: none; }
  .automator-cloud-ui { top: 4px; left: 120px; }
  .teams-icon-grid { left: -40px; transform: scale(0.8); }
  .automator-cloud-ui-twitter, .automator-cloud-ui-netflix, .automator-cloud-ui-robinhood, .automator-cloud-ui-meta, .automator-cloud-ui-cash-app, .automator-cloud-ui-doordash, .automator-cloud-ui-instacart, .automator-cloud-ui-snap, .automator-cloud-ui-reddit { top: 4px; left: 120px; }
  .ui-ai-playground-input-glyphs { top: 6px; left: -34px; transform: scale(0.85); }
  .ui-ai-playground-canvas { top: 155px; left: 20px; }
  .ui-ai-glyph-flex-vertical { perspective-origin: 0px 0px; transform-origin: 0px 0px; display: none; transform: scale(0.8); }
  .ui-ai-playground-input-emoji { top: 6px; left: -34px; transform: scale(0.85); }
  .ui-ai-emoji-flex-vertical { gap: 16px; perspective-origin: 0px 0px; transform-origin: 0px 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: none; transform: scale(1.12); }
  .ui-ai-playground-input-fonts { top: 6px; left: -34px; transform: scale(0.85); }
  .ui-ai-fonts-flex-vertical { perspective-origin: 0px 0px; transform-origin: 0px 0px; display: none; top: 32px; left: 24px; transform: scale(0.9); }
  .ui-ai-layers-flex-vertical { width: 239px; height: 178px; display: none; }
  .ui-ai-playground-input-layers { top: 6px; left: -34px; transform: scale(0.85); }
  .ui-ai-dropdown-toggle-glyphs, .ui-ai-dropdown-toggle-emojis, .ui-ai-dropdown-toggle-fonts, .ui-ai-dropdown-toggle-layers { width: 112px; }
  .dropdown-icon { right: 4px; }
  .custom-model-top-absolute { height: 250px; top: 150px; left: -167px; }
  .custom-grid-blur { background-image: url("646a94679f18880ec2314d1c_blur.png"); background-position: 50% 100%; background-repeat: no-repeat; background-size: auto; top: 36px; }
  .ui-ai-header-div { margin-bottom: 24px; }
  .ui-ai-preheader-text { font-size: 14px; }
  .ui-ai-logo-div { width: 120px; height: 120px; }
  .ui-ai-large-logo { width: 116px; height: 116px; border-radius: 30px; }
  .ui-ai-metal-icon-large { width: 64px; }
  .ui-ai-large-logo-stroke, .ui-ai-large-logo-glow { width: 120px; height: 120px; border-radius: 32px; }
  .automator-header-blur { width: 280px; height: 110px; filter: blur(12px); background-image: linear-gradient(transparent, rgb(10, 10, 14) 29%, rgb(10, 10, 14) 54%, rgb(10, 10, 14)); top: 116px; left: -64px; }
  .ui-ai-logo-blocker { width: 120px; }
  .ui-ai-model-tag.layers { flex: 0 0 auto; }
  .ui-ai-model-tag.glyph { width: auto; flex: 0 0 auto; margin-right: 16px; }
  .ui-ai-model-tag.emoji, .ui-ai-model-tag.fonts { flex: 0 0 auto; margin-right: 16px; }
  .ui-ai-model-bar { width: 288px; justify-content: flex-start; padding-left: 16px; padding-right: 16px; top: 171px; left: 0px; overflow: scroll; }
  .ui-ai-glyph-1 { width: 64px; left: 22px; }
  .ui-ai-glyph-2 { width: 64px; top: 171px; }
  .ui-ai-glyph-3 { width: 64px; }
  .ui-ai-fonts-1 { top: 178px; left: 344px; }
  .ui-ai-button-primary-test { width: 130px; top: 180px; transform: scale(0.9) rotate(2deg); }
  .ui-ai-toggle { top: 148px; }
  .ui-ai-fonts-2 { top: 181px; left: 455px; }
  .nav-list-float { width: 100%; justify-content: space-between; margin-left: 0px; margin-right: 0px; padding-left: 6px; padding-right: 6px; display: none; }
  .mobile-nav-cta-flex { display: flex; }
  .logo-mobile { margin-left: 9px; display: block; }
  .mobile-nav { z-index: 5000; width: 100%; padding-left: 16px; padding-right: 16px; display: block; position: fixed; top: 16px; }
  .mobile-nav-list-float { width: 100%; height: 48px; justify-content: space-between; margin-left: 0px; margin-right: 0px; padding-left: 6px; padding-right: 6px; display: flex; position: static; }
  .footer-mobile { margin-top: 88px; padding-left: 32px; padding-right: 32px; display: block; overflow: hidden; }
  .footer-mobile-col { width: 100%; justify-content: flex-start; align-items: flex-start; display: flex; }
  .lorem-text-mobile { padding-bottom: 0px; font-size: 100px; display: block; position: absolute; top: 208px; right: -401px; }
  .magic-text-mobile { width: 260px; display: block; top: 81px; right: 4px; }
  .magic-copy-mobile-blocker { z-index: 6000; display: none; position: fixed; inset: 64px 0% 0%; }
  .mobile-tap-target { z-index: 1000; display: flex; position: absolute; inset: 0%; }
  .generate-orbit-mobile-div { width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; top: 20px; }
  .text-design-orbit-1-mobile { width: 100px; height: 100px; display: block; }
  .text-design-orbit-2-mobile { width: 150px; height: 150px; display: block; }
  .text-design-orbit-3-mobile { width: 200px; height: 200px; display: block; }
  .text-design-orbit-4-mobile { width: 250px; height: 250px; display: block; }
  .text-design-orbit-5-mobile { width: 300px; height: 300px; display: block; }
  .smart-element-frame-mobile { display: flex; }
  .smart-element-3-mobile { cursor: default; display: flex; }
  .smart-element-explainer-3-mobile { opacity: 0.5; }
  .auto-iterate-mobile-tap-target { z-index: 1000; display: flex; position: absolute; inset: 0%; }
  .smart-element-2-mobile, .smart-element-0-mobile { cursor: default; }
  .smart-reset-button-mobile { display: flex; }
  .build-absolute { align-items: center; display: flex; top: 132px; right: 57px; }
  .automator-build-explainer-text { text-align: center; cursor: default; }
  .automator-community-absolute-mobile { display: flex; bottom: 0px; }
  .ui-ai-model-text { font-size: 15px; }
  .magic-app-screen { left: 25px; }
  .ai-magic-click-2-mobile { z-index: 9; display: block; position: absolute; inset: 0%; }
  .ai-magic-click-1-mobile { z-index: 10; display: block; position: absolute; inset: 0%; }
  .button-secondary-nav.left.float { display: none; }
  .genius-coming-soon-text { margin-top: 8px; margin-bottom: 0px; font-size: 12px; }
  .ui-ai-coming-soon-text { opacity: 0.7; margin-top: 8px; margin-bottom: 0px; font-size: 12px; }
  .display-paragraph-2-mobile.automator { font-size: 16px; display: block; }
  .cookie-close-icon { max-width: 14px; top: 24px; right: 24px; }
  .banner-wrapper { font-size: 16px; }
  .banner-text { max-width: 85%; }
  .banner-container { justify-content: flex-start; padding-left: 24px; padding-right: 24px; line-height: 1.5; }
  .cookie-button-text { font-size: 15px; }
  .cookie-modal { border-radius: 18px; }
}
@media screen and (max-width: 479px) {
  .intro-block { padding-left: 16px; padding-right: 16px; }
  .solar-system { margin-top: -315px; transform: scale(0.55); }
  .orbit-8 { display: none; }
  .display-2.magician, .display-2.genius, .display-2.automator { font-size: 48px; }
  .display-2.ui-ai { font-size: 40px; }
  .button-flex { z-index: 5; position: relative; }
  .section-magician { margin-top: -950px; }
  .footer-tagline { margin-top: 10px; margin-bottom: 12px; }
  .footer-col-2 { margin-right: 72px; }
  .footer-col-2.last { margin-right: 0px; }
  .footer-heading, .footer-link { margin-bottom: 12px; font-size: 14px; }
  .footer-graphic { min-width: 530px; bottom: -228px; left: -233px; }
  .footer-bottom { justify-content: flex-end; margin-top: 200px; }
  .footer-year { margin-left: 0px; font-size: 12px; }
  .footer-socials-flex { display: none; }
  .solar-blur-bottom { bottom: 140px; }
  .wand-div { top: -88px; transform: scale(0.6); }
  .wand, .wand.w--current { min-width: 500px; }
  .glow-blur { height: 250px; filter: blur(23px); background-color: rgb(25, 25, 27); top: 269px; }
  .frame-row, .frame-row-2, .frame-row-3, .frame-row-4 { padding-left: 48px; }
  .card_side.is-back, .icon_card_side_2.is-back { transform: rotateX(0deg) rotateY(180deg) rotate(0deg); }
  .teaser-logo-flex { width: 220px; top: -122px; }
  .teaser-logo-flex.automator { width: 150px; top: -113px; }
  .genius-header-blur { height: 170px; top: 82px; }
  .figma-design-genius { display: block; }
  .takeout-restaurant-cover { min-width: 100%; align-items: stretch; }
  .automator-header-blur { height: 120px; filter: blur(4px); background-image: linear-gradient(transparent, rgb(14, 14, 17) 35%); top: 107px; }
  .footer-mobile { margin-top: 112px; padding-left: 32px; padding-right: 32px; }
  .footer-mobile-col { width: 100%; justify-content: flex-start; }
  .cookie-close-icon { max-width: 14px; top: 32px; right: 16px; }
  .cookie-close-icon.modal { width: 12px; top: 20px; right: 20px; }
  .banner-text { max-width: 100%; margin-top: 8px; font-size: 14px; }
  .banner-container { padding-left: 16px; padding-right: 16px; }
  .cookie-button-text { font-size: 14px; }
  .cookie-modal { max-width: none; padding: 24px; bottom: 16px; left: 16px; right: 16px; }
}
#w-node-_509cc9b8-6f34-d8c7-8db1-d1245376e64a-e6146f55 { grid-area: span 1 / span 1 / span 1 / span 1; }
#w-node-e175505d-954b-e27c-5564-72f35f549154-e6146f55 { grid-area: span 1 / span 2 / span 1 / span 2; }
#w-node-_74bc657b-0999-fa8a-4e14-a009d4ce16d5-e6146f55, #w-node-_27b9f447-56b2-4ae9-1baa-b2372795bfc1-e6146f55 { grid-area: span 1 / span 1 / span 1 / span 1; }
#w-node-a52e29f9-5b30-5297-78f7-84a0ed5ad326-e6146f55, #w-node-_2ba0dcef-3c9e-6be4-6712-2bf0051680e2-e6146f55 { grid-area: span 1 / span 2 / span 1 / span 2; }
#w-node-_4d9a8d63-edfc-065e-de76-e7e3ae6b06fa-e6146f55 { grid-area: span 1 / span 1 / span 1 / span 1; }
#w-node-ec91fd4e-01dd-43c4-14b1-da18ec6c6e09-e6146f55 { grid-area: span 1 / span 2 / span 1 / span 2; }
#w-node-_4cc75300-3bf4-5a42-34af-2902bc9c0bfa-e6146f55 { grid-area: span 1 / span 1 / span 1 / span 1; }
#w-node-_05e3ca4f-c46f-f45d-bdd4-b45e561965b9-e6146f55, #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e56196501-e6146f55, #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e56196582-e6146f55, #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e56196561-e6146f55 { grid-area: span 1 / span 2 / span 1 / span 2; }
#w-node-_05e3ca4f-c46f-f45d-bdd4-b45e5619659c-e6146f55, #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e5619654d-e6146f55, #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e561964ea-e6146f55, #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e561965f7-e6146f55 { grid-area: span 1 / span 1 / span 1 / span 1; }
#w-node-df60cb2e-4110-55fa-8b62-be78cb76a238-e6146f55, #w-node-_9e1a8d95-2959-fcc4-35c1-717df82d4a0e-e6146f55 { grid-area: span 1 / span 2 / span 1 / span 2; }
#w-node-b399de42-f1b8-04dc-eb52-ca8a8b6c0472-e6146f55 { grid-area: span 1 / span 1 / span 1 / span 1; }
#w-node-e2578219-4b3b-2d5a-f3ff-9f7d4f724e16-e6146f55 { grid-area: span 1 / span 2 / span 1 / span 2; }
#w-node-bcafd7f2-3442-8c41-a914-11f49234bc3d-e6146f55 { grid-area: span 1 / span 1 / span 1 / span 1; }
#w-node-d2b6ee99-2608-591b-0a08-9ba902f31a44-e6146f55, #w-node-_127887e0-0cec-b9da-199f-8bb3aca2c124-e6146f55, #w-node-_628f54e1-23e5-0c45-fb9e-3b24f2a68f1f-e6146f55 { grid-area: span 1 / span 2 / span 1 / span 2; }
@media screen and (max-width: 991px) {
  #w-node-_509cc9b8-6f34-d8c7-8db1-d1245376e64a-e6146f55 { grid-area: 1 / 1 / 2 / 2; }
  #w-node-e175505d-954b-e27c-5564-72f35f549154-e6146f55 { grid-area: 2 / 1 / 3 / 3; }
  #w-node-_27b9f447-56b2-4ae9-1baa-b2372795bfc1-e6146f55 { grid-area: 1 / 2 / 2 / 3; }
  #w-node-a52e29f9-5b30-5297-78f7-84a0ed5ad326-e6146f55 { grid-area: 3 / 1 / 4 / 3; }
  #w-node-_2ba0dcef-3c9e-6be4-6712-2bf0051680e2-e6146f55 { grid-area: 4 / 1 / 5 / 3; }
  #w-node-_4d9a8d63-edfc-065e-de76-e7e3ae6b06fa-e6146f55 { grid-area: 6 / 1 / 7 / 2; }
  #w-node-ec91fd4e-01dd-43c4-14b1-da18ec6c6e09-e6146f55 { grid-area: 5 / 1 / 6 / 3; }
  #w-node-_4cc75300-3bf4-5a42-34af-2902bc9c0bfa-e6146f55 { grid-area: 6 / 2 / 7 / 3; }
}
@media screen and (max-width: 767px) {
  #w-node-e175505d-954b-e27c-5564-72f35f549154-e6146f55 { grid-row: 3 / 4; grid-column-end: 2; }
  #w-node-_27b9f447-56b2-4ae9-1baa-b2372795bfc1-e6146f55 { grid-area: 2 / 1 / 3 / 2; }
  #w-node-a52e29f9-5b30-5297-78f7-84a0ed5ad326-e6146f55 { grid-row: 4 / 5; grid-column-end: 2; }
  #w-node-_2ba0dcef-3c9e-6be4-6712-2bf0051680e2-e6146f55 { grid-row: 5 / 6; grid-column-end: 2; }
  #w-node-_4d9a8d63-edfc-065e-de76-e7e3ae6b06fa-e6146f55 { grid-row: 7 / 8; }
  #w-node-ec91fd4e-01dd-43c4-14b1-da18ec6c6e09-e6146f55 { grid-row: 6 / 7; grid-column-end: 2; }
  #w-node-_4cc75300-3bf4-5a42-34af-2902bc9c0bfa-e6146f55 { grid-area: 8 / 1 / 9 / 2; }
  #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e561965b9-e6146f55 { grid-area: 1 / 1 / 2 / 2; }
  #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e56196501-e6146f55 { grid-area: 2 / 1 / 3 / 2; }
  #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e56196582-e6146f55 { grid-area: 3 / 1 / 4 / 2; }
  #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e56196561-e6146f55 { grid-area: 4 / 1 / 5 / 2; }
  #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e5619659c-e6146f55 { grid-area: 5 / 1 / 6 / 2; }
  #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e5619654d-e6146f55 { grid-area: 6 / 1 / 7 / 2; }
  #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e561964ea-e6146f55 { grid-area: 7 / 1 / 8 / 2; }
  #w-node-_05e3ca4f-c46f-f45d-bdd4-b45e561965f7-e6146f55 { grid-area: 8 / 1 / 9 / 2; }
  #w-node-df60cb2e-4110-55fa-8b62-be78cb76a238-e6146f55 { grid-area: 1 / 1 / 2 / 2; }
  #w-node-_9e1a8d95-2959-fcc4-35c1-717df82d4a0e-e6146f55 { grid-area: 2 / 1 / 3 / 2; }
  #w-node-e2578219-4b3b-2d5a-f3ff-9f7d4f724e16-e6146f55 { grid-area: 3 / 1 / 4 / 2; }
  #w-node-d2b6ee99-2608-591b-0a08-9ba902f31a44-e6146f55 { grid-area: 4 / 1 / 5 / 2; }
}
@font-face { font-family: Satoshi; src: url("6408bf9d37c7748372ccf0c9_Satoshi-Variable.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: Satoshi; src: url("6408bf9e5b28268458509aeb_Satoshi-VariableItalic.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: swap; }