html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
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: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@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: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
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 {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
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: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 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;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
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: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
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: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.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: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
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 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
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: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
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: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
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: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.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: 0;
margin-right: 0;
}
.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;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
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: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
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: #fff0 #fff #fff0 #fff0;
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: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
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 {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
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: 0;
}
.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: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
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: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
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: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
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: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.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: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
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: .5;
display: block;
}
.w-lightbox-close {
opacity: .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: 2px solid #2895f7;
}
.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: 0;
}
.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: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.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: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.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 {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
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: #ddd;
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: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
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: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
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: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.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: 0;
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: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.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: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.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(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: "Suissefont 7932 Df";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a946f9c1cd6e396bc0fa2a___suisseFont_7932df.zip") format("undefined");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472b594f3cee9983b3b3_ClashDisplay-Semibold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472c54fd1dcc68ad65c8_ClashDisplay-Semibold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472c646f92696760f1d2_ClashDisplay-Semibold.woff") format("woff"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472e3f6def93ca77ca38_ClashDisplay-Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472cbfb32d4ab41aedd2_ClashDisplay-Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472b19d2b1b91256f42e_ClashDisplay-Regular.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472ce2b6836ea54e11c5_ClashDisplay-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472bb86f6d60fea41676_ClashDisplay-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472d47aff6f4ffcbce99_ClashDisplay-Medium.woff2") format("woff2"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472d47aff6f4ffcbce88_ClashDisplay-Medium.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472c20de91e60b79366b_ClashDisplay-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472b7853ce09e7c11740_ClashDisplay-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472d4c076399d3b33192_ClashDisplay-Bold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472cbfb32d4ab41aedb0_ClashDisplay-Bold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472b19d2b1b91256f414_ClashDisplay-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472ce67ff886ae3591f3_ClashDisplay-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay Variable;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472c9e1203a6997747de_ClashDisplay-Variable.woff2") format("woff2"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472bbbabf5d3229b7945_ClashDisplay-Variable.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472db5752504d4c172f5_ClashDisplay-Variable.woff") format("woff"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472ce67ff886ae359249_ClashDisplay-Variable.ttf") format("truetype");
font-weight: 200 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472d35c8922b5cc0ddd6_ClashDisplay-Light.woff2") format("woff2"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472c646f92696760f1e9_ClashDisplay-Light.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472b7782d2de21af2f55_ClashDisplay-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472e3f6def93ca77ca2d_ClashDisplay-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472db5752504d4c172e4_ClashDisplay-Extralight.woff2") format("woff2"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472ce2b6836ea54e11ab_ClashDisplay-Extralight.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9473b53334ee37009fdfc_ClashDisplay-Extralight.woff") format("woff"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a9472bac8229f3c8e76ddc_ClashDisplay-Extralight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Skiffmono Abfa 75 380 100";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658315e52a732bade459d3f4___skiffMono_abfa75-normal-380-100.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Skiffmono Abfa 75 470 100";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6583161285d3238e0a8e469d___skiffMono_abfa75-normal-470-100.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Universal Sans Display 380 380 100";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6583162cbe647788a261b41f_Universal%20Sans%20Display%20380-normal-380-100.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Universal Sans Text 380 380 100";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6583163b072e98cf84cf0bb7_Universal%20Sans%20Text%20380-normal-380-100.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Universal Sans Text 470 470 100";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6583164b764ca4890c21e7c5_Universal%20Sans%20Text%20470-normal-470-100.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Universal Sans Text 560 520 100";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658316618c10b866be24bce8_Universal%20Sans%20Text%20560-normal-520-100.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d59b3102c387dbfa009_Inter-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d59ebf04cbc8c8921c7_Inter-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d59437a6cdd4105a326_Inter-ExtraBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d59bddb427e12810a4f_Inter-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d5995208ba1f0cde804_Inter-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d590c1bc03529c84c93_Inter-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d591c31c1ee98951a81_Inter-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d593b23dfb66e4d2084_Inter-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d5a1c31c1ee98951a91_Inter-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter Variablefont Slnt Wght;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658e7d7f64536a06464a0b89_Inter-VariableFont_slnt%2Cwght.ttf") format("truetype");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Angellist Display 400 100";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6592f7160452f1b9e2eefe7f_AngelList%20Display-normal-400-100.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Angellist 400 100";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6592f717744b0818f53594ea_AngelList-normal-400-100.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geistmono;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938318b00e0d1aaac7d6_GeistMono-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geistmono;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d19383c1d8d3dd135a8610_GeistMono-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geistmono;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d19383556e5197a8a6956a_GeistMono-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938302c5d13dca400c3e_GeistMono-ExtraBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geistmono;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d19383f9d09f2d0adfc29a_GeistMono-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geistmono;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d19383ca242a4921d28be2_GeistMono-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geistmono;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938491ff0a70f507faed_GeistMono-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geistmono;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938431aa9f1a23995594_GeistMono-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geistmono;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d193848830c430caa1c1a4_GeistMono-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geist;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d19389935f4514e2a3d114_Geist-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geist;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938949ee5567d2e59a89_Geist-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geist;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d193897261dd531d2f4fcd_Geist-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geist;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938991ff0a70f507ff30_Geist-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geist;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938a7a9d79866792b4da_Geist-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geist;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938aee46ef2a4293f7ff_Geist-ExtraBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d193894cfaf0e1c77693a6_Geist-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geist;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938acf3c2790cad6a506_Geist-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geist;
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d1938a3893d5d9686f36f4_Geist-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b4a032ac9f4a50bc50_Inter_18pt-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b4084cb9c82d1264f6_Inter_18pt-BoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b4b995f9036f3f8b6f_Inter_18pt-ExtraBoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b424e8680b503c73dc_Inter_18pt-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b4e90943b8665e2698_Inter_18pt-ExtraBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b47ce2d34720ffe001_Inter_18pt-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b428b6955384e6c0e1_Inter_18pt-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b481b9b5f4f3c9ab19_Inter_18pt-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b47ce2d34720ffe025_Inter_18pt-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b4309b81b24914bb2b_Inter_24pt-BoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5f3f34434b7282b35_Inter_24pt-ExtraBoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b403b0d1d6e00057fd_Inter_18pt-ExtraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5cf34b5655d524554_Inter_24pt-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5556e5197a8a7998c_Inter_18pt-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5c4060be2a0fd17cd_Inter_24pt-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b55f34758272852ff0_Inter_24pt-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b591ff0a70f508f100_Inter_28pt-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5c664d5120098e430_Inter_24pt-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b453830bd3342cd184_Inter_18pt-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5bd3e5c1c4dcb8c97_Inter_24pt-ExtraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5c664d5120098e445_Inter_24pt-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b590484cfee08eeecb_Inter_24pt-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5cf0f154770c4cc12_Inter_24pt-ExtraBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b519fac33e1515a468_Inter_18pt-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b541a524d080ae8aa9_Inter_24pt-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5cf0f154770c4cbf8_Inter_28pt-ExtraBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b6dbd9277ad3f7ad36_Inter_28pt-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b58c3b2b7db067001f_Inter_28pt-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5925a2a4d6b2c7270_Inter_18pt-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b503b0d1d6e000589c_Inter_28pt-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b51dd1e6ec20e29895_Inter_28pt-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b59ead05efcce3799a_Inter_18pt-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5beb976938aa375dc_Inter_18pt-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b561684d9532db34e2_Inter_28pt-ExtraBoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5fa69b67446d2a085_Inter_28pt-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b58c3b2b7db0670067_Inter_28pt-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b57b58f6b66d6c0496_Inter_18pt-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b57b58f6b66d6c043b_Inter_24pt-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b59ead05efcce379cd_Inter_24pt-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 18 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5f5e0c36d41a75b32_Inter_18pt-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5dc1a1cfbc142fca0_Inter_28pt-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5a139fdb0cf5faf45_Inter_28pt-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b56f3fbc06d6aeddee_Inter_24pt-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5ffad3a21a3c263c9_Inter_24pt-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b5ab899d1cbb75bcfd_Inter_28pt-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b500807dc81dc6a1a5_Inter_28pt-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b569d8d796bd563bad_Inter_24pt-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b63893d5d968707313_Inter_28pt-ExtraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b6d34ff71a3603a036_Inter_28pt-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b6dbd9277ad3f7ad1f_Inter_24pt-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b6f50ab1542aac52d1_Inter_28pt-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b69ead05efcce37a14_Inter_28pt-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 24 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b619fac33e1515a520_Inter_24pt-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter 28 Pt";
src: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/67d194b500807dc81dc6a16b_Inter_28pt-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
:root {
--borders: #f0f0f0;
--blue-color: #266df0;
--dark: #010101;
--blue-primary: #3246b1;
--background-grey: #5e5e5e;
--light-blue: #ecf1fc;
--m_background: #121213;
--light-purple: #9a81d5;
--applicant-notification: #3d8cfa;
--designer: #0b85d1;
--card-bored: #f2f4f7;
--navy: #353c8b;
--blue: #3d57da;
--blackish: #121316;
--whitesmoke-bg: whitesmoke;
--light: #fafafc;
--accent: #6e35f3;
--green: #00a05e;
--divider-line: #efefefe6;
--black-grey: #29292a;
--grey: #707070;
--orange: #ef5b3c;
--dashboard--background: #121212;
--transparent: #0000;
--hover: #ebebeb;
--white: white;
--black: var(--borders);
--red: #b13232;
--tags: #f0f0f099;
--company-dashboard: #082001;
--applicant-dashboard: #301f58;
--purple: #7e5dca;
--card-border: #ebebeb;
--green-s: #00a05e;
--left-nav--background: #1a1a1a;
--dark-blue: #14171e;
--sky: #51c4fe;
--dark-green: #284333;
--light-yellow: #f8ea92;
--dark-navy: #15103b;
--m-primary: #5b53ff;
--red-primary: #d02e2e;
--pp: #5e54fa;
--dark-red: #d02e2e;
--darkest-red: #921616;
--homepage-dark: #0c0c12;
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative;
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto;
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040;
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.w-commerce-commercecartheading {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px;
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto;
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecartquantity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecartquantity::placeholder {
color: #999;
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex;
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex;
}
.w-commerce-commercecartordervalue {
font-weight: 700;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0;
}
.w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px;
}
}
body {
color: #000;
background-color: #f8f8f8;
font-family: Gabarito, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 4rem;
font-weight: 700;
line-height: 1.1;
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
p {
margin-bottom: 0;
}
ul, ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.5rem;
}
li {
margin-bottom: .25rem;
}
img {
max-width: 100%;
display: inline-block;
}
label {
margin-bottom: .25rem;
font-weight: 500;
}
blockquote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
figure {
margin-top: 2rem;
margin-bottom: 2rem;
}
figcaption {
text-align: center;
margin-top: .25rem;
}
.utility-page_component {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
}
.utility-page_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
max-width: 20rem;
display: flex;
}
.utility-page_form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.utility-page_image {
margin-left: auto;
margin-right: auto;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.margin-custom2 {
margin: 2.5rem;
}
.padding-xlarge {
padding: 4rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-xsmall {
margin: .5rem;
}
.padding-xhuge {
padding: 8rem;
}
.margin-custom1 {
margin: 1.5rem;
}
.padding-0 {
padding: 0;
}
.padding-xxhuge {
padding: 12rem;
}
.padding-huge {
padding: 6rem;
}
.margin-large {
margin: 3rem;
}
.padding-xxlarge {
padding: 5rem;
}
.margin-xxsmall {
margin: .25rem;
}
.padding-custom3 {
padding: 3.5rem;
}
.padding-large {
padding: 3rem;
}
.margin-tiny {
margin: .125rem;
}
.padding-small {
padding: 1rem;
}
.padding-custom2 {
padding: 2.5rem;
}
.margin-custom3 {
margin: 3.5rem;
}
.padding-custom1 {
padding: 1.5rem;
}
.margin-huge {
margin: 6rem;
}
.padding-medium {
padding: 2rem;
}
.padding-xsmall {
padding: .5rem;
}
.margin-xxlarge {
margin: 5rem;
}
.padding-xxsmall {
padding: .25rem;
}
.margin-xhuge {
margin: 8rem;
}
.padding-tiny {
padding: .125rem;
}
.margin-small {
margin: 1rem;
}
.margin-medium {
margin: 2rem;
}
.margin-xxhuge {
margin: 12rem;
}
.margin-0 {
margin: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-medium {
margin-bottom: 0;
}
.margin-bottom.margin-medium.tips.vertiii {
flex-flow: column;
display: flex;
}
.margin-bottom.margin-large {
border-radius: 10px;
margin-bottom: 1rem;
display: block;
}
.margin-bottom.margin-xsmall, .margin-bottom.margin-small, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-huge {
margin-top: 0;
margin-bottom: 4rem;
}
.margin-bottom.margin-xlarge {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-huge {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-vertical.padding-custom {
padding-top: 5rem;
padding-bottom: 12rem;
}
.padding-vertical.padding-xlarge {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top, .margin-top.margin-medium, .margin-top.margin-xxlarge, .margin-top.margin-medium {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.form_checkbox {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
font-family: Inter, sans-serif;
font-size: 13px;
display: flex;
}
.form_checkbox-icon {
border-color: var(--borders);
border-radius: .3rem;
width: 1rem;
height: 1rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-checked {
border-color: var(--blue-color);
background-color: var(--blue-color);
background-size: 90%;
border-radius: .3rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-focus {
border-color: var(--blue-color);
box-shadow: none;
border-radius: .3rem;
width: 1rem;
height: 1rem;
margin: 0 .5rem 0 0;
}
.fs-styleguide_background {
border: .0625rem solid #0000001a;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.fs-styleguide_spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(to top, #2d40ea1a, #fff0);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative;
}
.icon-1x1-small {
flex: none;
width: 1rem;
height: 1rem;
}
.overflow-auto {
overflow: auto;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.icon-1x1-large {
width: 2.5rem;
height: 2.5rem;
}
.form_form {
justify-content: space-between;
margin: 0;
display: block;
}
.form_form.parallel {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.fs-styleguide_background-space {
width: .0625rem;
height: .0625rem;
margin: 5rem;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.fs-styleguide_item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-bottom: .0625rem solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.fs-styleguide_item.is-stretch {
justify-items: stretch;
}
.max-width-full {
width: 100%;
max-width: none;
}
.fs-styleguide_item-header {
border-bottom: .0625rem solid #0000001a;
width: 100%;
padding-bottom: 2rem;
}
.fs-styleguide_heading-large {
font-size: 6rem;
}
.background-color-black {
color: #f5f5f5;
background-color: #000;
}
.z-index-1 {
z-index: 1;
position: relative;
}
.text-color-black {
color: #000;
}
.text-color-grey {
color: gray;
}
.fs-styleguide_2-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fs-styleguide_2-col.is-align-start {
align-items: start;
}
.form_message-success {
padding: 1.25rem;
}
.fs-styleguide_row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.heading-style-h3 {
color: #222;
text-align: left;
letter-spacing: -.5px;
padding-left: 0;
font-family: Inter, sans-serif;
font-size: 36px;
font-weight: 600;
line-height: 1.2;
}
.heading-style-h3.hey {
color: #ededed;
padding-left: 10px;
font-size: 31px;
}
.heading-style-h3.title {
opacity: .6;
color: var(--dark);
margin-bottom: 20px;
font-size: 1.2rem;
font-weight: 500;
}
.heading-style-h3.title.small {
margin-bottom: 0;
font-size: 15px;
}
.heading-style-h3.breadcrumbs {
color: #000;
font-size: 14px;
font-weight: 400;
}
.heading-style-h3.breadcrumbs.active {
color: var(--blue-primary);
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.heading-style-h3.breadcrumbs.active.xmedium {
font-size: 15px;
}
.heading-style-h3.breadcrumbs.slash {
color: #707070;
}
.heading-style-h3.medium {
font-size: 15px;
font-weight: 500;
}
.heading-style-h3.medium.body {
color: #707070;
font-size: 12px;
}
.heading-style-h3.centre {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: var(--dark);
text-align: left;
letter-spacing: 0;
flex-flow: column;
font-family: Inter, sans-serif;
font-size: 3rem;
font-weight: 400;
display: flex;
}
.heading-style-h3.centre.white {
color: #fff;
font-size: 3rem;
}
.heading-style-h3.centre.reduce {
color: #0b0c10;
text-align: center;
font-family: Inter, sans-serif;
font-weight: 600;
}
.heading-style-h3.centre.align {
color: #0b0c10;
text-align: center;
}
.heading-style-h3.white {
color: #fff;
}
.heading-style-h3.wow {
color: #74767e;
letter-spacing: -2.5px;
}
.heading-style-h3.titletexts {
color: #1e1e1e;
font-size: 16px;
font-weight: 500;
display: block;
}
.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h5, .text-rich-text h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.text-rich-text p {
margin-bottom: 1rem;
}
.text-rich-text ul, .text-rich-text ol {
margin-bottom: 1.5rem;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.container-small.is-center {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.container-small.is-center.left {
align-items: flex-start;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.container-small.is-center.left.bg-img {
background-image: none;
background-size: auto;
flex-direction: row;
padding-left: 0;
display: flex;
}
.container-small.is-center.left.bg-img.change {
justify-content: flex-end;
height: 240px;
}
.container-small.is-center.left.bg-img.right {
margin-bottom: auto;
}
.container-small.is-center.left.centre {
justify-content: center;
align-items: center;
}
.container-small.is-onboarding {
background-color: #fff;
border-radius: .75rem;
padding: 2.5rem;
position: relative;
}
.icon-height-small {
height: 1rem;
}
.icon-1x1-medium {
width: 2rem;
height: 2rem;
}
.heading-style-h1 {
letter-spacing: -1.5px;
width: 100%;
font-family: Inter, sans-serif;
font-size: 52px;
font-weight: 600;
line-height: 1.1;
}
.heading-style-h1.text-color-white {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.heading-style-h1.text-color-white.centre {
color: #65697b;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
font-family: Inter, sans-serif;
font-weight: 700;
display: flex;
}
.heading-style-h1.text-color-white.centre.small-content {
font-size: 1rem;
display: block;
}
.heading-style-h1.text-color-white.centre.white {
color: #fff;
margin-bottom: 4rem;
}
.heading-style-h1.text-color-white.body-text {
font-size: 1rem;
font-weight: 500;
}
.heading-style-h1.text-color-white.freelancer, .heading-style-h1.text-color-white.company {
margin-top: 4rem;
}
.heading-style-h1.centre {
text-align: center;
font-family: Inter, sans-serif;
font-weight: 600;
}
.heading-style-h1.centre.dark {
color: var(--dark);
font-family: Inter, sans-serif;
font-weight: 600;
}
.heading-style-h1.centre.dark.medium {
color: #222;
letter-spacing: -1.5px;
margin-top: 2rem;
font-family: Clashdisplay, sans-serif;
font-size: 72px;
}
.heading-style-h1.centre.dark.medium.white {
color: #fff;
}
.heading-style-h1.centre.dark.medium.white.home {
width: 900px;
margin-left: auto;
margin-right: auto;
}
.heading-style-h1.centre.dark.medium.white.home.black {
color: #000;
text-align: center;
font-weight: 600;
}
.heading-style-h1.centre.dark.medium.white.home.drop-it {
text-shadow: 0 1px 1px #0003;
}
.heading-style-h1.centre.dark.medium.white.home.drop-it.float {
text-align: left;
letter-spacing: 0;
justify-content: center;
align-self: auto;
width: 100%;
max-width: 93em;
font-family: Clashdisplay, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 1.1;
display: flex;
position: absolute;
bottom: 40px;
left: 0;
right: 0;
}
.heading-style-h1.centre.dark.medium.white.home.drop-it.left {
text-align: left;
margin-left: 0;
}
.heading-style-h1.centre.small {
font-size: 72px;
}
.heading-style-h1.centre.medium {
font-weight: 500;
}
.heading-style-h1.bold {
letter-spacing: -.5px;
font-family: Clashdisplay, sans-serif;
font-size: 90px;
font-weight: 500;
text-decoration: none;
}
.heading-style-h1.bold.pro-m.unlock {
width: 300px;
margin-left: auto;
margin-right: auto;
}
.heading-style-h1.left {
background-color: #266df000;
font-family: Inter, sans-serif;
font-weight: 600;
}
.heading-style-h1.high {
font-family: Clashdisplay, sans-serif;
font-size: 140px;
font-weight: 500;
}
.padding-global {
color: #121316;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global.footer {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.text-weight-normal {
font-weight: 400;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.max-width-small {
width: 100%;
max-width: 20rem;
}
.text-color-white {
color: #fff;
}
.text-style-italic {
font-style: italic;
}
.text-weight-medium {
font-weight: 500;
}
.text-weight-medium.text-color-gradient {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(117deg, #ff7448, #ff4848 43%, #6248ff 90%);
-webkit-background-clip: text;
background-clip: text;
}
.text-weight-medium.text-color-gradient.reverse {
background-image: linear-gradient(117deg, #6248ff 49%, #ff4848 72%, #ff7448);
}
.overflow-hidden {
overflow: hidden;
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: .0625rem solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid;
}
.text-size-tiny {
font-size: .75rem;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.fs-styleguide_1-col {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.overflow-visible {
overflow: visible;
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #2d40ea0d;
border: .0625rem dashed #2d40ea;
min-width: 3rem;
height: 3rem;
position: relative;
}
.text-weight-light {
font-weight: 300;
}
.fs-styleguide_heading-medium {
font-size: 4rem;
}
.max-width-xsmall {
width: 100%;
max-width: 16rem;
}
.fs-styleguide_4-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.text-size-regular {
font-size: 1rem;
}
.text-weight-xbold {
font-weight: 800;
}
.text-align-right {
text-align: right;
}
.text-weight-bold {
font-weight: 700;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.fs-styleguide_item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.fs-styleguide_header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.form_field-wrapper {
margin-bottom: 1rem;
}
.form_field-wrapper.is-last {
margin-bottom: 0;
}
.form_field-wrapper.job-pay {
display: flex;
}
.form_field-wrapper.search {
width: 100%;
}
.form_field-wrapper.is-last {
width: 100%;
margin-bottom: 0;
}
.background-color-white {
background-color: #fff;
}
.text-style-muted {
opacity: 1;
color: #707070;
width: 100%;
margin-bottom: 0;
font-family: "Universal Sans Display 380 380 100", sans-serif;
font-size: 15px;
line-height: 1;
}
.text-style-muted.body {
color: var(--dark);
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 13px;
line-height: 1.5;
}
.text-style-muted.number {
width: auto;
margin-right: 3px;
font-size: 13px;
}
.text-style-muted.ago {
text-align: right;
width: auto;
font-size: 13px;
}
.text-size-small {
color: #787c91;
font-family: Inter, sans-serif;
font-size: .875rem;
}
.text-size-small.text-weight-semibold {
color: #787c91;
text-align: left;
font-family: Inter, sans-serif;
font-weight: 400;
}
.text-size-small.text-weight-semibold.work-together {
color: #1e1e1e;
font-family: "Universal Sans Text 560 520 100", sans-serif;
font-size: 2rem;
}
.heading-style-h4 {
color: #333;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.form_label {
color: #4b4b4b;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
}
.form_label.area {
width: 60px;
margin-bottom: 0;
margin-right: 12px;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.form_radio-icon {
width: .875rem;
height: .875rem;
margin-top: 0;
margin-left: 0;
margin-right: .5rem;
}
.form_radio-icon.w--redirected-checked {
border-width: .25rem;
width: .875rem;
height: .875rem;
}
.form_radio-icon.w--redirected-focus {
width: .875rem;
height: .875rem;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.text-style-nowrap {
white-space: nowrap;
}
.text-align-left {
text-align: left;
}
.background-color-grey {
background-color: #f5f5f5;
}
.form_input {
box-shadow: none;
color: var(--background-grey);
text-align: left;
background-color: #f1f1f1;
border: 1px #eeeff1;
border-radius: 8px;
height: 40px;
margin-top: 2px;
margin-bottom: 0;
padding: .75rem 1rem;
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 13px;
}
.form_input.is-select-input {
box-shadow: none;
opacity: 1;
color: #696969;
-webkit-text-stroke-color: #69696900;
border-style: solid;
border-width: 1px;
border-radius: 8px;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 1rem;
font-size: 14px;
}
.form_input.is-text-area {
min-height: 8rem;
padding-top: .75rem;
}
.form_input.is-hidden {
display: none;
}
.form_input.full-banner {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--light-blue);
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 100%;
margin: 0 auto 1rem;
padding-left: 1rem;
padding-right: 1rem;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 500;
display: flex;
}
.form_input._10 {
box-shadow: none;
border-color: #dcdcdc;
border-radius: 8px;
height: 40px;
margin-top: 0;
font-family: Inter, sans-serif;
}
.heading-style-h6 {
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
.fs-styleguide_3-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.fs-styleguide_3-col.is-align-start {
align-items: start;
}
.text-style-link {
color: #000;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .8rem;
text-decoration: none;
}
.text-size-large {
font-size: 1.5rem;
}
.fs-styleguide_header {
background-color: #0000000d;
}
.heading-style-h2 {
font-size: 3rem;
font-weight: 400;
line-height: 1.2;
}
.page-wrapper {
background-color: #fff;
display: block;
}
.page-wrapper.applicant {
background-color: #fff;
border-style: solid;
}
.fs-styleguide_label {
color: #fff;
background-color: #2d40ea;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex;
}
.fs-styleguide_label.is-tag {
background-color: #be4aa5;
}
.fs-styleguide_label.is-hex {
color: #000;
background-color: #f5f5f5;
}
.fs-styleguide_version {
z-index: 5;
color: #000;
font-weight: 500;
text-decoration: none;
}
.heading-style-h5 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.icon-height-medium {
height: 2rem;
}
.text-style-allcaps {
text-transform: uppercase;
}
.text-style-allcaps.is-eyebrow {
letter-spacing: .05rem;
}
.overflow-scroll {
overflow: scroll;
}
.form_message-error {
margin-top: .75rem;
padding: .75rem;
}
.icon-height-large {
height: 3rem;
}
.text-align-center {
text-align: center;
max-width: 100%;
}
.form_component {
margin-bottom: 0;
}
.main-wrapper {
background-color: #fff;
margin-top: 0;
display: block;
}
.main-wrapper.layout {
background-color: #fff;
margin: 0;
display: block;
position: absolute;
inset: 0%;
}
.main-wrapper.layout.get-started {
background-color: var(--m_background);
background-image: none;
}
.main-wrapper.layout.get-started.sign-up {
display: flex;
}
.main-wrapper.layout.get-started.sign-up.freelancer {
background-color: var(--m_background);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-image: none;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: absolute;
}
.main-wrapper.layout.get-started.sign-up.company {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-image: linear-gradient(#d8f3ff, #f3f7fe);
}
.main-wrapper.dark {
background-color: #121316;
}
.main-wrapper.bg-color {
background-color: #fff;
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.button {
background-color: var(--light-purple);
color: #fff;
text-align: center;
text-transform: none;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 160px;
height: 44px;
padding: 6px 1rem;
font-family: Inter, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 23px;
text-decoration: none;
display: flex;
}
.button:hover {
background-color: #3b3b3b;
}
.button.is-text {
color: #000;
background-color: #0000;
border: .125rem solid #0000;
}
.button.is-small {
padding: .5rem 1.25rem;
}
.button.primary {
background-color: var(--applicant-notification);
box-shadow: none;
text-transform: none;
border: 1px #000;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
padding-top: 0;
padding-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
display: flex;
}
.button.primary.upload {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: center;
align-items: center;
width: 160px;
padding-left: 1rem;
padding-right: 1rem;
text-decoration: none;
display: flex;
}
.button.primary.upload.secondary {
outline-offset: 0px;
background-color: #fff;
outline: 3px solid #fff;
box-shadow: inset 0 0 #2b2b2b1a, 0 2px 4px #8b90991f, 0 3px 6px #7d7f8314;
}
.button.primary.upload.medium {
border-radius: 10px;
width: 140px;
height: 32px;
padding-left: .5rem;
padding-right: .5rem;
font-size: 13px;
}
.button.primary.upload.medium.adjust {
border-radius: 20px;
width: 32px;
position: absolute;
inset: auto 15% 15% auto;
box-shadow: 0 2px 4px #0530191f, 0 3px 6px #266df014;
}
.button.primary.height {
background-color: #00a05e;
border-radius: 8px;
height: 44px;
}
.button.primary.height.round {
background-color: var(--designer);
background-image: none;
border-top-style: none;
border-radius: 100px;
font-weight: 600;
}
.button.primary.blue {
background-color: var(--blue-color);
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
}
.button.primary.blue.width {
background-color: var(--card-bored);
color: #000;
letter-spacing: -.1px;
border-radius: 14px;
width: 120px;
height: 40px;
padding-left: 1rem;
padding-right: 1rem;
font-family: Inter, sans-serif;
font-weight: 600;
box-shadow: inset 0 0 #2325291a, 0 2px 4px #266df01f, 0 3px 6px #266df014;
}
.button.primary.blue.width.navy {
background-color: var(--navy);
}
.button.primary.blue.width.navy.black {
color: #fff;
background-color: #333;
border-radius: 14px;
height: 40px;
font-weight: 600;
box-shadow: inset 0 0 #2325291a, 0 2px 4px #266df01f, 0 3px 6px #266df014;
}
.button.primary.black {
background-color: var(--blue);
color: #dadada;
border: 1px #000;
border-radius: 10px;
width: 440px;
box-shadow: inset 0 0 #2325291a;
}
.button.primary.black:hover {
color: #fff;
background-color: #344cc7;
}
.button.primary.color {
background-color: var(--dark);
}
.button.primary.color:hover {
background-color: var(--blackish);
}
.button.is-large {
padding: 1.25rem 2rem;
}
.button.is-secondary {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: var(--dark);
text-transform: none;
white-space: normal;
background-color: #fafafc00;
border: 1px solid #00000026;
border-radius: 6px;
height: 40px;
padding: 6px 1rem;
font-family: Inter, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
}
.button.is-secondary:hover {
background-color: #f6f5f4;
}
.button.is-secondary.pipe {
background-color: var(--borders);
color: #121316e6;
width: 200px;
padding: 1rem;
font-weight: 600;
}
.button.is-secondary.pipe.left {
color: #fff;
background-color: #e2562c;
width: 219px;
position: absolute;
inset: auto 0% 24px 24px;
}
.button.is-secondary.pipe.left.btn {
justify-content: center;
width: 270px;
}
.button.is-secondary.pipe.right {
color: #fff;
background-color: #3d57da;
justify-content: center;
width: 270px;
margin-right: 0;
position: absolute;
inset: auto 0% 24px 24px;
}
.button.is-secondary.pipe.dark {
background-color: var(--dark);
color: #fafafc;
width: 160px;
padding: .75rem 1rem;
font-size: .9rem;
font-weight: 500;
}
.button.is-secondary.pipe.without-bg {
border-style: none;
}
.button.is-secondary.freelancer {
background-color: #d7491d;
font-weight: 600;
}
.button.is-secondary.entrepreneur {
color: var(--dark);
background-color: #fff;
font-weight: 600;
}
.button.is-secondary.dark {
background-color: var(--dark);
color: var(--whitesmoke-bg);
text-transform: none;
border-style: solid;
border-color: #404040;
height: 48px;
font-size: .85rem;
font-weight: 500;
}
.button.is-secondary.dark:hover {
background-color: #1d1d1f;
}
.button.is-secondary.dark.without-border {
border-style: none;
}
.button.is-secondary.dark.shorter {
width: 120px;
height: 40px;
padding: 4px .5rem;
}
.button.is-secondary._40 {
text-align: center;
border-radius: 8px;
height: 40px;
padding-top: .8rem;
padding-bottom: .8rem;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
line-height: 1;
}
.button.is-secondary._40.centre-dark {
background-color: var(--dark);
color: var(--light);
}
.button.is-secondary.sized {
color: var(--borders);
border-color: #ffffff26;
border-radius: 4px;
width: 156px;
height: 28px;
padding-left: .5rem;
padding-right: .5rem;
}
.button.is-secondary.sized:hover {
color: var(--dark);
}
.button.is-secondary.sized.w--current {
border-radius: 6px;
}
.button.is-secondary.gapping {
justify-content: flex-start;
align-items: center;
width: auto;
padding-left: .25rem;
padding-right: 0;
}
.button.is-secondary.gapping:hover {
background-color: #e7e7e7;
}
.button.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button.is-icon.is-red {
color: #fa3d40;
background-color: #fa3d401a;
border-color: #fa3d4000;
}
.button.is-icon.is-secondary {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #fff;
background-color: #00000040;
border: .0625rem solid #0000;
}
.button.is-icon.is-accent {
background-color: var(--accent);
}
.button.is-white {
color: #000;
background-color: #fff;
}
.button.is-nav {
color: var(--dark);
background-color: #fafafc26;
border: 1px solid #0000001a;
border-radius: 8rem;
margin-left: 0;
padding: 10px 1.25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.button.is-nav:hover {
background-color: #a5a5a526;
}
.button.color {
background-color: var(--green);
}
.button.color:hover {
background-color: #00502f;
}
.fs-styleguide_classes {
grid-column-gap: .0625rem;
grid-row-gap: .0625rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-size-medium {
color: #050505;
text-transform: none;
font-family: Inter, sans-serif;
font-size: 24px;
font-weight: 500;
}
.text-size-medium.centre {
text-align: center;
text-transform: none;
font-family: Inter, sans-serif;
font-weight: 500;
}
.text-size-medium.centre.left {
margin-bottom: 1rem;
}
.text-size-medium.centre.left.light {
color: #fafafc99;
margin-bottom: 1rem;
}
.text-size-medium.centre.right {
margin-bottom: 1rem;
}
.text-size-medium.centre.right.light {
color: #fafafc99;
}
.text-size-medium.left-card {
color: #fff;
text-transform: none;
width: 300px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.text-size-medium.left-card.right-card {
color: #373943;
}
.fs-styleguide_section {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.fs-styleguide_section.is-vertical {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hide {
display: none;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-section-medium.is-footer {
padding: 2rem;
}
.container-medium {
border-radius: 0;
width: 100%;
max-width: 85em;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.container-medium.is-relative {
position: relative;
}
.container-medium.is-relative.space {
max-width: 84rem;
margin-top: 100px;
}
.container-medium.space {
max-width: 84rem;
}
.container-medium.space.gap {
max-width: 100%;
height: 48px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-family: "Universal Sans Text 380 380 100", sans-serif;
}
.container-medium.footer {
background-color: #121316;
border: 1px #000;
border-radius: 15px;
max-width: 93em;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.container-medium.footer.white {
background-color: #fff;
}
.container-medium.feature-container {
margin-top: 0;
}
.container-medium.feature-container.centre {
display: flex;
}
.container-medium.no-bottom-line {
border: 1px solid #000;
border-radius: 8px;
}
.container-medium.projects {
max-width: 85em;
margin-left: auto;
margin-right: auto;
}
.container-medium.not-24 {
padding-left: 0;
padding-right: 0;
}
.form_radio {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.fs-styleguide_spacing-all {
display: none;
}
.fs-styleguide_color.is-1 {
background-color: #000;
}
.fs-styleguide_color.is-2 {
background-color: #f5f5f5;
}
.fs-styleguide_color.is-3 {
background-color: #fff;
}
.spacer-huge {
width: 100%;
padding-top: 6rem;
}
.spacer-medium {
width: 100%;
padding-top: 2rem;
font-family: Inter, sans-serif;
}
.fs-styleguide_spacer-box {
background-color: #2d40ea1a;
border: .0625rem dashed #2d40ea;
width: 100%;
position: relative;
}
.spacer-xsmall {
width: 100%;
padding-top: .5rem;
}
.spacer-xsmall.x {
padding-top: .25rem;
}
.spacer-xsmall.y {
padding-top: .75rem;
}
.spacer-xsmall.z {
padding-top: 1rem;
}
.spacer-small {
width: 100%;
padding-top: 1rem;
display: block;
}
.spacer-small.gap {
padding-top: 20rem;
}
.spacer-small.white-divider {
border-bottom: 1px solid var(--borders);
background-color: #fff;
margin-bottom: 3rem;
padding-top: 3rem;
}
.spacer-small.xyz {
padding-top: .75rem;
}
.spacer-small.line-dp {
border-top: 1px solid var(--divider-line);
}
.spacer-small.bottom-line {
border-bottom: 1px solid #edeff1;
}
.spacer-xhuge {
width: 100%;
padding-top: 8rem;
}
.spacer-tiny {
width: 100%;
padding-top: .125rem;
}
.spacer-xxsmall {
width: 100%;
padding-top: .25rem;
}
.spacer-xxsmall.divider {
color: #fff;
background-color: #1649cc00;
border-bottom-color: #190941;
padding-top: .125rem;
}
.spacer-xxhuge {
width: 100%;
padding-top: 12rem;
}
.spacer-xlarge {
width: 100%;
padding-top: 4rem;
}
.spacer-large {
padding-top: 3rem;
}
.spacer-xxlarge {
width: 100%;
padding-top: 5rem;
}
.shape-6 {
background-color: #a0bce0;
border-radius: 999em;
width: 66em;
height: 60em;
margin-left: auto;
position: absolute;
top: -14.2em;
right: -25em;
transform: rotate(60deg);
}
.shape-6.is-dark {
background-color: #536d8f;
}
.shape-2 {
background-color: #b5a3d6;
border-radius: 999em;
width: 43em;
height: 40em;
margin-left: auto;
margin-right: auto;
position: absolute;
top: -20em;
left: -27.4em;
right: 0;
}
.main-shapes-wrapper {
filter: blur(7.5rem);
}
.blending-group-wrapper {
z-index: 1;
filter: blur(7.5rem);
mix-blend-mode: overlay;
display: block;
}
.shape-4 {
background-color: #38699c;
border-radius: 999em;
width: 65em;
height: 40em;
margin-left: auto;
position: absolute;
top: -11.3em;
left: 0;
transform: rotate(40deg);
}
.background-noise {
z-index: 0;
opacity: .3;
background-color: #fff;
background-image: none;
background-size: auto;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.gradient-intro-wrapper {
z-index: 1;
color: #fff;
border: 1px #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: auto;
margin-bottom: auto;
}
.gradient-intro-wrapper.centre {
justify-content: center;
display: flex;
}
.gradient-intro-wrapper.centre.topper-align {
margin-top: 0;
}
.gradient-intro-wrapper.top-align {
margin-top: 60px;
}
.gradient-intro-wrapper.top-align.unlock {
max-width: 48em;
}
.ultra-gradient-wrapper {
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
font-size: 1vw;
display: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.shape-1 {
background-color: #a0bce0;
border-radius: 999em;
width: 40em;
height: 40em;
margin-left: auto;
margin-right: auto;
position: absolute;
top: -24.7em;
left: 0;
right: 0;
}
.container-w1 {
width: 100%;
max-width: 93em;
margin-left: auto;
margin-right: auto;
}
.container-w1.gutter-outside {
max-width: 93em;
}
.container-w1.gutter-outside.space {
flex-direction: column;
justify-content: center;
min-height: 100%;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.shape-8 {
background-color: #3a7fff00;
border-radius: 999em;
width: 47em;
height: 119em;
margin-left: auto;
margin-right: auto;
position: absolute;
top: -17.1em;
left: 26.7em;
right: 0;
transform: rotate(29deg);
}
.section_ultra-gradients {
border-bottom: .0625rem solid var(--borders);
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section_ultra-gradients.padding-global.padding-section-large {
background-color: #fff;
border-bottom-right-radius: 36px;
border-bottom-left-radius: 36px;
align-items: flex-start;
height: 797.84px;
padding-top: 0;
box-shadow: 0 2px #0003;
}
.section_ultra-gradients.padding-global.padding-section-large.dark {
color: #121316;
background-color: #202124;
background-image: linear-gradient(#00000080, #00000080);
background-position: 0 0;
background-size: auto;
border: 1px solid #000;
border-radius: 8px;
height: 864px;
margin-top: 24px;
margin-left: 2.5rem;
margin-right: 2.5rem;
padding-top: 8rem;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width {
box-shadow: none;
background-color: #fff;
background-image: none;
background-size: auto;
border-style: none;
border-radius: 0;
height: 912px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 4rem;
padding-bottom: 4rem;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width.portfolio {
background-color: #121316;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width.portfolio.reduce {
height: 600px;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width.portfolio.reduce.unlock {
background-color: var(--light-purple);
background-image: none;
background-size: auto;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width.portfolio.reduce.purple {
background-color: #420040;
background-image: none;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width.white {
background-color: #fff;
background-image: none;
background-position: 0 0;
background-size: auto;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width.white.change {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #121316;
background-image: none;
height: 1052px;
margin-top: -60px;
padding-top: 0;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width._60 {
box-shadow: none;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
mix-blend-mode: normal;
background-color: #f5f5f566;
background-image: none;
margin-top: -60px;
padding-top: 8rem;
}
.section_ultra-gradients.padding-global.padding-section-large.green {
box-shadow: none;
opacity: 1;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #fff;
background-image: none;
background-size: auto;
border: 1px #000;
border-radius: 8px;
height: 864px;
margin: 24px 2.5rem 10px;
padding-top: 8rem;
top: auto;
}
.section_ultra-gradients.padding-global.padding-section-large.green.full {
height: 912px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.section_ultra-gradients.padding-global.padding-section-large.circular {
box-shadow: none;
background-color: #1f005e;
border: 1px #000;
border-radius: 0;
padding-top: 4rem;
padding-bottom: 4rem;
}
.section_ultra-gradients.is-full {
border-bottom-style: none;
width: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.shape-9 {
background-color: #1b1b1b;
border-radius: 999em;
width: 30em;
height: 119em;
position: absolute;
top: -5.3em;
right: 1.2em;
transform: rotate(39deg);
}
.shape-7 {
background-color: #b5a3d6;
border-radius: 999em;
width: 20em;
height: 13em;
margin-left: auto;
margin-right: auto;
position: absolute;
top: -4.1em;
left: 0;
right: -23.9em;
transform: rotate(40deg);
}
.shape-7.is-dark {
background-color: #423757;
}
.shape-5 {
background-color: #5be7b4;
border-radius: 999em;
width: 30em;
height: 30em;
margin-left: auto;
margin-right: auto;
position: absolute;
top: -21.7em;
left: 0;
right: 0;
}
.shape-5.is-dark {
background-color: #215240;
}
.shape-3 {
background-color: #b5a3d6;
border-radius: 999em;
width: 53em;
height: 100em;
position: absolute;
top: -19.8em;
left: -26em;
right: 0;
transform: rotate(-28deg);
}
.section_jobs.padding-global.padding-section-small {
min-height: 900px;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.section_jobs.padding-global.padding-section-small.is-first {
padding-bottom: 0;
}
.jobs_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.jobs_list.grid-jobs {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
display: grid;
position: static;
}
.jobs_card {
color: #ededed;
background-color: #fff;
border: 1px #edeff1;
border-bottom-style: solid;
border-radius: 0;
justify-content: center;
align-items: center;
max-width: 100%;
height: auto;
min-height: 60px;
margin-bottom: 0;
padding: 10px 24px;
font-family: Inter, sans-serif;
text-decoration: none;
transition: none;
display: flex;
position: relative;
}
.jobs_card:hover {
box-shadow: none;
background-color: #f1f1f1;
border-style: none none solid;
border-color: #e5e7eb #e5e7eb #ddd;
font-style: normal;
}
.jobs_card-left {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.jobs_card-left.work {
display: flex;
}
.company-logo {
object-fit: cover;
background-color: #333;
border: 1px solid #0000001a;
border-radius: 10px;
width: 2.5rem;
height: 2.5rem;
line-height: 1;
}
.jobs_name {
color: #333;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.3;
}
.jobs_info-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0;
font-family: Inter, sans-serif;
font-size: .85rem;
line-height: 1;
display: flex;
}
.jobs_company-name {
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1;
}
.dot-spacer {
background-color: var(--grey);
border-radius: 50rem;
width: .15rem;
height: .15rem;
}
.jobs_salary {
color: var(--green);
margin-bottom: 0;
font-size: 15px;
font-weight: 600;
line-height: 1;
}
.icon-embed-small {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.featured-tag {
color: var(--accent);
text-align: center;
text-transform: uppercase;
background-color: #3f7cff1a;
border-radius: 8rem;
padding: .125rem 1rem;
font-size: .751rem;
font-weight: 700;
}
.subheader {
text-transform: none;
font-family: "Angellist Display 400 100", sans-serif;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.5;
}
.subheader.centre {
text-align: center;
text-transform: none;
font-family: Inter, sans-serif;
font-size: 1.5rem;
font-weight: 500;
}
.subheader.centre-dark {
color: #666;
text-align: center;
letter-spacing: -.5px;
font-family: Inter, sans-serif;
font-size: 21px;
font-weight: 500;
}
.subheader.centre-dark.medium {
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: #000;
text-shadow: none;
border: 1px #adadad33;
border-radius: 20px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 2px;
padding-bottom: 2px;
font-family: "Angellist 400 100", sans-serif;
font-size: 1rem;
}
.subheader.centre-dark.white {
color: #fff;
}
.subheader.sub {
color: #ccc;
font-family: Inter, sans-serif;
font-size: 1.4rem;
font-weight: 500;
}
.navbar1_component {
z-index: 1000;
border-bottom: .0625rem none var(--borders);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #0000;
align-items: center;
width: 100%;
height: auto;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: sticky;
top: 0;
}
.navbar1_component.gap {
border-bottom: 1px solid var(--divider-line);
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #fff;
height: 48px;
min-height: 48px;
max-height: 48px;
padding-left: 0;
padding-right: 0;
position: fixed;
inset: 0% 0% auto;
}
.navbar1_component.gap.company {
background-color: #00084133;
border-bottom-style: solid;
border-bottom-color: #7aace933;
}
.navbar1_container {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.navbar1_container.gap {
justify-content: space-between;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.navbar1_container._93em {
max-width: 93em;
margin-left: auto;
margin-right: auto;
}
.navbar1_logo-link {
color: #050505;
justify-content: flex-start;
align-items: flex-end;
width: auto;
height: 30px;
padding-left: 0;
display: flex;
}
.navbar1_logo-link.w--current {
color: #000;
font-family: Clashdisplay, sans-serif;
font-size: .8rem;
}
.navbar1_logo-link.vertiii {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
height: 50px;
}
.navbar1_menu {
align-items: center;
display: flex;
position: static;
}
.navbar1_menu.is-page-height-tablet.laptop {
justify-content: flex-end;
}
.navbar1_link {
color: var(--dark);
border-radius: 8rem;
padding: .5rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .85rem;
font-weight: 500;
transition: color .2s;
}
.navbar1_link:hover {
color: var(--dark);
}
.navbar1_link.w--current {
color: #000;
background-color: #f7f7f7;
}
.navbar1_menu-dropdown {
color: var(--dark);
margin-left: 0;
font-size: .85rem;
font-weight: 400;
}
.navbar1_dropdown-toggle {
grid-column-gap: .5rem;
color: var(--dark);
align-items: center;
padding: .5rem 1rem .5rem 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
display: flex;
}
.navbar1_dropdown-toggle:hover {
color: var(--dark);
}
.dropdown-chevron {
flex-direction: column;
justify-content: center;
align-items: center;
width: .75rem;
height: 1rem;
display: flex;
}
.navbar1_dropdown-list.w--open {
border: .0625rem solid var(--borders);
background-color: #fff;
border-radius: .75rem;
padding: .5rem;
}
.navbar1_dropdown-link {
color: #2e2e2e;
padding: .5rem 1rem;
font-family: Inter, sans-serif;
font-weight: 500;
transition: color .2s;
}
.navbar1_dropdown-link.w--current {
color: #0b85d1;
font-weight: 600;
}
.navbar1_menu-buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: 1rem;
display: flex;
}
.navbar1_chat {
color: #000;
padding: .5rem 1rem;
text-decoration: none;
position: relative;
}
.navbar1_chat.w--current {
color: #000;
}
.notifier-badge {
color: #213d7d;
text-align: center;
background-color: #e7eeff;
border: 1px solid #dde7fd;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 1.3rem;
height: 1.3rem;
padding-top: 0;
font-size: .9rem;
font-weight: 500;
line-height: 1;
text-decoration: none;
display: flex;
position: static;
inset: 0% 9% auto auto;
}
.navbar1_menu-button {
padding: 0;
}
.logo-text {
color: #191919;
width: 6rem;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: .9rem;
font-weight: 700;
line-height: 1;
}
.logo-text.is-small {
font-size: 1.5rem;
}
.footer3_component {
border-top: .0625rem none var(--borders);
background-color: #121316;
}
.footer3_component.white {
background-color: #fff;
}
.footer3_top-wrapper {
grid-column-gap: 4vw;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
align-items: start;
}
.footer3_top-wrapper.single-grid {
justify-content: center;
align-items: stretch;
display: flex;
}
.footer-link {
color: #000;
font-weight: 400;
text-decoration: none;
}
.footer-link:hover {
text-decoration: underline;
}
.footer3_social-list {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
place-items: start;
display: grid;
}
.footer3_social-link {
color: #000;
background-color: #1c1d220d;
border-radius: 8px;
align-items: center;
padding: .5rem;
font-size: .875rem;
text-decoration: none;
transition: color .2s;
display: flex;
}
.footer3_social-link:hover {
color: var(--accent);
}
.icon-embed-xsmall {
color: var(--background-grey);
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.footer3_menu-wrapper {
grid-column-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: start;
}
.footer3_link-list {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: flex-start start;
display: flex;
}
.footer3_link {
color: #000;
padding-top: .5rem;
padding-bottom: .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
text-decoration: none;
}
.footer3_link:hover {
color: #000;
text-decoration: none;
}
.footer3_link.w--current {
color: #0a85d1;
}
.footer3_link.header {
color: #797c91;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
}
.footer3_link.ccc {
color: #ccc;
font-family: Inter, sans-serif;
}
.footer3_bottom-wrapper {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.footer3_bottom-wrapper.centre {
justify-content: center;
}
.footer3_credit-text {
color: #000;
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: .875rem;
}
.footer3_credit-text.ccc {
color: #ccc;
font-family: Inter, sans-serif;
}
.footer3_legal-list {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
display: grid;
}
.footer3_legal-link {
color: #000;
padding-top: .5rem;
padding-bottom: .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
text-decoration: none;
}
.footer3_legal-link.ccc {
color: #ccc;
font-family: Inter, sans-serif;
}
.footer3_legal-link.ddd {
padding-top: 0;
padding-bottom: 0;
font-family: "Universal Sans Text 380 380 100", sans-serif;
display: block;
}
.browse-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.browse-wrap.vertical {
width: 100%;
max-width: 100%;
margin: 0 auto 0 0;
padding: 0 1.5rem 1.5rem;
display: block;
}
.browse-jobs-wrapper {
flex: 1;
width: 100%;
}
.filters_form-block {
background-color: #fff;
border: .0625rem #000;
border-radius: 0;
width: 100%;
margin-bottom: 0;
padding: 0;
font-family: "Universal Sans Text 380 380 100", sans-serif;
display: block;
}
.filters_form-block.is-applicants {
max-width: 17.1875rem;
}
.filters_form-block.is-applicants.max-width {
background-color: #fff0;
max-width: 100%;
padding: 1rem 12px;
}
.filters_form-block.old {
border-style: solid;
border-color: #eeeff1;
border-radius: 12px;
width: 30%;
padding: 1.5rem;
}
.shadow {
box-shadow: 0 9px 1.25rem #0000000f;
}
.section_auth {
justify-content: center;
align-items: center;
min-height: 95vh;
display: flex;
position: relative;
}
.section_auth.padding-global {
justify-content: center;
align-items: stretch;
min-height: 100vh;
}
.section_auth.padding-global.is-onboarding {
align-items: center;
min-height: 100vh;
padding: 2.5rem;
}
.auth-form-block {
border: .0625rem solid var(--borders);
background-color: #fff;
border-radius: .75rem;
margin-bottom: 0;
padding: 1.5rem;
}
.auth-form-block.shadow {
box-shadow: none;
background-color: #fff;
border-style: none;
margin-top: 40px;
font-family: Inter, sans-serif;
}
.red-text {
color: var(--orange);
}
.split-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: center;
height: 100%;
}
.social_dropdown {
width: 100%;
margin-top: 1.25rem;
}
.social_dropdown-toggle {
border: .0625rem solid var(--borders);
text-align: center;
border-radius: .5rem;
justify-content: space-between;
align-items: center;
width: 100%;
padding: .75rem 1rem;
font-size: 1rem;
font-weight: 500;
display: flex;
}
.social_dropdown-toggle.w--open {
border-style: solid;
border-color: var(--borders);
box-shadow: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.social-btn_spacer {
width: 1rem;
height: 0;
}
.dropdown-icon {
margin: 0;
line-height: 1;
position: static;
}
.dropdown-list.w--open {
border: .0625rem solid var(--borders);
background-color: #fff;
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
overflow: hidden;
}
.social-btn {
border-top: .0625rem solid var(--borders);
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: .9375rem;
font-size: .875rem;
font-weight: 400;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.social-btn:hover {
background-color: #fafafa;
}
.social-btn:focus {
border: .0625rem #000;
border-top: .0625rem solid #ddd;
}
.social-btn::placeholder {
color: #6e6e6e;
}
.social-btn.is-first {
border-top-style: none;
}
.social-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.social-image {
width: 1rem;
}
.or-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #929292;
justify-content: space-between;
align-items: center;
font-family: "Angellist 400 100", sans-serif;
font-size: .8rem;
font-weight: 700;
display: flex;
}
.or-wrap.width {
color: #5e856b;
width: 440px;
margin-left: auto;
margin-right: auto;
}
.or-wrap_line {
background-color: #70707033;
flex: 1;
height: .0625rem;
}
.output-slider {
width: 100%;
padding: 0;
position: relative;
overflow: hidden;
}
.output-slider_track {
flex-direction: column;
align-items: center;
width: 100%;
padding: 0;
display: flex;
overflow: visible;
}
.output-slider_slide {
opacity: .4;
width: 100%;
padding: 1rem 0;
transition: opacity .2s, transform .4s;
position: relative;
overflow: hidden;
transform: scale(.9);
}
.testimonial-wrap {
border: .0625rem solid var(--borders);
background-color: #fff;
border-radius: .75rem;
padding: 1.5rem;
}
.testimonial-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
display: flex;
}
.testimonial-image {
border: .0625rem solid var(--borders);
object-fit: cover;
border-radius: 10rem;
width: 3rem;
height: 3rem;
}
.bottom-form-links {
justify-content: space-between;
align-items: center;
margin-top: 1rem;
display: flex;
}
.ms-profile-image-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: flex-start;
display: flex;
}
.ms-profile-image-preview {
background-color: var(--borders);
object-fit: cover;
border-radius: 100rem;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: .3125rem;
display: inline-block;
}
.ms-profile-image-preview.smalling {
border: 1px solid #0000001a;
width: 2rem;
height: 2rem;
margin-bottom: 0;
}
.ms-profile-upload {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border: .0625rem solid var(--borders);
color: #000;
background-color: #fff;
border-radius: .4375rem;
align-items: center;
height: 2rem;
padding-left: .375rem;
padding-right: .5rem;
font-family: Inter, sans-serif;
font-size: .9rem;
line-height: 1.6875rem;
text-decoration: none;
display: flex;
}
.ms_form-block {
margin-bottom: 0;
}
.form_2-field-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.form_2-field-wrap.flex {
flex-flow: column;
display: flex;
}
.dashboard-wrapper {
justify-content: space-between;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: relative;
}
.dashboard-wrapper.no-margin {
color: var(--dashboard--background);
background-color: #fff;
flex-direction: row;
justify-content: space-between;
max-width: 100%;
margin-left: 0;
margin-right: 0;
display: flex;
}
.dashboard-wrapper.no-margin.no-bg-color {
background-color: #fff0;
}
.dashboard-nav {
border: .0625rem none var(--accent);
background-color: #fff;
border-radius: .75rem;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 0 0 1rem;
display: flex;
position: sticky;
inset: 1rem auto 1rem 1rem;
overflow: auto;
}
.dashboard-nav_link-group {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-direction: column;
width: 100%;
margin-right: 0;
padding-left: 14px;
padding-right: 14px;
display: flex;
}
.dashboard-nav_link {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--transparent);
color: #000;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
height: 30px;
padding: .25rem .5rem;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: color .2s;
display: flex;
}
.dashboard-nav_link:hover {
background-color: var(--light-blue);
opacity: 1;
color: #000;
border-radius: 8px;
}
.dashboard-nav_link:active {
background-color: var(--light-blue);
padding-left: .5rem;
}
.dashboard-nav_link.w--current {
background-color: var(--light-blue);
opacity: 1;
color: var(--dark);
border-radius: 8px;
padding-top: .25rem;
padding-bottom: .25rem;
font-family: Inter, sans-serif;
font-size: 14px;
}
.dashboard-nav_link.members.w--current {
background-color: var(--accent);
}
.dashboard-nav_link.free {
background-color: var(--transparent);
color: #707070;
}
.dashboard-nav_link.free:hover, .dashboard-nav_link.free:visited {
background-color: var(--hover);
color: var(--dark);
}
.dashboard-nav_link.free.w--current, .dashboard-nav_link.free.this:hover {
background-color: var(--accent);
}
.dashboard-nav_link.your-portfolio {
background-color: var(--dark);
color: #ededed;
justify-content: space-between;
align-self: auto;
height: 36px;
padding-right: .5rem;
box-shadow: 0 0 2px #e0e0e0, 0 1px 4px #18274b05, 0 4px 4px #18274b0f;
}
.dashboard-nav_link-group-title {
color: #ffffff80;
text-align: left;
text-transform: none;
margin-bottom: 0;
margin-left: 0;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 500;
}
.dashboard-nav_link-group-title.company {
color: #00000052;
}
.dashboard-nav_link-group-title.no-gap {
margin-bottom: 0;
}
.dashboard-nav_link-group-title.no-padding {
margin-left: 0;
}
.logo-type {
font-family: DM Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
}
.dashboard-nav_logo-link {
text-align: left;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.dashboard-content {
flex: 1;
padding: 1rem 1rem 1rem 0;
}
.dashboard-content.no-margin {
background-color: var(--white);
color: #121212;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.dashboard-content.no-margin.centre {
margin-left: 0;
margin-right: auto;
}
.dashboard-content.no-margin.no-bg-color {
background-color: #fff0;
}
.dashboard_content-block {
border-style: none;
border-width: .0625rem;
border-color: var(--borders) var(--borders) #edeff1;
color: #1a1a1a;
background-color: #1a1a1a00;
border-radius: 0;
max-width: 56em;
margin-right: auto;
padding: 1rem 1.5rem;
display: block;
}
.dashboard_content-block.no-edge {
border-top-style: none;
border-right-color: var(--divider-line);
border-bottom-style: solid;
border-bottom-color: #eeeff1;
border-left-style: none;
border-radius: 0;
padding-top: 1rem;
padding-bottom: 1rem;
}
.dashboard_content-block.no-edge.blocker {
height: 100%;
margin-right: 0;
padding: 0 1.5rem;
}
.dashboard_content-block.no-edge.light-bg {
background-color: #fafafa;
}
.dashboard_content-block.no-edge.light-bg.full {
background-color: #fff;
justify-content: space-between;
align-items: stretch;
height: 50px;
display: flex;
}
.dashboard_content-block.no-edge.light-bg.full.no-auto {
margin-right: 0;
}
.dashboard_content-block.no-edge.full-length {
border-top-style: none;
border-left-style: none;
border-right-style: none;
border-radius: 0;
padding: 0;
}
.dashboard_content-block.no-edge.full-length.no-space {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block.no-edge.full-length.no-space.padding {
margin-top: 20px;
}
.dashboard_content-block.no-edge.full-length.no-space.padding.extra {
margin-right: 1.5rem;
padding-left: 1.5rem;
}
.dashboard_content-block.no-edge.right-margin {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
max-width: 56em;
margin-right: auto;
}
.dashboard_content-block.no-edge.right-margin._100 {
max-width: 45em;
margin-right: 0;
}
.dashboard_content-block.no-edge.full {
max-width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
font-family: Inter, sans-serif;
display: flex;
}
.dashboard_content-block.no-edge.full.space {
height: 200px;
}
.dashboard_content-block.no-edge.no-space {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block.no-edge.no-space._60 {
height: 60px;
}
.dashboard_content-block.no-edge._85 {
max-width: 85em;
margin-left: auto;
margin-right: auto;
padding: 0 0 2rem;
}
.dashboard_content-block.no-edge._85._100-percent {
padding-top: 2rem;
padding-left: 2rem;
padding-right: 22.2rem;
font-style: normal;
}
.dashboard_content-block.no-edge.latte {
max-width: 85em;
margin-right: 0;
}
.dashboard_content-block.no-edge.latte.no-margin {
max-width: 100%;
padding: 0;
}
.dashboard_content-block.no-edge.with-margin {
max-width: 93em;
margin-left: auto;
}
.dashboard_content-block.no-round {
border-left-style: none;
border-right-style: none;
border-radius: 0;
}
.dashboard_content-block.no-round.full {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block.full-edge {
border-style: none none solid;
border-color: #000 #000 #eeeff1;
max-width: 100%;
margin-right: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.dashboard_content-block.full-edge.above-space {
border-style: none;
border-color: #000;
height: 100%;
padding: 0;
}
.dashboard_content-block.full-edge.padding-no {
padding-top: 0;
}
.dashboard_content-block.full-edge.height {
background-color: #fff;
border-bottom-style: none;
height: 60px;
}
.dashboard_content-block.adjust {
height: 50px;
display: flex;
}
.intro-wrap {
color: #ededed;
justify-content: space-between;
align-items: center;
width: 100%;
font-family: Inter, sans-serif;
display: flex;
}
.intro-wrap.block {
max-width: 60rem;
padding-left: 0;
padding-right: 0;
}
.intro-wrap.block.full {
width: 100%;
max-width: 100%;
margin-left: 0;
padding-left: 240px;
padding-right: 24px;
}
.intro-wrap.block.tip-head {
align-items: flex-start;
}
.intro-wrap.cover {
background-color: #fff;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-left: 0;
}
.intro-wrap.vertical {
display: block;
}
.intro-wrap.signedin {
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 93em;
display: flex;
}
.intro-wrap.signedin.vertically {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
max-width: 100%;
}
.intro-wrap.titletext {
margin-top: 60px;
font-size: 14px;
}
.intro-wrap.distance {
margin-top: 0;
}
.intro-wrap.length {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.todays-date {
color: #ededed;
background-color: #f0f0f000;
border: 1px #09090b66;
border-radius: 0;
padding: 0;
font-family: "Skiffmono Abfa 75 380 100", sans-serif;
font-size: 12px;
}
.todays-date.sub-heading {
font-family: Inter, sans-serif;
font-size: 16px;
}
.dashboard-nav_menu {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--card-bored);
flex-direction: column;
flex: 1;
justify-content: space-between;
margin-top: 0;
display: flex;
}
.hamburger-wrap {
display: none;
}
.stats_grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: 100%;
}
.stats_grid.with-rows {
grid-template-rows: auto auto auto;
}
.stats_grid.col4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.stats_grid.with-padding {
margin-left: 24px;
margin-right: 24px;
}
.stats_item {
background-color: #fff0;
border: .0625rem solid #333;
border-radius: 10px;
padding: 1rem;
}
.large-number {
color: #1e1e1e;
margin-bottom: .25rem;
font-family: Inter, sans-serif;
font-size: 1.4rem;
font-weight: 400;
line-height: 1;
}
.large-number.medium {
color: #1e1e1e;
font-size: 1.2rem;
}
.large-number.medium.padding {
margin-top: 1rem;
line-height: 1.2;
}
.dashboard_button {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #fff;
text-transform: uppercase;
background-color: #ffffff1a;
border: 1px solid #a3a3a3;
border-radius: 4px;
justify-content: center;
align-items: center;
height: 30px;
padding: 3px 1rem;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
font-size: .8rem;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: color .2s, background-color .2s;
display: flex;
}
.dashboard_button:hover {
border-style: solid;
border-color: var(--orange);
background-color: var(--orange);
opacity: 1;
color: var(--light);
border-radius: 4px;
padding: 3px 1rem;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
font-size: .8rem;
font-weight: 500;
}
.dashboard_button.w--current {
opacity: 1;
color: #fff;
background-color: #000;
}
.dashboard_button.is-wide {
width: 100%;
}
.dashboard_button.is-green {
color: #48c018;
background-color: #48c0181a;
border-color: #48c018;
}
.dashboard_button.is-green:hover {
color: #fff;
background-color: #48c018;
}
.dashboard_button.is-green.design {
color: #213d7d;
background-color: #e7eeff;
border-color: #213d7d;
border-radius: 16px;
padding-top: 1rem;
padding-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.dashboard_button.is-green.design:hover {
font-weight: 600;
}
.dashboard_button.btn {
color: var(--dark);
-webkit-text-stroke-color: var(--dark);
background-color: #ededed;
border-style: solid;
border-color: #09090b33;
border-radius: 10px;
justify-content: center;
height: 36px;
padding: .25rem 1rem .25rem .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .9rem;
}
.dashboard_button.btn:hover {
background-color: var(--black);
color: var(--dark);
}
.dashboard_button.btn._2 {
justify-content: center;
width: 140px;
}
.dashboard_button.btn._3 {
width: 130px;
}
.dashboard_button.btn.long {
border-style: solid;
border-color: var(--borders);
background-color: #f0f0f099;
width: 224px;
}
.dashboard_button.btn.long:hover {
border-style: solid;
border-color: #e9e9e9;
}
.dashboard_button.btn.long.tiny {
border-radius: .5rem;
width: 60px;
margin-right: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .8rem;
font-weight: 600;
}
.dashboard_button.btn.long.tiny.pricelong {
border-radius: 12px;
justify-content: flex-start;
width: 121px;
}
.dashboard_button.btn.long.tiny.color {
background-color: var(--blue);
color: var(--light);
border-radius: 12px;
margin-right: .5rem;
}
.dashboard_button.btn.long.height {
border-radius: 16px;
height: 50px;
}
.dashboard_button.btn.right {
border-color: #09090b33;
border-radius: 16px;
margin-left: auto;
}
.dashboard_button.btn.full {
background-color: var(--dark);
color: var(--light);
border-radius: 16px;
width: 100%;
font-weight: 500;
}
.dashboard_button.btn.is-full {
border-color: #09090b33;
width: 100%;
}
.dashboard_button.follow {
background-color: var(--blue-color);
color: var(--light);
margin-left: 0;
}
.dashboard_button.follow:hover {
background-color: #425b91;
}
.dashboard_button.follow.no-space {
margin-left: 0;
}
.dashboard_button.h {
border-color: var(--divider-line);
color: #1e1e1e;
background-color: #fafafc;
border-radius: 6px;
height: 28px;
padding-left: .5rem;
padding-right: .5rem;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
font-size: .8rem;
font-weight: 400;
line-height: 1.5rem;
position: relative;
}
.dashboard_button.h:hover {
background-color: #e4e4e4;
}
.dashboard_button.h.w--open {
font-family: Inter, sans-serif;
font-weight: 500;
}
.dashboard_button.h.dark {
background-color: var(--red);
color: #fff;
border-style: none;
border-radius: 6px;
}
.dashboard_button.width {
border-style: none;
justify-content: flex-start;
width: 200px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
}
.dashboard_button.width.light {
color: #333;
background-color: #fff;
}
.dashboard_button.width.light:hover {
background-color: #f3eaea;
}
.icon-embed-xxsmall {
color: #262626;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.applicant {
border: .0625rem solid var(--borders);
color: #000;
border-radius: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.5rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
text-decoration: none;
display: flex;
}
.applicant.work-card {
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
.applicant.work-card.no-margin {
border-style: none;
height: 100%;
padding: 0;
}
.applicant.work-card.projects {
border-style: none;
flex-direction: column;
height: 100%;
padding: 0;
}
.applicant.discover {
border-radius: 8px;
width: 100%;
height: 100%;
}
.applicant_picture {
outline-color: var(--divider-line);
outline-offset: 1px;
object-fit: cover;
background-color: #fff;
border: 3px solid #fff;
border-radius: 100%;
outline-width: 1px;
outline-style: solid;
width: 10rem;
height: 10rem;
}
.applicant_picture.is-small {
outline-offset: 1px;
background-color: #0000;
border-width: 1px;
border-color: #0000001a;
border-radius: 100px;
outline: 1px #0000001a;
width: 2.2rem;
height: 2.2rem;
}
.applicant_picture.is-small.company {
outline-color: var(--green);
width: 24px;
height: 24px;
}
.applicant_picture.is-small.card-member {
outline-offset: 1px;
background-color: #ffffff03;
border-style: none;
border-color: #13121280;
border-radius: 4px;
outline: 1px solid #0000001a;
width: 3rem;
height: 3rem;
}
.applicant_picture.is-small.card-member.home {
background-color: #9e222203;
border-radius: 20px;
width: 100%;
height: 260px;
}
.applicant_picture.is-small.circular {
border-radius: 20rem;
width: 2.7rem;
height: 2.7rem;
}
.applicant_picture.is-tiny {
outline-color: var(--divider-line);
outline-offset: 1px;
border-style: none;
outline-width: 1px;
outline-style: none;
width: 2rem;
height: 2rem;
}
.applicant_left {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
width: 100%;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.applicant_name {
color: var(--dark);
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
}
.applicant_name.recently-featured {
color: #27272a;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 500;
}
.applicant_top {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: center;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.applicant_top.vertical {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fafafa;
border: 1px #0000001a;
border-radius: 24px;
flex-direction: column;
align-items: flex-start;
height: 480px;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.featured {
grid-column-gap: .35rem;
grid-row-gap: .35rem;
box-shadow: none;
color: #203d7d;
text-transform: uppercase;
background-color: #e7eefe;
border: 1px solid #dde7fd;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: auto;
margin-left: 14px;
padding: 2px .5rem 2px .25rem;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
transition: none;
display: flex;
}
.featured.w--current {
opacity: 1;
color: #fff;
background-color: #000;
}
.featured.verified {
border-radius: 5px;
margin-left: 0;
padding-left: .5rem;
padding-right: .5rem;
}
.featured.verified.gap-left {
margin-left: 20px;
}
.featured.verified.home {
border-radius: 12px 12px 0 0;
}
.featured.verified.home.green {
border-color: #203d7d;
border-radius: 20px;
margin-top: 10px;
margin-left: 10px;
padding: 4px 1rem 4px .7rem;
position: absolute;
}
.featured.no-bg {
background-color: #e7eefe00;
border-style: none;
margin-bottom: 0;
margin-left: 0;
padding-top: 2px;
padding-bottom: 0;
line-height: 20px;
}
.skills-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
display: flex;
}
.skill {
border: 1px solid var(--borders);
background-color: var(--tags);
border-radius: .3rem;
padding: .25rem 1rem;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
}
.skill.work-tag {
padding: .125rem .75rem;
font-size: .8rem;
}
.skill.work-tag.freelancer {
font-size: .7rem;
}
.skill.work-tag.freelancer.big {
color: #111;
background-color: #f0f0f000;
border-color: #00000026;
border-radius: 6px;
align-items: center;
height: 25px;
font-size: 14px;
font-weight: 500;
line-height: 18px;
display: flex;
}
.skill.work-tag.freelancer.big.biggest {
color: var(--dark);
text-align: center;
background-color: #e6d0f033;
border: 1px solid #d882ff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100px;
height: 30px;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 400;
}
.applicant-browse-list {
flex: 1;
margin: 0;
}
.skills-filter-wrap {
overflow: auto;
}
.applicant-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: flex-start stretch;
max-width: 100%;
display: grid;
}
.applicant-list.grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.top-bar {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fafafce6;
border-radius: 100px;
justify-content: space-between;
align-items: center;
width: 56px;
height: 28px;
margin-left: auto;
margin-right: auto;
padding: 8px 4px;
font-size: 0;
display: flex;
box-shadow: inset 0 2px 5px #0003;
}
.top-bar.main {
width: auto;
}
.site-type-link {
color: var(--dark);
text-align: center;
text-transform: uppercase;
background-color: #f1f1f100;
background-image: linear-gradient(#171717, #131415);
border: 1px #000;
border-radius: 20px;
flex: 1;
margin-left: 0;
margin-right: 0;
padding: .75rem 0;
font-family: Inter, sans-serif;
font-size: 0;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: background-color .2s;
box-shadow: 0 0 0 .0625rem #0000001f;
}
.site-type-link:hover {
color: #333;
background-color: #f0f0f000;
}
.site-type-link.w--current {
color: #fafafc;
text-align: center;
background-color: #f1f1f1;
background-image: none;
border-style: none;
border-color: #000;
border-radius: 20px;
margin-left: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 0;
text-decoration: none;
box-shadow: inset 0 2px .125rem -.0625rem #46464640;
}
.site-type-link.w--current:hover {
color: #b8b8b800;
}
.site-type-link.w--current:active {
color: var(--light);
border-radius: 20px;
}
.site-type-link.applicant {
box-shadow: none;
color: #fafafc;
text-align: center;
text-transform: none;
background-color: #0000;
background-image: none;
border: 1px #ddd;
border-radius: 20px;
justify-content: center;
align-self: auto;
align-items: center;
min-width: 20px;
height: 20px;
padding-top: 0;
padding-bottom: 0;
font-family: Inter, sans-serif;
font-size: 0;
font-weight: 500;
}
.site-type-link.applicant:hover {
box-shadow: none;
color: #fff;
background-color: #fafafc00;
background-image: none;
border-style: none;
border-color: #ddd0;
border-radius: 20px;
min-width: 20px;
height: 20px;
}
.site-type-link.applicant.w--current {
color: #fafafc00;
text-align: center;
text-transform: none;
background-color: #fff;
background-image: linear-gradient(#171717, #131415);
border-style: solid;
border-color: #ddd0;
border-radius: 20px;
align-self: auto;
align-items: center;
min-width: 20px;
height: 20px;
font-family: Inter, sans-serif;
font-size: 0;
transition: none;
box-shadow: 0 0 0 .0625rem #0000001f;
}
.site-type-link.applicant.w--current:hover {
opacity: 1;
color: #fff0;
background-color: #fff;
background-image: linear-gradient(#171717, #131415);
border-style: none;
border-width: 20px;
border-radius: 20px;
}
.site-type-link.applicant._1 {
color: #fafafcbf;
height: 30px;
font-size: 0;
}
.site-type-link.company {
box-shadow: none;
color: #0a0a0b;
text-transform: none;
background-color: #f1f1f100;
background-image: none;
border-style: none;
align-self: center;
min-width: 20px;
height: 20px;
padding-top: 0;
padding-bottom: 0;
font-family: Inter, sans-serif;
font-size: 0;
font-weight: 500;
transition: none;
}
.site-type-link.company.w--current {
color: #fafafc;
text-align: center;
text-transform: none;
background-color: #007aff;
background-image: none;
border: 1px #000;
border-radius: 20px;
align-self: center;
min-width: 20px;
height: 20px;
padding-top: 0;
padding-bottom: 0;
font-family: Inter, sans-serif;
font-size: 0;
font-weight: 600;
box-shadow: 0 0 0 .0625rem #0000001f;
}
.site-type-link.company.w--current:hover {
border-style: none;
border-width: 1px;
}
.site-type-link.company._1 {
color: #fafafcbf;
text-align: center;
border-color: gray;
border-bottom-style: none;
border-left-width: .5px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
font-size: .85rem;
font-weight: 500;
}
.site-type-link.applicant._1.main.n {
color: #fff;
min-width: 120px;
}
.site-type-link.applicant {
text-align: center;
border: 1px #ddd;
border-radius: 20px;
justify-content: center;
align-self: auto;
align-items: center;
height: 40px;
padding-top: 0;
padding-bottom: 0;
font-weight: 500;
}
.site-type-link.applicant:hover {
color: #09090b;
border-style: solid;
border-radius: 20px;
}
.site-type-link.applicant.w--current {
color: #fff;
}
.site-type-link.applicant._1 {
color: #fafafcbf;
font-size: .85rem;
}
.site-type-link.applicant._1.w--current {
color: #fff;
}
.site-type-link.applicant._1.main {
color: #000000bf;
text-align: left;
text-transform: none;
border-style: none;
border-width: 1px;
justify-content: center;
align-items: flex-start;
min-width: auto;
padding: 10px 20px;
transition: none;
}
.site-type-link.applicant._1.main:hover {
color: #09090b;
}
.site-type-link.applicant._1.main.w--current {
color: #fff;
}
.site-type-link.applicant._1.main.n {
min-width: 120px;
}
.site-type-link.applicant._1.main.n:hover {
color: #fff;
}
.site-type-link.applicant._1.main.n.w--current {
color: #000;
}
._2-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
max-width: 93rem;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: grid;
}
._2-grid.is-tight {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
._2-grid.stacks {
padding-top: 2rem;
display: block;
}
._2-grid._3-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
._2-grid.vertical {
text-align: center;
display: block;
}
._2-grid.centre {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
padding-top: 8rem;
display: flex;
}
.person-image {
border-radius: 20px;
width: 45%;
max-width: 45rem;
position: absolute;
inset: auto 0 auto 50%;
}
.person-image.is-employer {
width: 45%;
max-width: 40.625rem;
left: 50%;
}
.person-image.second {
width: 70%;
max-width: 25rem;
top: 8rem;
left: 30%;
}
.person-image.second.cloth {
max-width: 35rem;
top: 4rem;
left: 15%;
}
.person-image.second.cloth.dry {
display: block;
left: 15%;
}
.line-divider {
background-color: var(--borders);
height: .0625rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.line-divider.length {
background-color: #29834f;
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
}
.line-divider.length.purple {
background-color: #473e8a;
}
.hero-badge {
grid-column-gap: 3px;
grid-row-gap: 3px;
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #fff;
background-color: #0c0c1166;
border: 1px #bdbdf41a;
border-right-style: solid;
border-radius: 4px;
flex-flow: column;
justify-content: center;
align-items: center;
padding: .5rem;
font-family: Inter, sans-serif;
font-weight: 700;
line-height: 1.2;
display: flex;
position: fixed;
inset: auto 2rem 2rem auto;
box-shadow: 0 2px 5px #0000004d;
}
.hero-badge_details {
font-size: .7rem;
font-weight: 300;
}
.hero-badge_image {
object-fit: cover;
object-position: 50% 0%;
background-color: #1d3256;
border: .0625rem solid #404040;
border-radius: 12px;
align-self: center;
width: 48px;
}
.pricing_grid {
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
}
.pricing_card {
border: .0625rem solid var(--borders);
background-color: #fff;
border-radius: .75rem;
padding: 1.5rem;
}
.feature_list {
grid-column-gap: 3rem;
grid-row-gap: .75rem;
flex-direction: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.feature_list.horizontal {
grid-column-gap: 3rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.feature_list-point {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
font-weight: 600;
display: flex;
}
.pricing_featured_card {
text-align: left;
border-radius: .75rem;
justify-content: flex-start;
align-items: flex-start;
padding: 1.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.section_logos {
border-bottom: .0625rem solid var(--borders);
background-color: #fff;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.logos-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: #9b9b9b;
justify-content: space-around;
align-items: center;
font-weight: 600;
display: flex;
}
.trusted-by-logo {
opacity: .55;
filter: grayscale();
height: 1.25rem;
}
.trusted-by-logo.is-spotify {
opacity: .75;
height: 1.5625rem;
}
.trusted-by-logo.is-google {
opacity: .75;
height: 1.5625rem;
margin-bottom: -.3125rem;
}
.trusted-by-logo.is-tiktok {
opacity: .5;
height: 1.5625rem;
}
.trusted-by-text {
font-family: Inter, sans-serif;
font-weight: 500;
}
.section_talent-types.padding-global.padding-section-small.is-first {
padding-bottom: 0;
}
.section_talent-types.padding-global.padding-section-small.padding {
width: 100%;
padding: 5rem 2.5rem;
}
.talent-types_grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.talent-type {
border: 1px solid var(--light-blue);
border-radius: .75rem;
justify-content: center;
align-items: center;
width: 100%;
height: 20rem;
display: flex;
position: relative;
overflow: hidden;
}
.talent-type.contra1 {
border: .5px solid var(--divider-line);
background-color: #45192f;
border-radius: 6px;
height: 10rem;
}
.talent-type.contra2 {
border: .5px solid var(--divider-line);
background-color: #ff5a5e;
border-radius: 6px;
height: 10rem;
}
.talent-type.contra3 {
border: .5px solid var(--divider-line);
background-color: #6a57e3;
border-radius: 6px;
height: 10rem;
}
.talent-type.contra4 {
border: .5px solid var(--divider-line);
background-color: #f0fb96;
border-radius: 6px;
height: 10rem;
}
.talent-type.contra5 {
border: .5px solid var(--divider-line);
background-color: #d6e9eb;
border-radius: 6px;
height: 10rem;
}
.talent-type_image {
filter: none;
object-fit: cover;
border-radius: 0;
position: absolute;
inset: auto auto 0;
}
.talent-type_image.projects {
width: 100%;
max-width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
}
.talent-type_inner {
color: #fff;
background-image: linear-gradient(#0d152e80, #0d152e80);
background-position: 0 0;
background-size: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 5rem 1rem 1rem;
display: flex;
position: relative;
}
.talent-type_inner.opposite {
background-image: none;
background-position: 0 0;
border: 1px #000;
border-radius: 0;
justify-content: flex-start;
align-items: flex-start;
padding-top: 1rem;
padding-bottom: 1rem;
}
.section_demo {
border-top: .0625rem solid var(--borders);
border-bottom: .0625rem solid var(--borders);
background-color: #fff;
}
.section_demo.padding-global.padding-section-small {
border-top-style: none;
border-bottom-style: none;
}
.section_demo.padding-global.padding-section-small.is-first {
padding-bottom: 0;
}
.lightbox-link {
border: .0625rem solid var(--borders);
border-radius: .75rem;
justify-content: center;
align-items: center;
max-height: 37.5rem;
display: flex;
overflow: hidden;
}
.play-button {
border: .0625rem solid var(--borders);
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #fff;
background-color: #000000b3;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 4.0625rem;
height: 4.0625rem;
display: flex;
position: absolute;
}
.dashboard-nav-outer {
background-color: var(--white);
border-right: 1px #eeeff1;
flex-direction: column;
justify-content: space-between;
width: 25%;
max-width: 15.8125rem;
height: 100vh;
padding: 0;
font-family: Inter, sans-serif;
display: flex;
position: sticky;
inset: 0;
}
.dashboard-nav-outer.bg {
background-color: #301f58;
padding: 0;
}
.dashboard-nav-outer.bg.company {
background-color: var(--company-dashboard);
}
.iframe-container {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
transform: scale(.5);
}
.iframe {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.iframe-outer {
background-color: var(--borders);
outline-color: var(--borders);
border-radius: .75rem;
outline-width: .0625rem;
outline-style: solid;
justify-content: center;
align-items: center;
width: 100%;
max-width: 60rem;
height: 32.8125rem;
display: flex;
position: relative;
overflow: hidden;
}
.iframe-outer.freelancer {
border: 1px #d9d9d9;
border-radius: 1px;
height: 13rem;
padding-left: 0;
overflow: hidden;
}
.iframe-outer.freelancer.no-margin {
border-radius: 8px;
height: 20rem;
}
.iframe-outer.height {
height: 20rem;
}
.applicant-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
margin-top: 0;
display: flex;
position: relative;
top: 140px;
bottom: auto;
left: 60px;
}
.no-iframe-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #6d6d6d;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 18.75rem;
display: flex;
position: absolute;
}
.no-iframe-wrap.resize {
max-width: 18.75rem;
padding-left: 10px;
padding-right: 10px;
font-family: Inter, sans-serif;
font-size: .8rem;
}
.icon-embed-medium {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.talkjs-container {
border-radius: .75rem;
width: 100%;
height: 34.375rem;
}
.talkjs-container.is-inbox {
height: 80vh;
}
.outline-wrap {
border: .3125rem solid var(--borders);
outline-color: var(--borders);
outline-offset: 0rem;
border-radius: 0;
outline-width: .25rem;
outline-style: solid;
margin: -.0625rem;
position: absolute;
inset: 0%;
}
.dashboard-nav_user-info {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.dashboard-nav_user-info.member {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border: 1px #2a2a2a;
border-bottom-color: #eeeff1;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 60px;
display: flex;
}
.signup_form-block {
margin-bottom: 0;
}
.uploader {
background-color: var(--borders);
border: .0625rem dashed #bdbdbd;
border-radius: .75rem;
justify-content: center;
align-items: center;
width: 100%;
padding: 1rem;
}
.form-label {
font-family: Inter, sans-serif;
font-size: 13px;
}
.text-red {
color: #ff0004;
}
.rte-wrap {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border: .0625rem solid var(--borders);
background-color: #fff;
border-radius: .75rem;
flex-direction: column;
align-items: flex-end;
width: 100%;
min-height: 30vh;
margin-bottom: .5rem;
padding-bottom: .75rem;
display: flex;
}
.toolbar {
width: 100%;
}
.rich_form-field_editor {
border: 0rem solid var(--borders);
border-radius: 1rem;
flex: 1;
width: 100%;
padding: 0;
transition: box-shadow .2s;
}
.disclaimer {
opacity: .45;
color: #000;
margin-bottom: 1rem;
font-size: .75rem;
}
.popup {
z-index: 9999;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
text-align: center;
background-color: #fffc;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 5%;
display: none;
position: fixed;
inset: 0%;
}
.logo {
width: 200px;
display: flex;
}
.company-info {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
font-size: 1.25rem;
display: flex;
}
.job-stat {
margin-bottom: .25rem;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
}
.close-listing-form {
margin-bottom: 0;
display: none;
}
.hidden, .filtered-item {
display: none;
}
.toast-wrapper {
z-index: 2147483647;
width: 50%;
min-width: 50vh;
margin-left: auto;
margin-right: auto;
position: fixed;
inset: auto 0 0;
}
.toast-box-c {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #000;
background-color: #6e35f31a;
border: .0625rem solid #c2e2cb;
border-radius: .625rem;
margin-bottom: 1rem;
padding: .4rem;
display: none;
position: relative;
box-shadow: 0 5px .625rem -.3125rem #0000001a;
}
.toast-box-c.red {
background-color: #fbede9;
border-color: #ebc9c1;
}
.toast-box-c.yellow {
background-color: #fef7ea;
border-color: #f5e1bf;
}
.toast-content {
align-items: center;
display: flex;
}
.toast-icon-c {
background-color: var(--accent);
background-image: linear-gradient(to bottom, var(--accent), #4e36b0);
color: #fff;
border-radius: 36%;
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
margin-right: .8rem;
padding: .4rem;
display: flex;
box-shadow: 0 4px .75rem -.25rem #0000004d;
}
.toast-icon-c.red {
background-color: #e4002326;
background-image: linear-gradient(#ef4e2c, #e34f2f);
padding: .15rem .3rem .3rem;
}
.toast-icon-c.yellow {
background-color: #ee9500;
background-image: none;
}
.toast-close-grey {
color: #00000080;
border-radius: .375rem;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
margin-top: auto;
margin-bottom: auto;
padding-top: .5rem;
display: flex;
position: absolute;
inset: 0 .5rem 0 auto;
}
.toast-close-grey:hover {
background-color: #fff;
}
.profile-page-script, .disable-button-script {
display: none;
}
.section_talent-search.padding-global.padding-section-small, .section_talent-search.padding-global.padding-section-small.is-first {
padding-bottom: 0;
}
.section_talent-search.padding-global.padding-section-small.bottom-margin {
padding-bottom: 5rem;
}
.section_talent-search.padding-global.padding-section-small.bottom-margin.bg-change, .section_talent-search.padding-global.padding-section-small.bottom-margin.bg-change.banner-mission {
background-color: #fa6fe200;
padding-bottom: 3rem;
}
.section_talent-search.padding-global.padding-section-small.bottom-margin.bg-change.green {
background-color: #439b6700;
}
.section_talent-search.padding-global.padding-section-small.bottom-margin.bg-change.dark {
background-color: #301f58;
background-image: linear-gradient(180deg, #301f58, var(--light-purple));
color: #121316;
}
.talent-search_image {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.banner {
z-index: 9999;
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
background-color: #ffffffbf;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 5%;
display: flex;
position: fixed;
inset: 0%;
}
.banner_container {
background-color: #fff;
border: .0625rem solid #efedff;
border-radius: 1rem;
max-width: 70rem;
padding: 2rem;
}
.hero_content {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.hero_content.is-center {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.text-highlight {
color: var(--accent);
font-weight: 600;
}
._2-button-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.demo-video {
border: .0625rem solid var(--borders);
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657063629542be7c04dadc07_white%20vidbox.jpg");
background-position: 50%;
background-size: cover;
border-radius: 1rem;
height: 100%;
overflow: hidden;
}
.section {
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.circle-wrapper {
justify-content: center;
align-items: center;
width: 600px;
height: 600px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.circle {
background-color: #180047;
border: 1px solid #2a007c;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.circle.middle {
background-color: #1b0050;
width: 75%;
height: 75%;
inset: auto;
}
.circle.center {
background-color: #1f005d;
width: 50%;
height: 50%;
inset: auto;
}
.person-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 60px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: -5% 0%;
}
.image {
border: 1px solid #6702ff;
border-radius: 50%;
width: 60px;
height: 60px;
}
.menu-button-5 {
padding: 0;
display: none;
}
.div-block-47 {
display: flex;
}
.nav-link-8 {
color: #262626;
background-color: #0000;
border: 1px #0000001a;
border-radius: 100px;
margin-left: 0;
margin-right: 0;
padding: 4px 8px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
transition: background-color .2s;
}
.nav-link-8:hover {
color: #262626;
background-color: #f4f3ef;
}
.nav-link-8:focus {
background-color: #f4f3ef;
}
.nav-link-8.w--current {
background-color: #ffde6a;
margin-right: 10px;
padding-left: 12px;
padding-right: 12px;
}
.seperator {
background-color: #fff3;
border-radius: 10px;
width: 1px;
max-height: 5rem;
}
.div-block-35 {
width: 20px;
height: 20px;
margin-right: 4px;
}
.notification {
background-color: #ff3b30;
border-radius: 20px;
width: .8rem;
height: .8rem;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 0 0 7px #0003;
}
._wf-icon {
object-fit: contain;
width: 11rem;
}
.cloud-left {
z-index: 0;
position: absolute;
}
.text-block-39 {
font-size: 14px;
}
.music-preview {
opacity: 1;
object-fit: cover;
border-radius: 1.2rem;
position: absolute;
inset: 0%;
transform: scale(1);
}
.section-hero {
background-image: none;
background-size: auto;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-bottom: 0;
display: flex;
position: fixed;
inset: auto 0% 2%;
overflow: hidden;
}
.image-55 {
width: 3.375rem;
}
.menu-button-horziontal {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.artist-name {
color: #d44b4bcc;
white-space: nowrap;
font-size: .8rem;
line-height: 1;
}
.navbar_component {
background-color: #0000;
align-items: center;
width: 100vw;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.trash {
object-fit: contain;
width: 3.6rem;
min-width: 3.6rem;
max-height: 5rem;
transition: transform .2s;
}
.trash:hover {
transform: scale(1.05);
}
.dropdown-link-3 {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
align-items: flex-start;
padding: 18px 24px;
font-size: 16px;
font-weight: 500;
transition: background-color .2s;
display: flex;
}
.dropdown-link-3:hover {
background-color: #f4f3ef;
}
.dropdown-link-3.w--current {
color: #262626;
}
.search-icon-png {
color: #262626;
height: 18px;
margin-bottom: 2px;
}
.mobile-tabs_links-wrapper {
z-index: 99;
grid-column-gap: .125rem;
grid-row-gap: .125rem;
opacity: 1;
-webkit-backdrop-filter: blur(8px) saturate(200%);
backdrop-filter: blur(8px) saturate(200%);
background-color: #fffc;
border: 1px solid #e5e5e5;
border-radius: 12px;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: .25rem;
display: flex;
overflow: visible;
box-shadow: 0 12px 16px -4px #14141414, 0 4px 6px -2px #14141408;
}
.mobile-tabs_links-wrapper.long_card {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
}
.mobile-tabs_links-wrapper.long_card.no-drop-bg {
box-shadow: none;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fff3;
border-style: none;
width: 800px;
padding-left: 10px;
padding-right: 10px;
}
.mobile-tabs_links-wrapper.long_card.no-drop-bg.magmaven {
width: 100%;
padding-right: 6px;
}
.menu-button-cross-line {
background-color: #262626;
width: 75%;
height: 2px;
position: absolute;
}
.weather-left {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.app-open-right {
grid-row-gap: .4rem;
flex-direction: column;
align-items: flex-start;
margin-right: 0;
padding-right: 0;
display: flex;
overflow: hidden;
}
.app-open-right.is-music {
grid-row-gap: .2rem;
}
.app-open-right.is-message {
grid-column-gap: 1rem;
flex-direction: row;
}
.music-logo {
width: 2.7rem;
}
.plus-icon {
z-index: 3;
opacity: 0;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #d9d9d9b3;
border-radius: 2rem;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: absolute;
inset: -.3rem -.3rem auto auto;
}
.dot-2 {
background-color: #ffffffb3;
border-radius: 20px;
min-width: 6px;
min-height: 6px;
}
.teams-event-wrapper {
grid-column-gap: .5rem;
align-items: center;
display: flex;
}
.imessage-logo {
width: 3.9rem;
}
.muted {
opacity: .5;
color: #464b51;
text-align: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.muted.small-text {
text-align: left;
margin-top: 0;
font-size: 12px;
line-height: 1.6em;
}
.dropdown-toggle-4 {
grid-column-gap: 3px;
grid-row-gap: 3px;
padding: 0;
display: flex;
}
.find {
align-items: center;
text-decoration: none;
display: flex;
}
.message-image {
cursor: pointer;
width: 3.3rem;
max-width: 3.3rem;
height: 3.3rem;
max-height: 3.3rem;
transition: transform .2s;
display: flex;
position: relative;
}
.message-image:hover {
transform: scale(1.1);
}
.menu-button-wrapper {
justify-content: center;
width: 36px;
height: 48px;
display: flex;
position: relative;
}
.dropdownlist {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
align-items: flex-start;
padding: 18px 24px;
font-size: 16px;
font-weight: 500;
transition: background-color .2s;
display: flex;
}
.dropdownlist:hover {
background-color: #f4f3ef;
}
.dropdownlist.w--current {
color: #262626;
}
.primary-button-text {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 400;
}
.app-and-dot {
grid-column-gap: 1rem;
grid-row-gap: .75rem;
flex-direction: column;
align-items: center;
display: flex;
}
.nav-menu-row {
grid-column-gap: 2px;
grid-row-gap: 2px;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex;
}
.image-50 {
border-radius: 10px;
}
.link-25 {
color: #c9c9c9;
background-color: #dad9f033;
border-radius: .5rem;
margin-left: .6rem;
padding: 3px 1.125rem;
font-size: .75rem;
line-height: 1.4;
text-decoration: none;
transition: background-color .2s;
}
.link-25:hover {
background-color: #e9e5ff4d;
}
.text-block-145 {
color: #7984f2;
}
.menu-button-cross {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.weather {
background-color: #5393ba;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657c7487e11f87f0530db7eb_Clouds.webp");
background-position: 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 1.09375rem;
justify-content: space-between;
align-items: center;
width: 11.25rem;
height: 5rem;
padding-left: 1rem;
padding-right: .7rem;
transition: transform .2s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 1px 4px #0000001a;
}
.weather:hover {
transform: scale(1.05);
}
.trigger-search-modal.nav-link.discrectionary-link {
padding: 4px 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
display: flex;
}
.trigger-search-modal.nav-link.discrectionary-link:hover {
color: #262626;
-webkit-text-stroke-color: #262626;
background-color: #f4f3ef;
border-radius: 20px;
}
.trigger-search-modal.nav-link.discrectionary-link.search {
border: 1px solid #0000001a;
border-radius: 0;
align-items: flex-start;
padding-top: 10px;
padding-bottom: 10px;
}
.trigger-search-modal.nav-link.discrectionary-link.search.sticky-nav {
color: #333;
background-color: #f0f0f0;
border-radius: 0;
margin-left: 0;
margin-right: 0;
text-decoration: none;
}
.image-36 {
height: 40px;
}
.image-51 {
border-radius: 10px;
}
.dropdown-list-11.w--open {
background-color: #fff;
border: 1px solid #0000001a;
min-width: 300px;
margin-left: 80px;
left: 50%;
transform: translate(-50%);
box-shadow: 0 0 12px #0000000d;
}
.dropdown-list-11.mob {
top: auto;
bottom: auto;
}
.dropdown-list-11.mob.w--open {
min-width: 340px;
}
.weather-text {
color: #eee;
font-size: .9rem;
}
.weather-text.is-2 {
color: #fff;
font-size: .9rem;
}
.weather-text.is-3 {
color: #fff;
font-size: 2.5rem;
line-height: 1;
}
.event-line {
background-color: #4852c1;
width: 3px;
height: 1rem;
}
.mobile-tabs_component {
justify-content: center;
padding-top: 1.5rem;
padding-bottom: 0;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.mobile-tabs_component.log-card-container {
width: 100%;
max-width: 1344px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 40px;
}
.div-block-46 {
align-items: center;
width: 80px;
margin-right: 20px;
display: flex;
}
.image-49 {
border-radius: 10px;
}
.menu-button-horizontal-line {
background-color: #262626;
width: 100%;
height: 2px;
}
.button-6 {
color: #fff;
text-align: center;
background-color: #202020;
border-radius: 0;
padding: 12px 24px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
display: block;
}
.button-6.small {
opacity: 1;
font-size: 14px;
overflow: visible;
}
.button-6.small.tertiary {
color: #d15a4f;
background-color: #0000;
border: 1px #000;
border-radius: 0;
font-weight: 600;
}
.button-6.small.tertiary:hover {
color: #fff;
background-color: #202020;
font-weight: 600;
}
.button-6.small.discretionary-button {
border-radius: 0;
}
.button-6.small.discretionary-button.w--current {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
}
.button-6.small.discretionary-button.tertiary {
color: #d15a4f;
background-color: #0000;
border: 1px #0000001a;
margin-left: 10px;
padding-left: 12px;
padding-right: 12px;
font-weight: 600;
}
.button-6.small.discretionary-button.tertiary:hover {
color: #fff;
background-color: #262626;
border-color: #262626;
}
.event-text {
white-space: nowrap;
font-size: .8rem;
}
.event-text.is-music {
font-size: .95rem;
}
.document-logo {
object-fit: contain;
width: 5rem;
min-width: 5rem;
max-height: 5rem;
transition: transform .2s;
}
.document-logo:hover {
transform: scale(1.05);
}
.weather-right {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.brand-logo {
display: block;
}
.brand-logo.w--current {
margin-left: 0;
}
.cloud-rifgt {
z-index: 0;
position: absolute;
right: .9rem;
}
.app-wrapper {
background-color: #fff;
border-radius: 1.2rem;
justify-content: center;
align-items: center;
width: 5rem;
min-width: 5rem;
height: 5rem;
min-height: 5rem;
transition: transform .2s;
display: flex;
position: relative;
box-shadow: 0 1px 4px #0000001a;
}
.app-wrapper:hover {
transform: scale(1.05);
}
.app-wrapper.is-safari {
background-image: linear-gradient(#fefeff, #d2d1d1);
}
.app-wrapper.is-wf {
background-color: #fff0;
padding-top: 0;
padding-bottom: 3px;
padding-right: 0;
}
.app-wrapper.is-wf.site-type-link.new {
padding-left: 0;
}
.app-wrapper.is-music {
background-image: linear-gradient(#fb576f, #fa2941);
padding-top: 0;
padding-bottom: .2rem;
padding-right: .25rem;
}
.app-wrapper.is-messages {
background-image: linear-gradient(#56f06f, #17b733);
}
.app-wrapper.is-teams {
padding-top: 0;
padding-right: 0;
}
.muted-copy {
opacity: .5;
color: #464b51;
text-align: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.muted-copy.small-text {
text-align: left;
margin-top: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.6em;
}
.nav-menu-10 {
flex: 1;
margin-left: 8px;
margin-right: 0;
}
.html-embed-6 {
width: 1.125rem;
height: 1.125rem;
}
.dock {
grid-column-gap: 1.4375rem;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fff3;
border: 1px solid #b9b9b94d;
border-radius: 1.75rem;
flex-wrap: nowrap;
padding: 1.125rem 1.375rem;
display: flex;
}
.dock.reduce-gap {
border-radius: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
}
.app-and-preview {
grid-column-gap: 1rem;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff1a;
border: 1px #f0f0f0;
border-radius: 1.2rem;
justify-content: flex-start;
align-items: center;
width: 15rem;
height: 5rem;
margin-right: 0;
padding-right: 0;
transition: transform .2s;
display: flex;
}
.app-and-preview:hover {
transform: scale(1.05);
}
.image-37 {
width: 100%;
}
.image-37.join-m-copy {
width: 80%;
max-width: 80%;
margin-top: 20px;
margin-bottom: 0;
margin-left: 60px;
padding-bottom: 0;
overflow: visible;
}
.accordion-contents {
padding-top: 18px;
}
.small-text {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
}
.small-text.hint-text {
opacity: .7;
margin-top: 12px;
}
.small-text.hint-text.texts {
margin-top: 0;
}
.small-text.muted {
margin-top: 60px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5em;
}
.small-text.muted.world {
color: #202020;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}
.text-block-63 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.link-9 {
color: #262626;
}
.accordion-item {
border-top: 1px solid #0000001a;
padding-top: 18px;
padding-bottom: 18px;
}
.main-container {
width: 100%;
max-width: 1344px;
margin-left: auto;
margin-right: auto;
padding: 10px;
font-weight: 400;
display: block;
}
.text-block-57 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.create-profile {
color: #fff;
text-align: center;
background-color: #202020;
border-radius: 0;
width: 240px;
padding: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 15px;
font-weight: 600;
display: block;
box-shadow: 0 1px #ffde6a;
}
.underline-link-3 {
grid-column-gap: 3px;
grid-row-gap: 3px;
border-bottom: 1px dashed #262626;
align-items: center;
padding-bottom: 3px;
display: flex;
}
.citizen-platform-1 {
-webkit-backdrop-filter: saturate(200%) blur(8px);
backdrop-filter: saturate(200%) blur(8px);
background-color: #fff;
background-image: none;
background-size: auto;
border: 1px solid #0000001a;
border-radius: 10px;
padding-top: 100px;
padding-bottom: 0;
overflow: hidden;
box-shadow: 0 1px #0000001a;
}
.citizen-platform-1.cards {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #fffc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
transition: transform .3s;
display: grid;
}
.citizen-platform-1.cards:hover {
transform: translate(0, -3px);
}
.section-citizen-card-1 {
padding-top: 40px;
padding-bottom: 20px;
}
.rows {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 384px;
display: grid;
}
.rows.gap-2 {
grid-column-gap: 48px;
grid-row-gap: 48px;
width: 100%;
}
.rows.silver {
margin-left: 20px;
}
.rows.gap-0-5 {
grid-column-gap: 12px;
grid-row-gap: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
}
.medium-heading {
color: #726e67;
margin-bottom: .5em;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 36px;
line-height: 1.15em;
}
.large-text {
color: #262626;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
}
.container---s {
width: 100%;
max-width: 498px;
margin-left: 0;
}
.accordion-title {
cursor: pointer;
justify-content: space-between;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
display: flex;
}
.div-block-42-copy {
margin-top: -12px;
margin-bottom: 0;
padding-top: 0;
overflow: hidden;
}
.modal_hints {
grid-column-gap: 8px;
justify-content: flex-end;
align-items: center;
padding: 0;
display: flex;
}
.modal_link-info {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.modal_category {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.modal_hint {
grid-column-gap: 8px;
justify-content: flex-end;
align-items: center;
padding: 6px;
display: flex;
}
.modal_wrapper {
background-color: #fff;
border-radius: 0;
padding: 1px;
position: relative;
overflow: hidden;
}
.modal_link-logo {
width: 20px;
height: 20px;
}
.modal_border-highlight {
z-index: 1;
background-color: #fff;
background-image: none;
border-radius: 0;
width: 100%;
height: 72px;
position: absolute;
inset: -36px 0% auto;
}
.modal_hint_text {
color: #a0a0a0;
cursor: default;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.modal_hint_text.is--white {
color: #a0a0a0;
cursor: default;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.modal_hint_text.is--close {
cursor: pointer;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.modal_link {
border-top: 1px #000;
border-radius: 8px;
justify-content: space-between;
align-items: center;
padding: 10px 8px;
text-decoration: none;
transition: all 50ms cubic-bezier(.645, .045, .355, 1);
display: flex;
}
.modal_link:hover {
background-color: #f4f3ef;
border-radius: 8px;
}
.modal_link:focus-visible, .modal_link[data-wf-focus-visible] {
outline-offset: 0px;
outline: 1px solid #7c4dff;
}
.modal_hint-divider {
background-color: #343434;
width: 1px;
height: 12px;
}
.modal_close {
grid-column-gap: 8px;
cursor: pointer;
border-radius: 0;
justify-content: flex-end;
align-items: center;
padding: 6px 6px 6px 8px;
transition: all .1s;
display: flex;
}
.modal_close:hover {
background-color: #282828;
}
.modal_top {
justify-content: space-between;
align-items: center;
width: 100%;
padding: 12px;
}
.modal_bottom {
background-color: #fff;
border-top: 1px solid #0000001a;
justify-content: space-between;
align-items: center;
padding: 6px 2px 6px 6px;
display: flex;
}
.modal_link-category {
color: #a0a0a0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13px;
}
.search-modal-k {
z-index: 10;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #16161614;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-left: 32px;
padding-right: 32px;
display: none;
position: fixed;
inset: 0%;
}
.modal_menu {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border-radius: 0;
grid-template-rows: min-content min-content min-content;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 500px;
height: auto;
display: grid;
position: relative;
overflow: hidden;
}
.modal_category-title {
color: #6f6f6f;
margin-top: 0;
margin-bottom: 4px;
padding-left: 8px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
line-height: 100%;
}
.modal_title {
color: #a0a0a0;
cursor: default;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.modal_link-title {
color: #262626;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
line-height: 100%;
}
.modal_content {
grid-row-gap: 8px;
border-top: 1px solid #0000001a;
flex-direction: column;
height: auto;
padding: 8px 4px;
display: flex;
overflow: scroll;
}
.div-block-48 {
width: 20px;
height: 20px;
}
.italic-text-2 {
color: #d15a4f;
font-style: normal;
font-weight: 600;
}
.form-success-2 {
text-align: left;
background-color: #fff;
padding: 18px;
font-size: 14px;
}
.main-container-cta {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 800px;
margin: 40px auto 0;
display: grid;
}
.carousel-image {
object-fit: cover;
border-radius: 12px;
margin-left: auto;
margin-right: auto;
text-decoration: underline;
overflow: hidden;
}
.scramble-text.text-size-xl.text-weight-light {
text-align: left;
text-transform: uppercase;
width: 400px;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 60px;
font-weight: 500;
line-height: 1.1em;
}
.scramble-text.text-size-xl.text-weight-light.light {
text-align: center;
text-transform: none;
opacity: .72;
color: #fff;
text-align: center;
letter-spacing: 0;
text-transform: none;
justify-content: center;
align-items: center;
width: auto;
margin-top: 0;
font-family: Clashdisplay, sans-serif;
font-size: 4rem;
font-weight: 400;
display: flex;
}
.div-block-43 {
display: flex;
}
.citizen-platform {
-webkit-backdrop-filter: saturate(200%) blur(8px);
backdrop-filter: saturate(200%) blur(8px);
background-color: #fff;
background-image: none;
background-size: auto;
border: 1px solid #0000001a;
border-radius: 10px;
min-height: 600px;
padding-top: 120px;
padding-bottom: 0;
overflow: hidden;
box-shadow: 0 1px #0000001a;
}
.fg-container {
max-width: 1344px;
}
.carousel-button {
background-color: #574fff;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.carousel-button.yellow, .carousel-button.blue {
background-color: #0000;
width: 3rem;
height: 3rem;
}
.carousel-button.red {
background-color: #0000;
background-image: none;
background-size: auto;
width: 3rem;
height: 3rem;
padding-left: 0;
padding-right: 0;
}
.fg-padding-global {
max-width: 1344px;
margin: 0 auto 20px;
padding-left: 60px;
padding-right: 60px;
}
.text-block-53-copy {
text-align: center;
margin-top: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.sys-ui {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 44px;
line-height: 1.1em;
}
.sys-ui.ssss {
margin-right: 10px;
font-size: 56px;
}
.sys-ui.ssss.green {
color: #08864f;
}
.sys-ui.text-color {
color: #d15a4f;
font-size: 56px;
}
.sys-ui.ssss {
color: #27272a;
margin-right: 10px;
font-family: "Universal Sans Text 560 520 100", sans-serif;
font-size: 56px;
display: block;
}
.sys-ui.text-color {
color: #d15a4f;
font-size: 56px;
display: none;
}
.carousel-button_overlay {
opacity: .5;
background-color: #574fff;
border-radius: 50%;
width: 2rem;
height: 2rem;
padding-left: 0;
padding-right: 0;
position: absolute;
}
.carousel-button_overlay.yellow {
background-color: #0000;
border: 1px solid #d4e9ff;
border-radius: 10px;
width: 3rem;
height: 3rem;
}
.carousel-button_overlay.blue {
background-color: #0000;
border: 1px solid #ecd8d4;
border-radius: 10px;
width: 3rem;
height: 3rem;
}
.carousel-button_overlay.red {
background-color: #0000;
background-image: none;
background-size: auto;
border: 1px solid #c9e9ce;
border-radius: 10px;
width: 3rem;
height: 3rem;
padding-right: 0;
}
.text-span-14 {
padding-left: 6px;
}
.start-for-free {
box-shadow: none;
color: #fff;
text-align: center;
background-color: #202020;
border-radius: 8px;
padding: 10px 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
display: block;
}
.start-for-free:hover {
background-color: #3f3c38;
}
.text-wrapper {
color: #000;
text-align: center;
max-width: 100%;
}
.form-input {
filter: none;
color: #202020;
text-align: left;
background-color: #0000;
border: 1px solid #0003;
border-radius: 3px;
min-height: 48px;
margin-bottom: 0;
padding: 12px 18px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 1.5em;
transition: border-color .2s;
}
.form-input:hover {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
color: #202020;
background-color: #0000;
border-color: #0a85ff;
}
.form-input:focus {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
color: #202020;
background-color: #0000;
border-color: #262626;
font-size: 14px;
}
.form-input::placeholder {
color: #a09a97;
background-color: #0000;
font-size: 14px;
line-height: 1.5em;
}
.awesome-carousel_wrapper {
perspective: 1000px;
transform-style: preserve-3d;
height: 40vh;
margin-left: 0;
margin-right: 0;
position: relative;
transform: translate3d(0, 0, 1px);
}
.carousel-buttons_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: center;
margin-top: 40px;
margin-bottom: 140px;
padding: 1rem 2rem .125rem;
display: flex;
}
.form-block {
margin-bottom: 0;
}
.homepage-main-container {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 600px;
min-height: 600px;
}
.carousel-image_wrapper {
text-align: center;
width: 100%;
max-width: 588px;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
transform: scale(.6);
}
.carousel-image_wrapper.yellow {
opacity: .9;
transform-style: preserve-3d;
max-width: 97%;
margin-left: 20px;
margin-right: 20px;
left: auto;
right: auto;
transform: translate3d(0, -50px, 50px);
}
.carousel-image_wrapper.blue {
opacity: .8;
max-width: 97%;
margin-left: 20px;
margin-right: 20px;
left: auto;
right: auto;
transform: translate(0, -100px);
}
.carousel-image_wrapper.red {
opacity: 1;
transform-style: preserve-3d;
justify-content: center;
max-width: 97%;
margin-left: 20px;
margin-right: 20px;
display: block;
left: auto;
right: auto;
transform: translate3d(0, 0, 100px);
}
.form-4 {
font-size: 13px;
}
.section-main-container {
min-width: 100%;
max-width: 100%;
min-height: 600px;
max-height: 600px;
margin-bottom: -8px;
padding: 8px;
}
.form-error-2 {
color: #fff;
background-color: #f34c4c;
margin-top: 12px;
padding: 12px 24px;
font-size: 14px;
}
.community-driven {
margin-left: 40px;
margin-right: 40px;
}
.community-driven._41 {
justify-content: center;
align-items: center;
height: 160px;
margin-top: 20px;
display: flex;
}
.div-block-49 {
width: 20px;
height: 20px;
margin-right: 4px;
}
.mobile-tabs_links-wrapper-2 {
z-index: 99;
grid-column-gap: .125rem;
grid-row-gap: .125rem;
opacity: 1;
-webkit-backdrop-filter: blur(8px) saturate(200%);
backdrop-filter: blur(8px) saturate(200%);
background-color: #fffc;
border: 1px solid #e5e5e5;
border-radius: 6px;
align-items: center;
margin-left: 0;
padding: .25rem;
display: flex;
overflow: visible;
box-shadow: 0 12px 16px -4px #14141414, 0 4px 6px -2px #14141408;
}
.find-2 {
align-items: center;
display: flex;
}
.image-56, .image-57 {
border-radius: 10px;
}
.brand-logo-2 {
display: block;
}
.brand-logo-2.w--current {
margin-left: 10px;
}
.div-block-50 {
align-items: center;
width: 80px;
margin-right: 20px;
display: flex;
}
.image-58 {
border-radius: 10px;
}
.image-59 {
border-radius: 20px;
height: 40px;
}
.no-bottom-margin {
color: #262626;
text-align: center;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.no-bottom-margin.left {
text-align: left;
font-size: 13px;
font-style: normal;
}
.no-bottom-margin.left.normal {
font-weight: 300;
}
.no-bottom-margin.left.normal.big {
font-size: 24px;
}
.marquee_color {
background-color: #ab88fd;
border-radius: 2rem;
flex: none;
width: 12.5rem;
height: 100%;
margin-right: 1rem;
}
.marquee_color.orange {
background-color: #ff7837;
width: 3.5rem;
}
.marquee_color.green {
background-color: #00c74e;
width: 7.5rem;
}
.marquee_color.red {
background-color: #fe6b6b;
width: 3.5rem;
}
.marquee_color.yellow {
background-color: #ffd84a;
}
.marquee_color.cyan {
background-color: #63e5e1;
width: 7.5rem;
}
.div-block-51 {
display: flex;
}
.roses {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 800px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.main-container-2 {
width: 100%;
max-width: 1344px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
font-weight: 400;
display: block;
}
.showcase_marquee_list {
flex: none;
height: 100%;
}
.marquee_chat {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #fff;
border-radius: 20rem;
flex: none;
justify-content: center;
align-items: center;
height: 50px;
margin-right: 1rem;
padding: .75rem;
font-size: .85rem;
font-weight: 500;
display: flex;
}
.showcase_controls_play {
flex-flow: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: none;
}
.showcase_controls_pause {
flex-flow: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.citizen-platform-2 {
-webkit-backdrop-filter: saturate(200%) blur(8px);
backdrop-filter: saturate(200%) blur(8px);
background-color: #fff;
background-image: none;
background-size: auto;
border: 1px solid #0000001a;
border-radius: 10px;
padding-top: 80px;
padding-bottom: 0;
overflow: hidden;
box-shadow: 0 1px #0000001a;
}
.italic-text {
text-decoration: line-through;
}
.showcase_marquee_flex {
align-items: flex-end;
height: 100%;
display: flex;
position: relative;
}
.columns {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.columns.auto {
grid-template-columns: auto;
grid-auto-columns: auto;
}
.columns.no-grid {
display: block;
}
.meme {
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.section-4 {
padding-top: 72px;
padding-bottom: 72px;
}
.section-4.bg-light {
background-color: #0000;
}
.section-4.bg-light.anime {
padding-bottom: 0;
}
.section_showcase {
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 30vh;
padding-top: 3rem;
padding-bottom: 2rem;
display: flex;
overflow: hidden;
}
.marquee_chat-img {
width: 2rem;
height: 2rem;
}
.button-9 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
letter-spacing: -.014em;
background-color: #fff;
border: 1.5px solid #fff;
border-radius: 100rem;
justify-content: center;
align-items: center;
padding: .5rem;
font-size: 1.125rem;
font-weight: 500;
line-height: 1;
transition: all .4s;
display: flex;
}
.button-9:hover {
box-shadow: 0 0 .5rem .25rem #00000014;
}
.button-9:active {
box-shadow: none;
}
.section--main {
padding-top: 60px;
padding-bottom: 0;
}
.showcase_marquee_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.column-logo {
max-height: 24px;
display: block;
}
.column-logo.centre {
max-height: 36px;
}
.start-for-free-2 {
color: #fff;
text-align: center;
background-color: #202020;
border-radius: 0;
width: 160px;
padding: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 15px;
font-weight: 600;
display: block;
box-shadow: 0 1px #ffde6a;
}
.showcase_marquee_track {
flex: none;
display: flex;
}
.sun {
background-color: #efcd55;
border-radius: 7em;
flex: none;
width: 1.8em;
height: 1.8em;
}
.balloon-body {
justify-content: center;
align-items: center;
width: 1.3em;
height: 1.6em;
display: flex;
position: relative;
top: 0;
}
.head {
z-index: -1;
background-color: #d91110;
border-radius: 100% 100% 100% 10%;
width: .3em;
height: .3em;
position: absolute;
top: -1%;
transform: rotate(135deg);
box-shadow: inset 0 0 20px 4px #4d0000;
}
.clouds {
z-index: 2;
position: absolute;
inset: 0%;
}
.clouds._2 {
z-index: 0;
opacity: .5;
bottom: 17%;
}
.button-shadow {
z-index: 26;
background-color: #0000;
border-radius: 8em;
justify-content: flex-start;
align-items: center;
width: 6em;
height: 2.25em;
padding: .25em;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
box-shadow: inset 2px 3px 4px #1635524f, -2px -4px 3px -1px #55555585, 0 5px 2px -1px #fff, 1px 5px 3px #fff, inset 0 5px 10px #00000052, inset 0 10px 20px #0003, inset 0 8px 20px -4px #0003;
}
.cloud {
background-color: #fff;
border-radius: 100%;
width: 1.8em;
height: 1.8em;
position: absolute;
inset: auto -12% 1% auto;
}
.cloud._6 {
bottom: -65%;
right: 59%;
}
.cloud._8 {
right: -7%;
}
.cloud._5 {
width: 1.5em;
height: 1.5em;
bottom: -48%;
right: 45%;
}
.cloud._5.low {
width: 1.6em;
height: 1.6em;
bottom: -50%;
}
.cloud._7 {
width: 1.6em;
height: 1.6em;
bottom: -59%;
right: 73%;
}
.cloud._7.low {
bottom: -71%;
}
.cloud._4 {
width: 1em;
height: 1em;
bottom: -31%;
right: 35%;
}
.cloud._3 {
width: 1.5em;
height: 1.5em;
bottom: -46%;
right: 17%;
}
.cloud._3.low {
bottom: -35%;
right: 19%;
}
.cloud._2 {
width: 1.3em;
height: 1.3em;
bottom: -14%;
right: 5%;
}
.cloud._2.low {
right: 8%;
}
.section-5 {
background-color: #d9dee9;
justify-content: center;
align-items: center;
width: 100%;
height: 100dvh;
display: flex;
}
.edges-of-the-star {
transform-origin: 50% 100%;
border-bottom: .8em solid #fff;
border-left: .2em solid #0000;
border-right: .2em solid #0000;
position: absolute;
inset: -.6em auto auto 0%;
transform: rotate(-45deg);
}
.edges-of-the-star._33 {
inset: auto 0% .2em auto;
transform: rotate(135deg);
}
.edges-of-the-star._44 {
inset: auto auto .2em 0%;
transform: rotate(-135deg);
}
.edges-of-the-star._22 {
inset: -.6em 0% auto auto;
transform: rotate(45deg);
}
.stars {
z-index: 9;
position: absolute;
inset: 0%;
}
.the-band {
z-index: 6;
background-color: #000;
border-radius: 100em 100em 30em 30em;
width: 1px;
height: .4em;
margin-left: -.25em;
position: absolute;
bottom: -14%;
transform: rotate(5deg);
}
.the-band._2 {
margin-left: .2em;
transform: rotate(-5deg);
}
.the-band._4 {
height: .3em;
margin-left: 0;
margin-right: -.4em;
bottom: -16%;
transform: rotate(-5deg);
}
.the-band._3 {
height: .3em;
margin-left: -.4em;
bottom: -16%;
}
.the-band._1 {
margin-left: -.2em;
}
.halo-wrap {
z-index: 1;
border-radius: 7em;
flex: none;
justify-content: center;
align-items: center;
width: 1.8em;
height: 1.8em;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
}
.moon {
background-color: #cbcfd5;
border-radius: 7em;
flex: none;
width: 1.8em;
height: 1.8em;
position: relative;
left: -66px;
}
.moon.circle-shadow {
left: 0;
box-shadow: 2px 6px 10px #0003, inset 3px 5px 16px -2px #ffffff8f, inset 3px 4px 10px #ffffffba, inset -1px -2px 10px -2px #00000042, inset -2px -5px 10px -5px #0003;
}
.button-wrap {
z-index: 900;
cursor: pointer;
background-color: #509be2;
border-radius: 8em;
width: 6em;
height: 2.25em;
padding: .25em;
position: relative;
overflow: hidden;
box-shadow: inset 2px 3px 4px #1635524f, -2px -4px 3px -1px #55555585, 0 5px 2px -1px #fff, 1px 5px 3px #fff, inset 0 5px 10px #00000052, inset 0 10px 20px #0003, inset 0 8px 20px -4px #0003;
}
.balloon-top {
background-color: #d91110;
border-radius: 100em 100em 100em 39em;
width: 1.3em;
height: 1.3em;
position: absolute;
transform: rotate(-45deg);
box-shadow: inset 0 2px 20px #d9dee9;
}
.seat {
z-index: 10;
background-color: #003a63;
border-radius: 0 0% 30% 30%;
width: .5em;
height: .3em;
position: absolute;
bottom: -25%;
box-shadow: inset 0 8px 18px -5px #509be2;
}
.seat._2 {
z-index: 11;
background-color: #012036;
border-radius: 8em;
width: .54em;
height: .1em;
bottom: -10%;
box-shadow: inset 0 3px 15px -5px #509be2;
}
.circle-shadow {
z-index: 3;
border-radius: 7em;
flex: none;
justify-content: center;
align-items: center;
width: 1.8em;
height: 1.8em;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
box-shadow: 2px 6px 10px #0003, inset 3px 5px 16px -2px #ffffff8f, inset 3px 4px 10px #ffffffba, inset -1px -2px 10px -2px #00000042, inset -2px -5px 10px #0003;
}
.band {
z-index: 3;
background-color: #4d0000;
border-radius: 100em 100em 30em 30em;
width: .45em;
height: .23em;
position: absolute;
bottom: 3%;
box-shadow: 0 -1px 9px -2px #4d0000;
}
.balloon-wrap-2 {
z-index: 1;
font-size: 75px;
position: absolute;
top: auto;
left: 8em;
}
.fireeee-ballloon {
z-index: 20;
background-color: #fff200;
border-radius: 100% 100% 100% 10%;
width: .18em;
height: .18em;
position: absolute;
bottom: -2%;
transform: rotate(135deg);
box-shadow: inset 0 0 0 4px #ff8f66;
}
.nav {
z-index: 9999;
width: 100%;
position: fixed;
inset: 0% 0% auto;
}
.fireeee {
z-index: -1;
background-color: #fff200;
border-radius: 100% 100% 100% 10%;
width: .3em;
height: .3em;
position: absolute;
bottom: -18%;
transform: rotate(-45deg);
box-shadow: inset 0 0 0 7px #ff8f66;
}
.fireeee._2 {
width: .4em;
height: .4em;
bottom: -20%;
}
.rocket-body {
justify-content: center;
align-items: center;
width: .5em;
height: 1.2em;
font-size: 60px;
display: flex;
position: absolute;
}
.rocket-wrap {
z-index: 1;
justify-content: center;
align-items: center;
width: .3em;
height: .6em;
display: flex;
position: absolute;
top: .8em;
left: 2.6em;
}
.main-wrap {
justify-content: center;
align-items: center;
font-size: 160px;
display: flex;
}
.rocket-main {
background-color: #d91010;
border-radius: 100% 100% .1em .1em;
justify-content: center;
align-items: center;
width: .6em;
height: 1.2em;
display: flex;
position: absolute;
box-shadow: inset 5px 0 20px #4d0000;
}
.halo {
z-index: 1;
background-color: #ffffff17;
border-radius: 7em;
flex: none;
width: 3.6em;
height: 3.6em;
position: absolute;
inset: auto;
}
.halo._3 {
width: 7.5em;
height: 7.5em;
}
.halo._2 {
width: 5.5em;
height: 5.5em;
}
.whole {
z-index: 4;
background-color: #d91110;
border-radius: 100%;
width: .42em;
height: .2em;
position: absolute;
bottom: -1%;
}
.button-10 {
background-color: #000;
border: 2px solid #000;
border-radius: 100px;
padding: 12px 24px;
font-size: 16px;
transition: all .8s cubic-bezier(.215, .61, .355, 1);
}
.button-10:hover {
background-color: #001035;
border: 2px solid #fb9d00;
}
.balloon-center {
z-index: 3;
background-color: #ff9100;
border-radius: 100%;
width: .5em;
height: 1.3em;
position: absolute;
box-shadow: inset 0 0 20px 6px #efcd55;
}
.star-base {
background-color: #fff;
width: 1em;
height: 1em;
position: absolute;
inset: 12% auto auto 45%;
transform: rotate(45deg)scale(.16);
}
.star-base._10 {
top: 43%;
left: 6%;
transform: rotate(45deg)scale(.05);
}
.star-base._7 {
top: 25%;
left: 16%;
transform: rotate(45deg)scale(.1);
}
.star-base._2 {
top: 2%;
left: 37%;
transform: rotate(45deg)scale(.06);
}
.star-base._4 {
top: 43%;
left: 46%;
transform: rotate(45deg)scale(.09);
}
.star-base._5 {
top: 57%;
left: 37%;
transform: rotate(45deg)scale(.12);
}
.star-base._9 {
top: 9%;
left: 1%;
transform: rotate(45deg)scale(.09);
}
.star-base._8 {
top: -5%;
left: 9%;
transform: rotate(45deg)scale(.15);
}
.star-base._6 {
top: 61%;
left: 10%;
transform: rotate(45deg)scale(.1);
}
.star-base._11 {
top: 58%;
left: 2%;
transform: rotate(45deg)scale(.07);
}
.star-base._3 {
top: 33%;
left: 32%;
transform: rotate(45deg)scale(.07);
}
.balloon-wrap {
z-index: 1;
box-shadow: none;
font-size: 75px;
position: absolute;
top: auto;
left: 8em;
}
.craters {
background-color: #a2a6b8;
border-radius: 100%;
width: .68em;
height: .68em;
position: absolute;
inset: auto auto 20% 15%;
box-shadow: 0 0 3px #fff, inset 1px 2px 5px #0003;
}
.craters._3 {
width: .4em;
height: .4em;
bottom: 20%;
left: 63%;
}
.craters._2 {
width: .35em;
height: .35em;
bottom: 71%;
left: 38%;
}
.bott {
background-color: #d91110;
width: 90%;
height: 4%;
position: absolute;
bottom: -2%;
box-shadow: inset 0 2px 5px #4d0000;
}
.bott._2 {
width: 70%;
bottom: -5%;
}
.window {
background-color: #e0e0e0;
border: .03em solid #4d0000;
border-radius: 100%;
width: .3em;
height: .3em;
position: absolute;
top: 15%;
box-shadow: inset 0 12px 9px 2px #0003;
}
.sun-moon-wrap {
z-index: 2;
border-radius: 100%;
justify-content: flex-start;
align-items: center;
width: 1.8em;
height: 1.8em;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
overflow: hidden;
}
.sun-moon {
z-index: 21;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 1.8em;
display: flex;
position: relative;
}
.div-block {
justify-content: center;
align-items: center;
margin-top: 28px;
display: flex;
}
.wing {
background-color: #d91110;
border-top-left-radius: 100%;
border-bottom-right-radius: 30%;
width: .5em;
height: .4em;
position: absolute;
inset: auto auto -2% -.32em;
transform: rotate(-30deg);
box-shadow: inset 0 4px 20px -3px #4d0000;
}
.wing.left {
z-index: -1;
}
.wing.right {
z-index: -1;
transform-style: preserve-3d;
left: auto;
right: -.32em;
transform: rotateX(0)rotateY(180deg)rotateZ(0)rotate(-30deg);
}
.heading {
font-family: "Universal Sans Display 380 380 100", sans-serif;
font-size: 4rem;
font-weight: 500;
}
.heading.centre {
color: #121316e6;
text-align: center;
width: 100%;
font-family: Inter, sans-serif;
font-size: 44px;
font-weight: 700;
line-height: 1.3;
}
.heading.centre.right {
text-align: left;
font-size: 3rem;
}
.heading.centre.left {
color: #ffffffe6;
text-align: left;
font-size: 3rem;
}
.heading.centre.left.dark {
color: #121316e6;
}
.heading.centre.left.dark.small-text {
color: #09090b;
font-size: 1rem;
}
.heading.centre.light {
color: #ffffffe6;
}
.heading.centre.left-side {
text-align: left;
}
.heading.body-content {
font-size: 2rem;
font-weight: 300;
}
.heading.big {
font-size: 4rem;
}
.heading.white {
color: #fff;
}
.toggle_wrap {
background-color: #622ba7;
border-radius: 100vw;
width: 4rem;
height: 1.6rem;
padding: .2rem;
}
.toggle_inner {
background-color: #f3f3f3;
border-radius: 100vw;
width: 2.3rem;
height: 100%;
margin-left: 0;
}
.section-6 {
padding: 2%;
position: relative;
}
.section-6.is-hero {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
min-height: 100vh;
padding-top: 14.3rem;
display: flex;
}
.header_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
align-items: end;
width: 100%;
display: grid;
}
.header_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 29rem;
margin-left: auto;
display: flex;
}
.button-11 {
color: #f3f3f3;
text-align: center;
background-color: #622ba7;
border-radius: 100vw;
min-width: 10rem;
padding: .6rem 1.2rem;
}
.header_img {
aspect-ratio: 3 / 2;
background-color: #000;
border-radius: .5rem;
margin-top: 3rem;
}
.nav_right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.link_item {
padding: 2.2rem .8rem;
}
.link_item.w--current {
text-decoration: underline;
}
.logo-2 {
letter-spacing: 0;
font-size: 1.5rem;
font-weight: 600;
line-height: 1;
}
.nav_menu {
justify-content: flex-end;
align-items: center;
display: flex;
}
.section-7 {
padding: 2%;
position: relative;
}
.section-7.is-nav {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: #fff0;
justify-content: space-between;
align-items: center;
padding-top: 0%;
padding-bottom: 0%;
display: flex;
}
.section-7.is-hero {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
min-height: 100vh;
padding-top: 14.3rem;
display: flex;
}
.nav_wrap {
z-index: 1000;
background-color: #fff0;
position: absolute;
inset: 0% 0% auto;
}
.featured-card {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657e03026907aa00fc60d84c_igor-surkov-hFHN9sFr8G8-unsplash.jpg");
background-position: 0 25%;
background-size: auto;
height: 1008px;
}
.featured-card.talent {
background-image: none;
height: 600px;
}
.featured-card.talent.startup {
height: 900px;
}
.background-video {
height: 867px;
}
.person-image-copy {
border-radius: 20px;
width: 20%;
max-width: 35rem;
position: absolute;
top: 12.4rem;
bottom: auto;
left: 40%;
}
.person-image-copy.is-employer {
width: 45%;
max-width: 40.625rem;
left: 50%;
}
.person-image-copy-1 {
border-radius: 20px;
width: 25%;
max-width: 35rem;
position: absolute;
top: 19.2rem;
bottom: auto;
left: 75%;
}
.person-image-copy-1.is-employer {
width: 45%;
max-width: 40.625rem;
left: 50%;
}
.bold-text {
font-weight: 400;
}
.image-60 {
height: 30px;
}
.button-12 {
color: #f3f3f3;
text-align: center;
background-color: #622ba7;
border-radius: 100vw;
min-width: 10rem;
padding: .6rem 1.2rem;
}
.your-toggle-element {
background-color: #622ba7;
border-radius: 100vw;
width: 4rem;
height: 1.6rem;
padding: .2rem;
}
.left {
align-items: center;
width: 600px;
display: flex;
}
.right {
justify-content: flex-end;
align-self: auto;
align-items: center;
width: 200px;
height: 48px;
margin-left: 0;
display: flex;
}
.div-block-52 {
background-image: none;
background-size: auto;
height: 100%;
min-height: 100%;
padding-left: 0;
padding-right: 0;
}
.section-8 {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657e2e61993824f0370a90fe_Main.png");
background-position: 0 0;
background-size: auto;
height: 1000px;
min-height: 1010px;
}
.section-8.for-entrepreneurs {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658006c467e648d16d9eb3cf_Main%20(1).png");
background-position: 0%;
}
.section-8.for-freelancers {
background-color: #121316;
background-image: none;
background-size: auto;
}
.text-block-146 {
color: #fafafcbf;
}
.text-block-147 {
text-transform: capitalize;
}
._2-grid-copy {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 0;
padding-top: 120px;
display: block;
}
._2-grid-copy.is-tight {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.featured-content {
margin-top: 0;
padding-left: 24px;
padding-right: 24px;
}
.featured-content.working {
padding-left: 0;
padding-right: 0;
}
.featured-content.working._1 {
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 24px;
}
.featured-content.working._1._2 {
margin-top: 0;
margin-bottom: 0;
display: block;
}
.featured-content.working.small-card {
padding-left: 0;
padding-right: 0;
}
.featured-content.working.platform {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.rl-navbar_loop {
background-color: #d8d5d100;
border-radius: .5rem;
flex: 1;
align-items: center;
margin-top: 40px;
margin-left: 0;
margin-right: 0;
padding-top: .75rem;
padding-bottom: .75rem;
display: flex;
overflow: hidden;
}
.rl-navbar_loop.fore-entrepreneurs {
height: 360px;
margin-top: 0;
}
.rl-navbar_loop-text-wrapper {
flex-wrap: nowrap;
flex: none;
margin-right: 16px;
font-size: .875rem;
display: flex;
}
.rl-navbar_loop-text-wrapper.for-entrepreneurs {
border: 1px #000;
border-radius: 14px;
height: 100%;
}
.rl-navbar_loop-text {
letter-spacing: .05rem;
text-transform: uppercase;
flex: 1;
font-weight: 500;
display: flex;
}
.card_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.card_arrow_wrapper {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 24px;
font-size: .8rem;
transition: transform .2s linear;
display: flex;
position: absolute;
}
.card_arrow_wrapper.left {
display: block;
}
.card_arrow_wrapper.right {
display: flex;
}
.card_arrow-icon {
color: #c6daf7;
background-color: #121316;
border-radius: 6rem;
width: 5em;
height: 5em;
}
.card_arrow-icon.left {
color: #121316;
-webkit-text-stroke-color: #121316;
background-color: #40434f;
font-size: .7rem;
}
.card_arrow-icon.right {
font-size: .7rem;
}
.card_image-wrapper {
background-color: #c6daf7;
border-radius: 16px;
width: 100%;
height: 100%;
max-height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.card_image-wrapper.left {
background-color: #121316;
border-radius: 16px;
inset: 0% 0% auto;
}
.card-image {
z-index: 1;
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 100%;
display: block;
}
.card {
border-radius: .25rem;
flex-direction: column;
flex: 25%;
justify-content: center;
align-items: center;
width: 100%;
height: 32em;
transition: filter .6s cubic-bezier(.645, .045, .355, 1), opacity .6s cubic-bezier(.645, .045, .355, 1), flex-basis .6s cubic-bezier(.645, .045, .355, 1);
display: flex;
position: relative;
overflow: hidden;
}
.card:hover {
flex-basis: 100%;
}
.padding-section-medium-copy {
background-color: #fff;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-section-medium-copy.is-footer {
padding-bottom: 2rem;
}
.padding-global-copy {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.container-large-copy {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.card_component-copy {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
._1, .image-61 {
width: 50px;
height: 50px;
}
.div-block-53 {
margin-bottom: 20px;
}
.image-png {
z-index: 1;
object-fit: cover;
border-radius: 16px;
width: 347px;
height: 100%;
padding-top: 24px;
padding-bottom: 24px;
display: block;
}
.card-image-copy {
z-index: 1;
object-fit: cover;
border-radius: 16px;
min-width: 270px;
height: 100%;
display: block;
}
.bold-text-2 {
font-weight: 300;
}
.bold-text-3 {
color: #84889a;
font-weight: 500;
}
.bold-text-3.company {
color: #93a4f8;
}
.frame-349 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.vectors-wrapper {
color: #fff;
object-fit: cover;
background-color: #2e2e2e;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 1px;
display: flex;
}
.vectors-wrapper.company {
background-color: #3868f682;
}
.region---businesses-growing-on-their-terms {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1843px;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.region---businesses-growing-on-their-terms.company {
color: #082c9b;
}
.group---1-of-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #15181e;
border-radius: 6.08px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 8px;
display: flex;
}
.group---1-of-4.company {
background-color: #00027a;
}
.svg {
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 16px;
padding: 1px;
display: flex;
}
.vectors-wrapper-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4.22628px;
height: 5.21293px;
display: flex;
}
.vectors-wrapper-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 5.33337px;
height: 5.33333px;
display: flex;
}
.vectors-wrapper-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 14px;
height: 6.6667px;
display: flex;
}
.group---1-of-4-click-connect-and-unlock-capital {
color: #fafafc;
letter-spacing: .1px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 20.28px;
}
.svg-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 2px;
display: flex;
}
.vectors-wrapper-5 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
display: flex;
}
.svg-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 3px 1px;
display: flex;
}
.vectors-wrapper-6 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 13.3333px;
height: 10.6667px;
display: flex;
}
.svg-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding-left: 2px;
padding-right: 2px;
display: flex;
}
.vectors-wrapper-7 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 12.9921px;
height: 15.6825px;
display: flex;
}
.flex-row-outer {
justify-content: space-between;
align-items: center;
display: flex;
}
.flex-row-outer.get-started-content.content-box {
justify-content: space-between;
}
.div-block-54 {
width: 260px;
height: 60px;
padding-top: 0;
}
.div-block-11 {
height: 80px;
}
.flex-price-wrap {
flex-flow: column wrap;
place-content: stretch space-around;
align-items: stretch;
display: flex;
}
.flex-price-wrap.grid-type-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
justify-items: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.div-block-3, .div-block-4 {
height: 80px;
}
.div-block-8 {
width: 80px;
}
.white-card {
box-shadow: none;
background-color: #0000;
border: 1px solid #0000;
border-radius: 0;
width: 100%;
min-height: 200px;
padding: 0;
}
.white-card.height {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
min-height: auto;
display: flex;
}
.div-block-5 {
height: 80px;
}
.price-name {
color: #000;
letter-spacing: 0;
width: 200px;
min-width: 200px;
margin-bottom: .33em;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.price-box-tall {
background-color: #fff;
border: 1px solid #0000001a;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
width: 48rem;
margin-top: -1rem;
margin-bottom: 1rem;
padding: .5em 1em 0;
transition: border-color .2s;
display: flex;
}
.price-box-tall:hover {
border-color: #000;
}
.price-box-tall.w--current {
background-color: #fff;
border-width: 2px;
border-color: #f8ea92;
margin-top: 0;
margin-bottom: 2rem;
padding-top: .5em;
padding-bottom: 0;
}
.price-box-tall.recruit {
background-color: #212122;
border-style: solid;
border-radius: 16px;
width: 24em;
height: 400px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.price-box-tall.recruit:hover {
background-color: #9b81d40d;
border-color: #0000001a;
}
.price-box-tall.recruit.w--current {
border-width: 1px;
border-color: var(--light-purple);
border-radius: 16px;
}
.price-box-tall.talent {
background-color: #212122;
border-radius: 16px;
flex-direction: column;
justify-content: space-between;
width: 24em;
height: 400px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
display: flex;
}
.price-box-tall.talent:hover {
background-color: #9b81d40d;
border-color: #0000001a;
}
.price-box-tall.talent.w--current {
border-width: 1px;
border-color: var(--light-purple);
border-radius: 16px;
}
.div-block-6, .div-block-7 {
width: 80px;
}
.div-block-10 {
height: 80px;
}
.tab-radio-button {
color: #b6a2a2;
-webkit-text-stroke-color: #fd8f8f;
background-color: #464646;
border: 2px solid #0000001a;
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
inset: auto 15px 15px auto;
}
.tab-radio-button.active {
opacity: 1;
background-color: #fff;
border-style: none;
border-radius: 50%;
overflow: visible;
}
.div-block-9 {
height: 80px;
}
.price-button {
color: #fff;
text-align: center;
background-color: #4401ff;
border-radius: 50px;
margin-top: 1em;
padding: .8em 1.5em;
font-size: 15px;
font-weight: 700;
line-height: 1.6em;
text-decoration: none;
transition: background-color .3s;
display: block;
}
.price-button:hover {
background-image: linear-gradient(#0003, #0003);
box-shadow: 0 10px 20px -5px #1810635c;
}
.price-button.margin-top {
color: #fff;
background-color: #353c8b;
border: 1px #4f4f63;
border-radius: 14px;
margin-top: 0;
margin-bottom: auto;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
}
.price-button.margin-top:hover {
box-shadow: none;
outline-offset: 0px;
border: 3px #9a9ad81a;
outline: 3px #cbcff1;
}
.price-button.margin-top {
background-color: var(--light-purple);
color: var(--light);
border: 1px #0000001a;
border-radius: 14px;
justify-content: center;
align-items: center;
height: 56px;
margin-top: 2rem;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
display: flex;
}
.price-button.margin-top:hover {
background-color: var(--applicant-dashboard);
color: var(--light);
background-image: none;
}
.price-description {
color: #676767;
text-align: center;
width: 200px;
margin-top: 0;
padding-right: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
}
.price-table {
justify-content: center;
margin-top: 0;
display: flex;
}
.tabs-content {
height: auto;
margin-bottom: 0;
}
.price-box-tall-2 {
background-color: #fff;
border: 1px solid #0000001a;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
width: 48%;
margin-top: 0;
margin-bottom: 0;
padding: 2em 1em 1em;
transition: border-color .2s;
display: flex;
}
.price-box-tall-2:hover {
border-color: #000;
}
.price-box-tall-2.w--current {
color: #ffbb38;
background-color: #fff;
border-width: 2px;
border-color: #ffbb38;
margin-top: -1px;
margin-bottom: -1px;
}
.trigger-text {
grid-column-gap: .5em;
justify-content: center;
align-items: center;
margin-top: 1em;
font-size: .7em;
line-height: 2em;
display: flex;
}
.lock-icon {
justify-content: center;
align-items: center;
width: 1.6em;
height: 1.6em;
margin-bottom: .2em;
display: flex;
}
.center-text {
text-align: center;
}
.price-modifier {
color: #676767;
font-size: 12px;
font-weight: 400;
line-height: 1.1em;
}
.price-name-2 {
color: #000;
letter-spacing: 2px;
margin-bottom: .33em;
font-size: 17px;
font-weight: 700;
}
.white-card-2 {
background-color: #fff;
border: 1px solid #eee;
border-radius: 10px;
width: 100%;
min-height: 200px;
padding: 2em;
box-shadow: 0 50px 30px -10px #0000001a;
}
.text-grey {
color: #676767;
}
.flex-price-wrap-2 {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.price-h2 {
margin-bottom: 5px;
font-size: 2em;
}
.big-price {
color: #000;
font-size: 2.5em;
font-weight: 500;
line-height: 1.4em;
}
.recommended {
color: #fff;
text-align: center;
letter-spacing: .5px;
background-color: #ffbb38;
border-radius: 100px;
width: 110px;
margin-left: auto;
margin-right: auto;
font-size: .75em;
font-weight: 600;
position: absolute;
inset: -1em 0% auto;
}
.price-icon {
background-color: #f9fbfc;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-bottom: 1em;
margin-right: .8em;
padding: .4em;
display: flex;
}
.price-icon.black {
color: #000;
}
.price-description-2 {
color: #676767;
margin-top: auto;
padding-right: 25px;
font-size: 14px;
}
.div-copper-c-pjlv {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1920px;
height: 1080px;
display: flex;
}
.div-copper-c-itzpat {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1920px;
height: 1080px;
padding: 8px;
display: flex;
}
.div-copper-c-pjlv-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657eeff7809726613231ad47_Screenshot%202023-12-17%20at%206.25.22%20PM.png");
background-position: 50%;
background-size: contain;
border-radius: 18px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 24px;
display: flex;
}
.div-copper-c-kafkac {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 84em;
min-height: 965.99px;
padding-left: 232px;
padding-right: 232px;
display: flex;
}
.div-copper-c-jvtjtt {
grid-column-gap: 187px;
grid-row-gap: 187px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 258px;
padding-bottom: 258px;
display: flex;
}
.form-card {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff0;
border-radius: 32px;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
height: 600px;
margin-top: 0;
margin-left: 0;
padding: 0;
display: flex;
}
.sign-up-card {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: auto;
margin: auto 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-copper-c-pjlv-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
}
.get-started-title {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 2px;
padding-bottom: 2px;
display: flex;
}
.title-text-get-started {
color: #000c;
letter-spacing: 0;
text-indent: 0;
text-transform: none;
column-count: 0;
font-family: Inter, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 40px;
}
.span-copper-c-pjlv-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 1px;
padding-bottom: 1px;
display: flex;
}
.error-638f3a58-ef02-c073-1785-60649274cad2 {
color: #73767c;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 19.6px;
}
.text-2 {
color: #12141a;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 19.6px;
}
.form {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 460px;
margin-top: 0;
display: flex;
position: relative;
}
.form.type-of-user {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
display: flex;
}
.form.columns {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 20px;
}
.div-copper-c-pjlv-5 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-copper-c-pjlv-6 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.text-3 {
color: #606778;
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
}
.presentation-copper-c-jwymot {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #ffffff03;
border: 1px solid #cad0db;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 10px 15px;
display: flex;
}
.input {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 361px;
display: flex;
}
.text-4 {
color: #7b8499;
font-size: 14px;
font-weight: 400;
}
.div-copper-c-pjlv-7 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.input-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
display: flex;
}
.text-5 {
color: #7b8499;
font-size: 13px;
font-weight: 400;
}
.button-13 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #12141a;
border-radius: 9999px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 9px 16px;
text-decoration: none;
display: flex;
position: absolute;
top: 161.59px;
left: 0;
box-shadow: 0 12px 24px #12141a1f, 0 4px 8px #12141a0a;
}
.text-6 {
color: #fff;
text-align: center;
letter-spacing: .588px;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
}
.or-message-box {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-items: center;
margin-top: 20px;
padding-left: 60px;
display: flex;
}
.text-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding-top: 1px;
padding-bottom: 1px;
text-decoration: none;
display: flex;
position: relative;
}
.text-link.close-button {
justify-content: center;
width: 40px;
height: 40px;
position: absolute;
inset: 3% 2% auto auto;
}
.text-cta {
color: var(--blue);
-webkit-text-stroke-color: var(--purple);
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 19.6px;
text-decoration: none;
}
.vectors-wrapper-8 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
margin-top: 2px;
display: flex;
position: absolute;
top: -.2px;
left: 40px;
}
.vectors-wrapper-8.sign-up {
left: 48px;
}
.div-copper-c-fyiqvg {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 48px;
padding-bottom: 48px;
display: flex;
}
.div-carousel {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-radius: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 14px 0;
display: flex;
position: relative;
}
.div-slider-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
border: 0 solid #d8dde6;
border-left-width: 1px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 25px 0 25px 60px;
display: flex;
}
.list-item-verma-farms-svg {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.vectors-wrapper-9 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 200px;
height: 40px;
display: flex;
}
.list-item-founder-ceo {
color: #7b8499;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
}
.vectors-wrapper-10 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 6px;
height: 6px;
display: flex;
position: absolute;
top: 309.94px;
left: 66px;
}
.vectors-wrapper-11 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 6px;
height: 6px;
display: flex;
position: absolute;
top: 309.94px;
left: 84px;
}
.vectors-wrapper-12 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 6px;
height: 6px;
display: flex;
position: absolute;
top: 309.94px;
left: 102px;
}
.vectors-wrapper-13 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 6px;
height: 6px;
display: flex;
position: absolute;
top: 309.94px;
left: 120px;
}
.onboarding {
background-color: #fff0;
border: 1px solid #eeeff1;
border-radius: 16px;
justify-content: center;
align-items: center;
max-width: 100%;
margin: 0;
padding: 10px;
display: flex;
position: absolute;
inset: 10%;
}
.onboarding.work {
border-style: none;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin: 0 2.5rem;
padding: 60px 0;
position: static;
inset: 0%;
}
.onboarding-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
max-width: 54em;
margin-left: 0;
margin-right: 0;
display: grid;
}
.onboarding-card.full {
grid-template-columns: 1fr;
justify-content: stretch;
min-width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.text-size-medium-2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
}
.heading-small {
font-size: 1.25rem;
line-height: 1.4;
}
.heading-small.is-overview {
color: #202020;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.overview_tab-pane {
background-color: #e9eaed;
border-radius: 16px;
padding: 0;
}
.icon-wrapper {
color: #057a73;
background-color: #f0f0f5;
border-radius: 100rem;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
padding: .25rem;
display: flex;
}
.icon-wrapper.is-padding {
margin-right: .5rem;
transition: all .18s cubic-bezier(.39, .575, .565, 1);
}
.overview-tab_item {
background-color: #0000;
border-bottom: 2px #f2f2f3;
align-items: center;
margin-bottom: -2px;
margin-left: 1rem;
margin-right: 1rem;
padding: 1rem;
display: flex;
}
.overview-tab_item.w--current {
background-color: #0000;
}
.overview_feature-grids {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.overview_grid {
grid-column-gap: 3rem;
grid-row-gap: 1rem;
border-bottom: 1px #000;
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: .6fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-right: -10rem;
display: grid;
}
.divider {
border-bottom: 1px solid #f0f0f5;
width: 100%;
height: 1px;
}
.icon-embed {
justify-content: center;
align-items: center;
display: flex;
}
.heading-medium {
font-size: 2rem;
line-height: 1.2;
}
.overview_product-top {
color: #057a73;
align-items: center;
margin-bottom: .25rem;
font-weight: 500;
display: flex;
}
.overview_product-item {
background-color: #fafafc00;
border-radius: .7255rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.overview_product-item:hover {
background-color: #fafafc;
}
.overview-tabs_menu {
background-color: #fff;
border: 1px solid #0000001a;
border-radius: 6px;
justify-content: center;
display: flex;
}
.arrow-link_icon {
height: 1rem;
margin-left: .6rem;
}
.overview_image {
border-radius: .5rem;
width: 100%;
}
.page-padding {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.overview_tab-content {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
border-radius: 3px;
margin-top: 1rem;
}
.section_home-hero-copy-copy {
margin-left: auto;
margin-right: auto;
}
.padding-section-medium-copy-copy {
background-color: #fff;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-section-medium-copy-copy.is-footer {
padding-bottom: 2rem;
}
.padding-global-copy-copy {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global-copy-copy.horizontal {
display: flex;
}
.container-large-copy-copy {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.div-block-57 {
background-color: #fff;
border-radius: 0;
padding-top: 0;
padding-left: 24px;
padding-right: 24px;
}
.heading-2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.more-image_5 {
border-radius: 100rem;
width: 120px;
margin-top: -8rem;
}
.more-image_2 {
border-radius: 100rem;
width: 120px;
}
.arrow-link {
color: #057a73;
align-items: center;
font-weight: 500;
display: flex;
}
.home_more-bottom {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 120%;
margin: 4rem auto -3rem -9%;
display: grid;
}
.home_more-bottom.is-badges {
grid-column-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
margin: 0 0 -1rem 1rem;
}
.text-size-medium-3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
}
.home_more-card {
background-color: #e9eaed;
border-radius: 1rem;
overflow: hidden;
}
.home_more-card.blue {
background-color: #3d57da;
}
.home_more-card.black {
background-color: #1c1d22;
}
.more-image_8 {
border-radius: 100rem;
width: 160px;
margin-top: -2.5rem;
margin-left: -1.5rem;
}
.home_more-top {
border-radius: 1rem;
padding: 2rem;
}
.more-image_4 {
border-radius: 100rem;
width: 120px;
}
.more-image_3, .more-image_1 {
border-radius: 100rem;
width: 120px;
margin-top: -3.5rem;
}
.heading-xmedium {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.2;
}
.heading-xmedium.white {
color: var(--light);
}
.more-image_6 {
border-radius: 100rem;
width: 160px;
}
.more-image_7 {
border-radius: 100rem;
width: 160px;
margin-top: -3.5rem;
transform: rotate(-20deg);
}
.home_more-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 16px;
display: grid;
}
.home_more-grid._4-col {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.body {
background-color: #f8f8f800;
}
.padding-section-medium-mission {
background-color: #f4f5f6;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-section-medium-mission.is-footer {
padding-bottom: 2rem;
}
.horizontal-small-cards {
justify-content: space-between;
display: flex;
}
.unbiased {
background-color: #f4f5f6;
width: 100%;
}
.resources {
background-color: #121316;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-top: 5rem;
padding-bottom: 5rem;
}
.resources.is-footer {
padding-bottom: 2rem;
}
.resource-div {
background-color: #121316;
width: 100%;
}
.bold-text-4 {
color: #84889a;
text-align: left;
}
.text-span-15 {
color: #8bbfff;
font-size: 4rem;
}
.text-span-15.freelancer {
color: #84889a;
font-size: 4rem;
}
.entrepreneur-section {
background-color: #09090b;
width: 100%;
}
.entrepreneur-section.theme {
background-color: #121316;
}
.entrepreneur-section.absolute {
background-color: #09090b00;
position: absolute;
inset: auto 0% 0%;
}
.entrepreneur-wrapper {
background-color: #09090b;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 5rem;
padding-bottom: 5rem;
}
.entrepreneur-wrapper.is-footer {
padding-bottom: 2rem;
}
.entrepreneur-wrapper.theme {
background-color: #121316;
}
.entrepreneur-wrapper.white {
background-color: #fff;
padding-top: 0;
}
.entrepreneur-wrapper.white.no-bottom {
background-color: #fff0;
padding-bottom: 0;
}
.for-entrepreneurs {
border-radius: 14px;
}
.standard-tab {
opacity: .7;
color: #fffc;
background-color: #0000;
justify-content: center;
align-items: center;
width: 60px;
margin-left: 5px;
margin-right: 5px;
padding-bottom: 16px;
font-size: 15px;
display: flex;
}
.standard-tab.w--current {
opacity: 1;
color: #fff;
background-color: #0000;
position: relative;
}
.text-span-2 {
color: #fff9;
}
.div-block-58 {
justify-content: space-between;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.tabs-menu-2 {
justify-content: flex-end;
align-items: stretch;
max-width: 380px;
margin-left: auto;
margin-right: 40px;
padding-bottom: 80px;
display: flex;
position: absolute;
inset: auto 0% 10%;
}
.slider-heading {
z-index: 9;
color: #fff;
text-align: left;
letter-spacing: -.03em;
max-width: 800px;
margin-left: 0;
margin-right: auto;
padding-left: 40px;
font-size: 60px;
line-height: 68px;
position: relative;
}
.slider-heading.small-text {
z-index: 9;
letter-spacing: 0;
max-width: 650px;
margin-right: 0;
padding-left: 0%;
font-size: 12px;
line-height: 60px;
}
.slider-heading.mob {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 40px;
font-weight: 400;
}
.load-bar-base {
background-color: #fff3;
max-width: 60px;
height: 4px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
}
.tabs {
width: 100%;
max-height: 530px;
}
.tab-pane-tab-3 {
max-height: 530px;
}
.slider-base {
justify-content: center;
align-items: center;
min-height: 100vh;
padding-top: 280px;
display: block;
}
.tab-pane, .tab-pane-tab-2 {
max-height: 530px;
}
.content-section-copy {
background-color: #f8faff00;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 80rem;
max-height: 530px;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
overflow: hidden;
}
.tab-image {
width: 34px;
margin-right: 12px;
}
.tabs-content-2 {
max-height: 530px;
overflow: visible;
}
.tab-pane-tab-4 {
max-height: 530px;
}
.load-bar {
background-color: #fff;
width: 0%;
height: 4px;
}
.slider-background {
background-color: #121316;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6580308576cabbfba1c059ae_Group%20-%201%20of%206.png");
background-position: 50% 0;
background-size: cover;
border-radius: 16px;
width: 100%;
position: absolute;
inset: 0%;
}
.slider-background.background-03 {
background-image: linear-gradient(#0000001a, #0009), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65802f99d5cab0208aa9d271_13.webp");
}
.slider-background.background-02 {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658030de7367791cbdeb1e21_Group%20-%201%20of%207.png");
background-position: 50% 0;
background-size: cover;
}
.slider-background.background-02._4 {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6580311923a542d972004be1_Group%20-%201%20of%203.png");
background-position: 50% 0;
background-size: contain;
}
.text-block-148, .text-block-149 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.welcome {
justify-content: flex-start;
align-items: center;
display: flex;
}
.welcome.vertical {
display: block;
}
.dashboard-cards {
border: .0625rem solid var(--borders);
background-color: #fff;
border-radius: 12px;
padding: 1.5rem;
}
.dashboard-cards.views {
background-color: var(--transparent);
border-style: solid;
}
.dashboard-cards.views.no-border {
border-style: none;
}
.dashboard-cards.views.no-border.right-side {
justify-content: flex-end;
display: flex;
}
.dashboard-cards.no-border {
border-style: none;
margin-top: 2rem;
padding-left: 0;
padding-right: 0;
}
.dashboard-cards.no-border.centre {
padding-left: 0;
}
.sub-dash {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .8rem;
}
.image-62 {
height: 30px;
}
.text-block-150 {
color: #6f6e6e;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.member-card {
background-color: #e7e7e700;
border-bottom: 1px #eeeff1;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 60px;
margin-top: 0;
padding: 6px 8px 6px 6px;
display: flex;
}
.member-card:hover {
background-color: #e7e7e700;
border-radius: 8px;
}
.member-name {
text-align: left;
justify-content: space-between;
align-items: center;
margin-left: 10px;
padding-left: 0;
display: block;
}
.text-block-151 {
color: var(--light);
text-transform: uppercase;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .8rem;
font-weight: 700;
}
.analytics-tab {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
._7d.w--current {
border-radius: 20px;
}
.tab {
color: #9ba2b0;
background-color: #ddd0;
border: 1px solid #efefef00;
border-radius: 0;
margin-right: 0;
padding: 8px 20px;
font-family: Inter, sans-serif;
font-size: 18px;
}
.tab.w--current {
border-style: none none solid;
border-color: var(--dark) var(--dark) #14171f;
color: #14171f;
background-color: #ecf1fc00;
border-radius: 0;
margin-right: 0;
padding-top: 8px;
padding-bottom: 8px;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 500;
}
.tabs-content-3 {
margin-top: 0;
}
.grid {
grid-template-columns: 1.5fr .75fr;
grid-template-areas: ". Area"
". Area";
}
.content-card-dashboard {
grid-template-rows: auto auto;
grid-template-columns: 1.5fr;
}
.content-card-dashboard._1-grid {
grid-template-rows: auto;
grid-template-columns: .25fr;
}
.impressions {
border: .0625rem solid var(--borders);
border-radius: .75rem;
display: flex;
}
.impressions.gap {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.impressions.gap.blocker {
background-color: var(--borders);
height: 1080px;
}
.impressions.gap.blocker.padding {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.impressions.gap.blocker.light {
background-color: var(--light);
margin-top: 0;
}
.feature-label {
justify-content: flex-start;
display: flex;
}
.text-block-152 {
border-color: #09090b33;
}
.text-block-153 {
color: var(--light);
}
.skills-list-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
width: 150px;
height: 40px;
display: flex;
}
.title-text {
margin-top: 0;
font-size: 28px;
font-weight: 600;
line-height: 35px;
}
.slider-container-2 {
flex-wrap: nowrap;
max-width: 58rem;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
overflow: auto;
}
.skills-card {
z-index: 1;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding: 10px 30px;
display: flex;
position: relative;
}
.link-block-2 {
z-index: 1;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 350px 30px 30px;
display: flex;
position: relative;
}
.grey-mini-text {
color: #6e6e73;
text-transform: uppercase;
height: 20px;
margin-bottom: 5px;
font-size: 12px;
font-weight: 600;
}
.small-red {
color: #bf4801;
height: auto;
font-size: 13px;
font-weight: 400;
line-height: 30px;
}
._20vw-div {
flex: none;
width: 22vw;
margin-right: 0;
}
.slide-bg {
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slide-bg.contain {
object-fit: contain;
height: 50%;
margin-top: 70px;
}
.slide-bg.contain.gap {
width: 50px;
height: 50px;
margin-top: 0;
margin-bottom: 0;
left: auto;
right: auto;
}
.long-box {
background-color: #fff;
border-radius: 20px;
flex: none;
justify-content: center;
align-items: center;
width: 313px;
height: 500px;
margin-right: 15px;
transition: all .3s;
display: block;
position: relative;
overflow: hidden;
box-shadow: 0 -1px 20px #6e6e731a;
}
.long-box:hover {
transform: scale(1.01);
box-shadow: 0 -1px 20px #6e6e7340;
}
.color-swatch-container {
justify-content: center;
align-items: center;
width: 100%;
height: 12px;
margin-bottom: 20px;
display: flex;
position: absolute;
inset: auto 0% 140px;
}
.skills-wrapper---slider {
display: flex;
}
.slide-text-container {
z-index: 1;
color: #1d1d1f;
padding: 30px;
position: relative;
}
.color-swatch {
height: 100%;
margin-left: 3px;
margin-right: 3px;
}
.price-tag {
color: #333;
text-align: left;
margin-top: 30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .8rem;
font-weight: 600;
position: absolute;
bottom: 10px;
}
.price-tag:hover {
color: #333;
}
.slide-box {
background-color: #fff;
border-radius: 20px;
flex: none;
justify-content: center;
align-items: center;
width: 400px;
height: 500px;
transition: all .3s;
display: block;
position: relative;
overflow: hidden;
box-shadow: 0 -1px 20px #6e6e731a;
}
.slide-box:hover {
transform: scale(1.01);
box-shadow: 0 -1px 20px #6e6e7340;
}
.slide-box.margin-right {
margin-right: 15px;
}
.mini-text {
color: #1d1d1f;
margin-bottom: 1px;
font-weight: 600;
position: relative;
}
.mini-text.align-left {
text-align: left;
letter-spacing: .2px;
}
.skills-slider {
display: flex;
}
.text-block-154 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.text-block-155 {
float: none;
clear: none;
aspect-ratio: auto;
color: var(--background-grey);
width: 240px;
font-family: Inter, sans-serif;
font-size: 14px;
overflow: hidden;
}
.anaytics-content {
border-radius: 8px;
margin-top: 20px;
}
.anaytics-content.independent {
border: 1px #000;
border-radius: 5px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.anaytics-content.independent.no-margin {
border-style: none;
border-radius: 8px;
padding: 0;
}
.container {
align-self: auto;
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding-top: 15vh;
padding-left: 0;
display: block;
}
.text-block-156 {
margin-top: 84px;
}
.ms-boxes {
max-width: 500px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.ms-boxes.used-in-code {
max-width: 100%;
margin-bottom: 94px;
}
.ms-button-svg {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.ms-button-svg.drag {
opacity: .5;
width: 18px;
}
.ms-button-svg.down {
width: 28px;
height: 28px;
margin: -10px -10px -10px -3px;
}
.ms-input-label {
color: #121331;
margin-bottom: 5px;
font-weight: 700;
}
.ms-box {
grid-column-gap: 6px;
color: #121331;
cursor: move;
background-color: #fff;
border: 1px solid #12133140;
border-radius: 5px;
align-items: center;
width: 100%;
min-height: 40px;
margin-bottom: 6px;
padding: 8px 12px 8px 6px;
font-weight: 400;
transition: box-shadow .2s, border-color .2s;
display: flex;
position: relative;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-box:hover {
z-index: 2;
box-shadow: none;
border-color: #2962ff;
}
.ms-box::placeholder {
color: #909090;
}
.ms-box.over {
background-color: #f2f3fa;
border-style: solid;
border-color: #0067d9;
}
.ms-box.over.used-in-code {
background-color: #fff;
}
.ms-navbar-spacer {
height: 80px;
}
.ms-toggle-wrap {
width: 50px;
height: 34px;
margin-bottom: 15px;
position: relative;
}
.ms-toggle-wrap.is-small {
width: 42px;
height: 26px;
}
.ms-toggle-wrap.is-row {
width: 100%;
height: 26px;
margin-bottom: 0;
}
.ms-toggle-wrap.small {
width: 42px;
height: 26px;
}
.ms-toggle-wrap.row {
width: 100%;
height: 26px;
margin-bottom: 0;
}
.ms-toggle-dot {
z-index: 1;
background-color: #fff;
border-radius: 50%;
width: 28px;
height: 28px;
margin-top: 3px;
transition: left .2s;
position: absolute;
left: 3px;
box-shadow: 0 1px 5px #0003;
}
.ms-toggle-dot.w--redirected-checked {
background-color: #fff;
background-image: none;
left: 39px;
}
.ms-toggle-dot.is-small {
width: 20px;
height: 20px;
}
.ms-toggle-dot.is-icon {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f903_nightlight_black_24dp.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 12px;
}
.ms-logo {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #121331;
flex-direction: row;
justify-content: center;
align-items: center;
height: 60px;
font-size: 11px;
display: flex;
}
.ms-container {
max-width: 100%;
padding-bottom: 3%;
padding-left: 3%;
padding-right: 3%;
}
.ms-container.is-navbar {
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 80px;
padding-bottom: 0%;
display: flex;
}
.ms-button-svg-2 {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.ms-button-svg-2.is-down {
width: 28px;
height: 28px;
margin: -10px -10px -10px -3px;
}
.ms-button-svg-2.is-drag {
opacity: .5;
width: 18px;
}
.ms-toggle-label {
z-index: 2;
white-space: nowrap;
justify-content: flex-start;
align-items: center;
padding-left: 65px;
font-weight: 700;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
}
.ms-toggle-label.is-small {
padding-top: 0;
padding-left: 54px;
}
.ms-toggle-label.is-row {
width: 100%;
padding-left: 55px;
}
.ms-toggle-label.is-empty {
padding-left: 50px;
}
.ms-logo-placeholder {
opacity: .6;
}
.ms-input {
color: #121331;
background-color: #fff;
border: 1px solid #12133140;
border-radius: 5px;
min-height: 40px;
margin-bottom: 20px;
padding: 8px 12px;
transition: box-shadow .2s, border-color .2s;
position: relative;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-input:hover {
z-index: 2;
box-shadow: none;
border-color: #2962ff;
}
.ms-input::placeholder {
color: #909090;
}
.ms-input.is-logo {
min-height: 24px;
margin-bottom: 0;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
}
.ms-input.is-overlapping {
padding-top: 10px;
padding-bottom: 6px;
}
.ms-input.has-right-icon {
padding-right: 40px;
}
.ms-input.has-right-icon.has-dropdown.w--open {
margin-bottom: 5px;
}
.ms-input.is-top {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: -1px;
}
.ms-input.is-outer {
width: 100%;
padding: 0;
display: flex;
}
.ms-input.has-left-icon {
padding-left: 38px;
}
.ms-input.has-https {
padding-left: 62px;
}
.ms-input.has-button-right {
border-right-style: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ms-input.is-bottom {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ms-input.is-left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 50%;
margin-right: -1px;
}
.ms-input.is-inner {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
margin-bottom: 0;
}
.ms-input.is-middle {
border-radius: 0;
margin-bottom: -1px;
}
.ms-input.is-middle.is-left, .ms-input.is-middle.is-right {
width: 100%;
}
.ms-input.is-disabled {
cursor: not-allowed;
background-color: #f5f5f5;
}
.ms-input.is-disabled:hover {
border-color: #c5c5c5;
}
.ms-input.is-inset {
min-height: 60px;
padding-top: 20px;
padding-bottom: 0;
}
.ms-input.ms-text-area {
min-height: 80px;
}
.ms-input.ms-text-area.is-inset {
padding-top: 30px;
}
.ms-input.nice-select {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.ms-input.is-right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 50%;
}
.ms-input.is-fake-token {
background-color: #0000;
width: 40px;
height: 50px;
}
.ms-nav-menu {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.ms-navlink {
padding: 15px;
}
.ms-icon-logo {
color: #0000;
margin-left: -4px;
}
.ms-button-flex {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.ms-button {
color: #fff;
text-align: center;
letter-spacing: .03em;
background-color: #2962ff;
border: 1px solid #2962ff;
border-radius: 8px;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 13px 16px 11.5px;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
position: relative;
top: 0;
box-shadow: 1px 1px 5px #ffffff40, 0 10px 20px -5px #2d3e504d;
}
.ms-button:hover {
box-shadow: none;
color: #fff;
background-color: #1051b9;
transform: translate(0, 2px);
}
.ms-button:active {
background-color: #0a3092;
}
.ms-button.is-small {
border-radius: 6px;
height: auto;
padding: 7px 16px;
font-size: 14px;
transform: perspective(1000px);
}
.ms-button.is-outline {
color: #2962ff;
background-color: #0000;
background-image: none;
background-size: auto;
border: 2px solid #2962ff;
position: relative;
top: 0;
left: 0;
box-shadow: 1px 1px 3px #ffffff80, 0 10px 15px -5px #2d3e5026;
}
.ms-button.is-outline:hover {
box-shadow: none;
color: #fff;
background-color: #356af0;
}
.ms-button.is-outline:active {
background-color: #0f42c3;
box-shadow: inset 0 0 0 2px #0f42c3;
}
.ms-button.is-light {
color: #070e27;
background-color: #fff;
background-image: none;
background-position: 0 0;
background-size: auto;
border: 1px solid #dbe2eb;
box-shadow: 0 1px 3px #ffffff40, 0 10px 20px -5px #2d3e5026;
}
.ms-button.is-light:hover {
box-shadow: none;
color: #1051b9;
background-color: #fff;
border-color: #1051b9;
}
.ms-button.is-light:active {
color: #fff;
background-color: #356af0;
}
.ms-button.is-delete {
color: #d1263c;
background-color: #fff;
border-color: #d1263c;
}
.ms-button.is-delete.is-solid {
color: #fff;
background-color: #d1263c;
}
.ms-toggle-bg {
z-index: 0;
background-color: #e2e2e2;
border-radius: 100px;
width: 50px;
transition: background-color .2s;
position: absolute;
inset: 0%;
}
.ms-toggle-bg.is-small {
width: 42px;
height: 26px;
}
.ms-navbar-trigger {
z-index: -1;
height: 100vh;
position: absolute;
top: 0;
left: 0%;
right: 0%;
}
.ms-instruction-option {
background-color: #fff;
border: 1px solid #f5f5f5;
border-top-style: none;
border-radius: 0 0 10px 10px;
justify-content: space-around;
align-items: center;
width: 220px;
height: 35px;
padding-left: 15px;
position: absolute;
inset: 100% 0% auto auto;
}
.ms-navbar-shadow {
z-index: -1;
opacity: 0;
position: absolute;
inset: 0%;
box-shadow: 0 5px 20px #0003bd0d;
}
.ms-logo-text {
font-weight: 700;
}
.ms-logo-flex {
grid-column-gap: 8px;
color: #121331;
align-items: center;
display: flex;
}
.ms-navbar {
background-color: #fff;
border-bottom: 1px solid #f8f8f8;
position: fixed;
inset: 0% 0% auto;
}
.ms-cursor {
background-color: #121331;
width: 1px;
position: absolute;
inset: 6px 50px 6px auto;
}
.ms-radio-row {
grid-column-gap: 3%;
grid-row-gap: 3%;
flex-wrap: wrap;
justify-content: space-between;
display: flex;
position: relative;
}
.ms-how-drawer {
background-color: #f8f8f8;
border-radius: 16px;
width: 100%;
margin-top: -10px;
margin-bottom: 20px;
overflow: hidden;
}
.ms-how-drawer.for-radio {
margin-top: 10px;
}
.ms-wf-class {
color: #fff;
background-color: #1684f6;
border-radius: 2px;
padding: 5px 7px 3px;
font-size: 13px;
font-weight: 400;
line-height: 1.2em;
display: inline-block;
box-shadow: 1px 1px 3px #060c7e80;
}
.search-result {
z-index: 2;
flex: none;
align-items: center;
width: 100%;
margin-bottom: .25rem;
padding-top: .3rem;
padding-bottom: .2rem;
padding-left: .7rem;
line-height: 1.4em;
display: flex;
position: relative;
}
.search-result:hover {
border-color: #1200ee;
position: relative;
box-shadow: 0 20px 30px -10px #00000021;
}
.search-result.noresults {
display: none;
}
.search-result.results {
order: 2;
}
.ms-margin-auto {
margin-left: auto;
margin-right: auto;
}
.ms-code {
background-color: #fff;
padding: 10px;
font-family: Inconsolata, monospace;
}
.ms-custom-css {
background-color: #e0e0e0;
justify-content: center;
align-items: center;
min-height: 60px;
font-size: 16px;
font-style: italic;
display: flex;
}
.ms-dropdown-wrap {
margin-left: 0;
margin-right: 0;
}
.ms-pill-radio {
display: none;
}
.ms-tooltip-anchor {
z-index: 100;
background-color: #0000;
justify-content: center;
width: 100%;
height: 10px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 12px;
display: flex;
position: absolute;
inset: 100% 0% 0;
}
.ms-tooltip-anchor.w--open {
background-color: #0000;
display: flex;
}
.ms-tooltip-anchor.is-top {
align-items: flex-end;
padding-top: 0;
padding-bottom: 12px;
display: none;
inset: auto 0% 100%;
}
.ms-tooltip-anchor.is-top.w--open {
display: flex;
}
.ms-dropdown-cb {
z-index: 3;
cursor: pointer;
border-color: #0000;
border-radius: 6px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: inline-block;
position: absolute;
inset: 0%;
}
.ms-dropdown-cb:hover {
background-color: #0000000d;
}
.ms-dropdown-cb.w--redirected-checked {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f905_noun_Close_3610311.svg"), linear-gradient(#ffffffe6, #ffffffe6), linear-gradient(#2962ff, #2962ff);
background-position: 90%, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: 14px, auto, auto;
border-width: 2px;
border-color: #2962ff;
border-radius: 6px;
width: 100%;
height: 100%;
}
.ms-dropdown-cb.no-x.w--redirected-checked {
background-image: linear-gradient(#ffffffe6, #ffffffe6), linear-gradient(#2962ff, #2962ff);
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: auto, auto;
}
.ms-hidden-embed {
z-index: -1;
opacity: 0;
height: 0;
max-height: 0;
position: fixed;
}
.ms-button-cb {
z-index: 3;
cursor: pointer;
border-style: solid;
border-color: #b7bbd1;
border-radius: 6px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: inline-block;
position: absolute;
inset: 0%;
}
.ms-button-cb:hover {
border-color: #000;
}
.ms-button-cb.w--redirected-checked {
color: #121331;
background-color: #0000;
background-image: linear-gradient(#ffffffe6, #ffffffe6), linear-gradient(#2962ff, #2962ff);
background-position: 0 0, 0 0;
background-size: auto, auto;
border-width: 2px;
border-color: #2962ff;
border-radius: 6px;
width: 100%;
height: 100%;
}
.ms-toggle-checkbox {
display: none;
}
.ms-input-outer {
flex-wrap: wrap;
width: 100%;
display: flex;
}
.ms-iframe {
z-index: 2147483647;
justify-content: flex-end;
align-items: flex-end;
height: 70px;
display: flex;
position: fixed;
inset: auto auto 0% 0%;
}
.ms-loom {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
border-radius: 10px;
margin-bottom: 12px;
overflow: hidden;
}
.ms-tooltip-wrapper {
color: #112953;
text-align: left;
background-color: #fafbfe;
border: 1px solid #d8e3f0;
border-radius: 10px;
width: 300px;
font-size: 11.5px;
font-weight: 400;
line-height: 1.5em;
display: block;
position: absolute;
box-shadow: 1px 1px 8px 1px #2d3e501f;
}
.ms-tooltip-wrapper.width-200 {
width: 210px;
}
.ms-dropdown-padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
padding: 19px;
font-size: 16px;
line-height: 1.6em;
display: flex;
}
.ms-input-left {
color: #12133140;
border-right: 1px solid #c5c5c5;
min-height: 40px;
padding: 9px 12px 8px;
}
.ms-input-left::placeholder {
color: #12133140;
}
.ms-input-wrap {
padding: 0;
display: flex;
position: relative;
}
.ms-input-wrap.is-overlapping {
margin-top: 10px;
}
.ms-input-wrap.is-token {
grid-column-gap: 10px;
width: 300px;
margin-bottom: 10px;
}
.ms-radio-button-tab {
color: #121331;
border: 1px solid #12133140;
border-radius: 6px;
padding: 8px 16px;
font-weight: 700;
}
.ms-tooltip-dropdown {
margin-left: 0;
margin-right: 0;
position: relative;
inset: 0%;
}
.ms-tooltip-dropdown.is-inline {
margin-top: 10px;
margin-left: 10px;
display: inline-block;
}
.ms-pill-item {
flex-wrap: wrap;
margin-bottom: 0;
padding-left: 0;
position: relative;
}
.ms-dropdown-cb-wrap {
z-index: 2;
flex: none;
align-items: center;
width: 100%;
margin-bottom: .25rem;
padding-top: .3rem;
padding-bottom: .2rem;
padding-left: .7rem;
line-height: 1.4em;
display: flex;
position: relative;
}
.ms-dropdown-cb-wrap:hover {
border-color: #1200ee;
position: relative;
box-shadow: 0 20px 30px -10px #00000021;
}
.ms-input-dropdown-wrap {
width: 100%;
}
.ms-radio-color {
z-index: 1;
background-color: #eff3fd;
border-color: #1213311a;
width: 30px;
height: 30px;
margin-top: 1px;
position: relative;
}
.ms-radio-color.w--redirected-checked {
outline-offset: -8px;
border-width: 1px;
border-color: #1213310d;
outline: 4px solid #fff;
}
.ms-radio-color.is-color-3 {
background-color: #779afa;
}
.ms-radio-color.is-color-2 {
background-color: #5481fc;
}
.ms-radio-color.is-color-5 {
background-color: #d3ddf8;
}
.ms-radio-color.is-color-4 {
background-color: #a5bbf5;
}
.ms-radio-color.is-color-6 {
background-color: #2245e2;
}
.ms-svg {
z-index: 3;
color: #12133140;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
position: absolute;
inset: 10px auto auto 10px;
}
.ms-svg.is-right {
left: auto;
right: 10px;
}
.ms-svg.is-right.is-editted {
color: #fff;
background-color: #2962ff;
border-radius: 50%;
width: 22px;
height: 22px;
top: 7px;
right: 10px;
}
.ms-svg.is-left {
color: #909090;
position: absolute;
inset: 10px auto 0% 10px;
}
.ms-svg.is-radio-card {
z-index: 2;
color: #2962ff;
width: 20px;
height: 22px;
display: none;
top: 17px;
left: auto;
right: 12px;
}
.ms-page-wrap {
outline-offset: 0px;
color: #121331;
outline: 3px #333;
width: 100%;
max-width: 100vw;
min-height: 100vh;
line-height: 1.5em;
overflow: hidden;
}
.ms-switch-bg {
z-index: 0;
background-color: #f5f5f5;
border-radius: 8px;
transition: background-color .2s;
position: absolute;
inset: 0%;
}
.ms-rich_form-field_editor {
background-color: #fff;
border: 0 #b7bbd1;
flex: 1;
width: 100%;
margin-bottom: 10px;
padding: 0;
font-size: 16px;
transition: box-shadow .2s;
}
.ms-checkbox-wrap {
align-items: flex-start;
margin-bottom: 10px;
display: flex;
}
.ms-input-inline {
z-index: 3;
position: absolute;
inset: 10px auto auto 12px;
}
.ms-table-text-left {
width: 33%;
margin-right: auto;
}
.ms-table-list {
z-index: 1;
color: #121331;
background-color: #fff;
border: 1px solid #c3c3cb;
flex-wrap: wrap;
width: 100%;
margin-bottom: -1px;
padding: 10px 20px 10px 40px;
font-weight: 700;
display: flex;
position: relative;
}
.ms-table-list.is-bottom {
border-bottom-style: solid;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.ms-table-list.is-top {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ms-radio-card-botton {
margin-top: 12px;
display: inline-block;
}
.ms-dropdown {
z-index: 10;
background-color: #0000;
border: 0 solid #000;
width: 70px;
height: 40px;
padding-left: 6px;
padding-right: 6px;
position: absolute;
inset: 0% 6px 0% auto;
}
.ms-dropdown.is-leading {
z-index: 3;
width: 50px;
padding-right: 0;
left: 0;
}
.ms-dropdown-bold {
font-size: 1.2em;
font-weight: 700;
}
.ms-link {
color: #2962ff;
}
.ms-password-wrap {
z-index: 4;
position: absolute;
inset: -20px 0 auto auto;
}
.ms-radio-wrap {
align-items: flex-start;
padding-top: 8px;
display: flex;
position: relative;
}
.ms-radio-wrap.is-row {
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
}
.ms-radio-wrap.is-image {
width: 48%;
}
.ms-radio-wrap.is-card {
padding-left: 0;
}
.ms-radio-wrap.is-table {
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
}
.ms-radio-wrap.is-button {
padding-left: 0;
}
.ms-range-slider {
align-items: center;
width: 100%;
margin-bottom: 45px;
display: flex;
}
.ms-header {
padding-top: 6vh;
padding-bottom: 4vh;
}
.ms-relative {
position: relative;
}
.ms-tooltip-container {
z-index: 3;
background-color: #fafbfe;
border-radius: 9px;
padding: 16px;
font-size: 12.5px;
position: relative;
}
.ms-tooltip-container.is-10 {
padding: 10px;
}
.ms-text-color-grey {
opacity: .7;
}
.ms-dropdown-cb-label {
z-index: 3;
color: #121331;
width: 100%;
position: relative;
}
.ms-hide {
display: none;
}
.ms-switch-option.is-dark {
color: #121331;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f903_nightlight_black_24dp.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 12px;
padding-left: 18px;
}
.ms-drag-color {
margin-left: auto;
}
.ms-table-text-middle {
text-align: center;
font-weight: 400;
}
.ms-drawer-top {
color: #121331;
border-radius: 16px 16px 0 0;
justify-content: space-between;
align-items: center;
padding: 11px 10px 10px;
font-weight: 400;
display: flex;
}
.ms-drawer-top:hover {
background-color: #ebebeb;
}
.ms-toolbar {
width: 100%;
display: flex;
}
.ms-embed {
background-color: #ededed;
justify-content: center;
align-items: center;
min-height: 80px;
margin-bottom: 10px;
font-style: italic;
display: flex;
}
.ms-rich-text-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
align-items: flex-end;
width: 100%;
min-height: 201px;
padding-bottom: 12px;
display: flex;
}
.ms-select-svg {
z-index: 6;
background-color: #fff;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
position: absolute;
top: 6px;
right: 4px;
}
.ms-radio-image {
opacity: .8;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f900_pexels-fwstudio-129731.jpg");
background-position: 0 0;
background-size: 320px;
border-width: 1px;
border-color: #c5c5c5;
border-radius: 6px;
width: 100%;
height: auto;
padding-top: 100%;
}
.ms-radio-image.w--redirected-checked {
opacity: 1;
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f900_pexels-fwstudio-129731.jpg");
background-position: 0 0;
background-size: 320px;
border-width: 2px;
border-color: #fff;
outline: 5px solid #2962ff;
}
.ms-radio-image.is-img-2 {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f8fd_pexels-share-textures-11285519%20(1).jpg");
}
.results-classes {
display: none;
}
.ms-switch-wrap {
width: 100%;
height: 42px;
margin-bottom: 15px;
position: relative;
}
.ms-column {
grid-column-gap: 35px;
grid-row-gap: 35px;
flex-direction: column;
width: 30%;
display: flex;
}
.ms-column.width-1-2 {
width: 47%;
}
.ms-column.width-2-3 {
width: 60%;
}
.ms-column.width-1-4 {
width: 21%;
}
.ms-pill-icon {
color: #2962ff;
justify-content: center;
align-items: center;
width: 35px;
height: 30px;
padding-left: 10px;
padding-right: 5px;
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.ms-drawer-contain {
border-top: 1px solid #e0e0e0;
padding: 10px 20px;
}
.ms-light-text {
font-size: 13px;
font-weight: 300;
}
.ms-card-text-right {
float: right;
background-color: #1015701a;
border-radius: 5px;
padding-left: 4px;
padding-right: 4px;
line-height: 1.4em;
}
.ms-select-button {
z-index: 2;
flex: none;
margin-bottom: 0;
padding: 8px 16px;
line-height: 1.4em;
display: block;
position: relative;
}
.ms-select-button:hover {
border-color: #1200ee;
position: relative;
box-shadow: 0 20px 30px -10px #00000021;
}
.ms-iframe-footer-embed {
background-color: #d1e7fb;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657063629542be7c04dadbc7_noise.png");
background-position: 0 0;
background-size: 200px;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 350px;
margin-bottom: 0;
display: block;
overflow: hidden;
}
.ms-input-label-2 {
color: #121331;
margin-bottom: 5px;
font-weight: 700;
}
.ms-input-label-2.is-inset {
z-index: 3;
font-size: 95%;
display: inline-block;
position: absolute;
top: 8px;
left: 12px;
}
.ms-input-label-2.ms-row {
border-bottom: 1px solid #c5c5c5;
width: 100%;
margin-bottom: 0;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 20px;
}
.ms-input-label-2.ms-row.is-bigger {
padding-top: 15px;
padding-bottom: 15px;
font-size: 130%;
}
.ms-input-label-2.is-overlapping {
z-index: 3;
background-color: #fff;
padding-left: 4px;
padding-right: 4px;
position: absolute;
top: -.7em;
left: 8px;
}
.ms-input-label-2.ms-less-margin {
margin-bottom: 3px;
}
.ms-input-middle-row {
width: 100%;
display: flex;
}
.ms-table-bold {
width: 100%;
}
.ms-toggle-row-divider {
background-color: #1213311a;
width: 100%;
height: 1px;
}
.ms-radio-group {
margin-bottom: 30px;
}
.ms-radio-dot {
border-color: #12133140;
flex: none;
width: 17px;
height: 17px;
margin-top: 1px;
margin-right: 10px;
position: relative;
}
.ms-radio-dot.w--redirected-checked {
border-width: 6px;
border-color: #2962ff;
}
.ms-radio-dot.is-table {
z-index: 3;
margin-left: 0;
position: absolute;
top: 12px;
left: 14px;
}
.ms-radio-dot.is-row {
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 0% 0% 0% auto;
}
.ms-select-button-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.ms-dropdown-svg {
opacity: .5;
justify-content: center;
align-items: center;
width: 30px;
height: 20px;
display: flex;
}
.ms-dropdown-svg.for-input {
z-index: 5;
background-color: #fff;
border-radius: 10px;
height: 33px;
position: absolute;
top: 4px;
right: 2px;
}
.ms-range-slider-value {
color: #fff;
text-align: center;
background-color: #121331;
border-color: #121331;
border-radius: 4px;
flex: none;
width: 60px;
margin-left: 12px;
padding: 5px 10px;
line-height: 22px;
display: inline-block;
position: relative;
}
.ms-radio-contents {
z-index: 2;
width: 100%;
font-weight: 700;
position: relative;
}
.ms-toggle-row {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
display: flex;
}
.ms-password-button {
background-color: #fff;
padding: 0 7px 0 6px;
font-size: 13.5px;
display: flex;
bottom: 5px;
}
.ms-password-button.w--current {
display: none;
}
.ms-switch-select {
z-index: 1;
background-color: #fff;
border-radius: 6px;
width: 48.5%;
margin-top: 1.5%;
margin-bottom: 1.5%;
transition: left .3s;
position: absolute;
top: 0%;
bottom: 0%;
left: 1.5%;
box-shadow: 0 1px 5px #0003;
}
.ms-switch-select.w--redirected-checked {
background-color: #fff;
background-image: none;
left: 39px;
}
.ms-token-input {
z-index: 2;
color: #000;
text-align: left;
letter-spacing: 35.5px;
background-color: #0000;
border: 1px #000;
width: 400px;
height: 50px;
margin-bottom: 0;
padding: 0 0 0 12px;
font-family: Verdana, Geneva, sans-serif;
font-size: 23px;
font-weight: 400;
position: absolute;
top: 0;
left: 0;
}
.ms-token-input::placeholder {
color: #6b7b8a;
font-weight: 400;
}
.ms-multi-select-wrap {
background-color: #f8f8f8;
border: 1px solid #12133140;
border-radius: 8px;
flex-wrap: wrap;
width: 100%;
max-height: 150px;
padding: .5rem .5rem .25rem;
display: flex;
overflow: scroll;
}
.ms-range-embed {
width: 100%;
}
.ms-box-2 {
grid-column-gap: 6px;
cursor: move;
background-color: #fff;
border: 1px solid #12133140;
border-radius: 5px;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 40px;
margin-bottom: 6px;
padding: 8px 12px 8px 6px;
font-weight: 400;
transition: box-shadow .2s, border-color .2s;
display: flex;
position: relative;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-box-2:hover {
z-index: 2;
box-shadow: none;
border-color: #2962ff;
}
.ms-box-2::placeholder {
color: #909090;
}
.ms-box-2.over {
background-color: #f2f3fa;
border-style: solid;
border-color: #0067d9;
}
.ms-range-slider-bar {
outline-offset: 0px;
background-color: #eae9e9;
border-radius: 10px;
outline: 0 #0000;
width: 100%;
height: 10px;
margin: 0;
padding: 0;
}
.ms-radio-card {
color: #121331;
border: 1px solid #12133140;
border-radius: 6px;
width: 100%;
padding: 12px 16px 10px;
font-weight: 700;
position: relative;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-token-overflow {
z-index: 5;
background-color: #fff;
width: 30px;
height: 50px;
position: absolute;
top: 0%;
left: 100%;
right: auto;
}
.ms-toggle-row-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff;
border: 1px solid #12133140;
border-radius: 10px;
flex-direction: column;
margin-bottom: 15px;
padding: 10px;
display: flex;
}
.ms-checkbox {
border-width: 1.5px;
border-color: #12133140;
border-radius: 33%;
flex: none;
width: 18px;
height: 18px;
margin-top: 0;
margin-right: 10px;
}
.ms-checkbox:hover {
background-image: linear-gradient(#ffffffe6, #ffffffe6), linear-gradient(#2962ff, #2962ff);
border-color: #2962ff;
}
.ms-checkbox.w--redirected-checked {
background-color: #2962ff;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f904_smallcheck.svg");
background-size: 70%;
border-color: #12133140;
border-radius: 33%;
}
.ms-radio-table-label {
z-index: 1;
color: #121331;
background-color: #fff;
border: 1px solid #c3c3cb;
width: 100%;
margin-bottom: -1px;
padding: 10px 20px 10px 40px;
font-weight: 700;
display: flex;
position: relative;
}
.ms-radio-table-label.is-bottom {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.ms-radio-table-label.is-top {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ms-section-description {
margin-bottom: 20px;
}
.ms-shortcut {
z-index: 3;
color: #12133140;
border: .5px solid #12133140;
border-radius: 5px;
justify-content: center;
align-items: center;
padding-left: 6px;
padding-right: 6px;
font-size: 90%;
display: flex;
position: absolute;
top: 10px;
left: auto;
right: 10px;
}
.ms-radio-border.w--redirected-checked {
z-index: 1;
border-width: 3px;
border-color: #2962ff;
border-radius: 6px;
width: auto;
height: auto;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: -1px;
}
.ms-tooltip {
color: #121331;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
position: relative;
top: -.1em;
}
.ms-table-text-right {
float: right;
text-align: right;
width: 33%;
margin-left: auto;
font-weight: 400;
}
.ms-help-text {
opacity: .8;
margin-top: -15px;
margin-bottom: 15px;
font-size: 90%;
font-weight: 300;
}
.ms-help-text.less-margin {
margin-top: -4px;
margin-bottom: 4px;
}
.ms-color-swatch {
z-index: 3;
color: #12133140;
background-color: #2962ff;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 18px;
height: 20px;
display: flex;
position: absolute;
inset: 10px auto auto 10px;
}
.ms-select-dropdown.w--open {
background-color: #fff;
border: .5px solid #12133140;
border-radius: 6px;
padding: 8px;
box-shadow: 0 10px 12px -3px #0000001a;
}
.ms-pill-wrap {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
padding-top: 5px;
display: flex;
}
.ms-iframe-embed {
justify-content: flex-end;
align-items: flex-end;
width: 180px;
height: 70px;
display: flex;
position: relative;
overflow: visible;
}
.ms-space {
width: 10px;
height: 10px;
}
.ms-eye-svg {
justify-content: center;
align-items: center;
width: 16px;
margin-right: 4px;
display: flex;
}
.ms-pill-label {
z-index: 2;
white-space: nowrap;
border: 1px solid #12133140;
border-radius: 100px;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-top: 2px;
padding-left: 12px;
padding-right: 12px;
font-weight: 700;
line-height: 2em;
position: relative;
inset: 0% auto 0% 0%;
}
.ms-pill-label:hover {
border-color: #2962ff;
}
.ms-bold-link {
color: #2962ff;
font-weight: 700;
}
.ms-pill-checkbox {
display: none;
}
.ms-tooltip-content {
padding: 0;
display: block;
}
.ms-tooltip-diamond {
z-index: 2;
background-color: #fafbfe;
border: 1px solid #d8e3f0;
border-radius: 2px;
width: 16px;
height: 16px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: -7px 0% auto;
transform: rotate(45deg);
box-shadow: 0 -3px 8px #2d3e500f;
}
.ms-tooltip-diamond.is-bottom {
top: auto;
bottom: -7px;
}
.ms-column-wrapper {
grid-column-gap: 5%;
grid-row-gap: 5%;
flex-wrap: wrap;
display: flex;
}
.ms-checkbox-bold {
margin-top: -2px;
margin-bottom: -2px;
display: block;
}
.ms-switch-label {
z-index: 3;
grid-column-gap: 3%;
white-space: nowrap;
justify-content: space-around;
align-items: center;
font-weight: 700;
display: flex;
position: absolute;
inset: 0% 2%;
}
.ms-input-right-button {
color: #121331;
border: 1px solid #12133140;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
min-height: 40px;
margin-bottom: 20px;
padding: 9px 12px 8px;
font-weight: 400;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-input-right-button:hover {
color: #2962ff;
border-color: #2962ff;
}
.ms-input-right-button::placeholder {
color: #12133140;
}
.ms-input-right-button.is-success {
color: #121331;
background-color: #c3ffd5;
border-color: #00a030;
}
.ms-hint-text {
float: right;
font-weight: 400;
}
.ms-dropdown-list.w--open {
background-color: #fff;
border: 1px solid #12133140;
border-radius: 8px;
width: 200px;
margin-top: 8px;
right: 0;
box-shadow: 5px 9px 10px #0000001a;
}
.ms-dropdown-list.is-delete.w--open {
width: 300px;
margin-right: -80px;
}
.ms-toggle-dot-2 {
z-index: 1;
opacity: .6;
background-color: #fff;
border-radius: 50%;
width: 26px;
height: 26px;
margin-top: 4px;
transition: left .2s;
position: absolute;
left: 4px;
}
.ms-toggle-dot-2.w--redirected-checked {
background-color: #fff;
background-image: none;
left: 39px;
}
.ms-toggle-dot-2.small {
width: 18px;
height: 18px;
}
.ms-toggle-dot-2.icon {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f903_nightlight_black_24dp.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 12px;
}
.ms-input-2 {
color: #fff;
background-color: #323741;
border: 1px solid #ffffff54;
border-radius: 10px;
min-height: 40px;
margin-bottom: 20px;
padding: 8px 12px;
transition: box-shadow .2s, border-color .2s;
position: relative;
box-shadow: 0 5px 20px -10px #000c;
}
.ms-input-2:hover {
z-index: 2;
box-shadow: none;
border-color: #1e5eff;
}
.ms-input-2:focus {
outline-offset: 0px;
color: #fff;
border-color: #1e5eff;
outline: 3px solid #1e5efd40;
}
.ms-input-2::placeholder {
color: #aaafbc;
}
.ms-input-2.logo {
min-height: 24px;
margin-bottom: 0;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
}
.ms-input-2.disabled {
cursor: not-allowed;
background-color: #000;
}
.ms-input-2.disabled:hover {
border-color: #c5c5c5;
}
.ms-input-2.token-fake {
background-color: #0000;
width: 40px;
height: 50px;
}
.ms-input-2.icon-right {
padding-right: 40px;
}
.ms-input-2.icon-right.dropdown.w--open {
margin-bottom: 5px;
}
.ms-input-2.icon-left {
color: #d4d4d4;
padding-left: 38px;
}
.ms-input-2.nice-select {
background-color: #323741;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.ms-input-2.https {
padding-left: 78px;
}
.ms-input-2.right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 50%;
}
.ms-input-2.button-right {
border-right-style: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ms-input-2.middle {
border-radius: 0;
margin-bottom: -1px;
}
.ms-input-2.middle.right, .ms-input-2.middle.left {
width: 100%;
}
.ms-input-2.bottom {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ms-input-2.left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 50%;
margin-right: -1px;
}
.ms-input-2.text-area {
min-height: 80px;
}
.ms-input-2.text-area.inset {
padding-top: 30px;
}
.ms-input-2.outer {
width: 100%;
padding: 0;
display: flex;
}
.ms-input-2.top {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: -1px;
}
.ms-input-2.inset {
min-height: 60px;
padding-top: 20px;
padding-bottom: 0;
}
.ms-input-2.inner {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
margin-bottom: 0;
}
.ms-logo-flex-2 {
grid-column-gap: 8px;
color: #d4d4d4;
align-items: center;
display: flex;
}
.ms-container-2 {
max-width: 100%;
padding-bottom: 3%;
padding-left: 3%;
padding-right: 3%;
}
.ms-container-2.navbar {
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 80px;
padding-bottom: 0%;
display: flex;
}
.ms-toggle-label-2 {
z-index: 2;
white-space: nowrap;
justify-content: flex-start;
align-items: center;
padding-left: 65px;
font-weight: 700;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
}
.ms-toggle-label-2.small {
padding-top: 0;
padding-left: 54px;
}
.ms-toggle-label-2.row {
width: 100%;
padding-left: 55px;
}
.ms-toggle-label-2.no-label {
padding-left: 50px;
}
.ms-navbar-trigger-2 {
z-index: -1;
height: 100vh;
position: absolute;
top: 0;
left: 0%;
right: 0%;
}
.ms-logo-placeholder-2 {
opacity: .6;
}
.ms-button-2 {
color: #fff;
text-align: center;
letter-spacing: .03em;
background-color: #1e5eff;
border: 1px solid #ffffff54;
border-radius: 8px;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 13px 16px 11.5px;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
position: relative;
top: 0;
box-shadow: 0 1px 5px #ffffff40;
}
.ms-button-2:hover {
box-shadow: none;
color: #fff;
background-color: #1051b9;
transform: translate(0, 2px);
}
.ms-button-2:active {
background-color: #0a3092;
}
.ms-button-2.small {
border-radius: 6px;
height: auto;
padding: 7px 16px;
font-size: 14px;
transform: perspective(1000px);
}
.ms-button-2.light {
color: #c5c5c5;
background-color: #323741;
background-image: none;
background-size: auto;
border: 1px solid #ffffff54;
box-shadow: 0 1px 3px #ffffff40, 0 10px 20px -5px #2d3e5026;
}
.ms-button-2.light:hover {
box-shadow: none;
color: #fff;
background-color: #1e5eff;
border-color: #1051b9;
}
.ms-button-2.light:active {
color: #fff;
background-color: #356af0;
}
.ms-button-2.light.small {
font-size: 14px;
}
.ms-button-2.delete, .ms-button-2.delete.solid {
color: #fff;
background-color: #d1263c;
}
.ms-button-2.outline {
box-shadow: none;
color: #c5c5c5;
background-color: #0000;
background-image: none;
background-size: auto;
border: 2px solid #c5c5c5;
position: relative;
top: 0;
left: 0;
}
.ms-button-2.outline:hover {
box-shadow: none;
color: #fff;
border-color: #fff;
}
.ms-button-2.outline:active {
background-color: #0f42c3;
box-shadow: inset 0 0 0 2px #0f42c3;
}
.ms-button-flex-2 {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.ms-logo-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #d4d4d4;
flex-direction: row;
justify-content: center;
align-items: center;
height: 60px;
font-size: 11px;
display: flex;
}
.ms-navlink-2 {
color: #d4d4d4;
padding: 15px;
}
.ms-navbar-spacer-2 {
height: 80px;
}
.ms-instruction-option-2 {
background-color: #323741;
border: 1px solid #ffffff54;
border-top-style: none;
border-radius: 0 0 10px 10px;
justify-content: space-around;
align-items: center;
width: 235px;
height: 35px;
padding-left: 25px;
position: absolute;
inset: 100% 0% auto auto;
}
.ms-cursor-2 {
background-color: #d4d4d4;
width: 1px;
position: absolute;
inset: 6px 50px 6px auto;
}
.logo-text-2 {
font-weight: 700;
}
.ms-icon-logo-2 {
color: #0000;
margin-left: -4px;
}
.ms-navbar-2 {
background-color: #323741;
border-bottom: 1px solid #ffffff54;
position: fixed;
inset: 0% 0% auto;
}
.ms-nav-menu-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.ms-navbar-shadow-2 {
z-index: -1;
opacity: 0;
position: absolute;
inset: 0%;
box-shadow: 0 5px 20px #0003bd0d;
}
.ms-toggle-bg-2 {
z-index: 0;
background-color: #ffffff54;
border: 1px solid #ffffff54;
border-radius: 100px;
width: 50px;
transition: background-color .2s;
position: absolute;
inset: 0%;
}
.ms-toggle-bg-2.small {
width: 42px;
height: 26px;
}
.ms-range-embed-2 {
width: 100%;
}
.ms-input-left-2 {
color: #c5c5c5;
border-right: 1px solid #c5c5c5;
min-height: 40px;
padding: 9px 12px 8px;
}
.ms-input-left-2::placeholder {
color: #ffffff54;
}
.relative {
position: relative;
}
.ms-range-slider-value-2 {
color: #fff;
text-align: center;
background-color: #323741;
border-color: #121331;
border-radius: 4px;
flex: none;
width: 60px;
margin-left: 12px;
padding: 5px 10px;
line-height: 22px;
display: inline-block;
position: relative;
}
.ms-column-wrap {
grid-column-gap: 5%;
grid-row-gap: 5%;
flex-wrap: wrap;
display: flex;
}
.ms-radio-table-label-2 {
z-index: 1;
color: #d4d4d4;
border: 1px solid #ffffff54;
width: 100%;
margin-bottom: -1px;
padding: 10px 20px 10px 40px;
font-weight: 700;
display: flex;
position: relative;
}
.ms-radio-table-label-2.bottom {
border-bottom-style: solid;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.ms-radio-table-label-2.top {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ms-input-label-3 {
margin-bottom: 5px;
font-weight: 500;
}
.ms-input-label-3.row {
border-bottom: 1px solid #ffffff54;
width: 100%;
margin-bottom: 0;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 20px;
}
.ms-input-label-3.row.bigger {
padding-top: 15px;
padding-bottom: 15px;
font-size: 130%;
}
.ms-input-label-3.less-margin {
margin-bottom: 3px;
}
.ms-input-label-3.inset {
z-index: 3;
font-size: 95%;
display: inline-block;
position: absolute;
top: 8px;
left: 12px;
}
.ms-range-slider-bar-2 {
outline-offset: 0px;
background-color: #323741;
border-radius: 10px;
outline: 0 #0000;
width: 100%;
height: 10px;
margin: 0;
padding: 0;
}
.ms-input-dropdown-wrap-2 {
width: 100%;
}
.ms-toggle-row-2 {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
display: flex;
}
.ms-dropdown-cb-2 {
z-index: 3;
cursor: pointer;
border-color: #0000;
border-radius: 6px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: inline-block;
position: absolute;
inset: 0%;
}
.ms-dropdown-cb-2:hover {
background-color: #0000000d;
}
.ms-dropdown-cb-2.w--redirected-checked {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65814b3ea70717a189d2d746_close_white_24dp.svg"), linear-gradient(#323741cc, #323741cc), linear-gradient(#1e5eff, #1e5eff);
background-position: 90%, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: 14px, auto, auto;
border-width: 2px;
border-color: #1e5eff;
border-radius: 6px;
width: 100%;
height: 106%;
}
.ms-dropdown-cb-2.no-x.w--redirected-checked {
background-image: linear-gradient(#323741cc, #323741cc), linear-gradient(#1e5eff, #1e5eff);
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: auto, auto;
}
.ms-loom-2 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
border-radius: 10px;
margin-bottom: 12px;
overflow: hidden;
}
.toolbar-2 {
width: 100%;
display: flex;
}
.ms-hint-text-2 {
float: right;
font-weight: 400;
}
.select-dropdown.w--open {
background-color: #323741;
border: .5px solid #ffffff54;
border-radius: 6px;
padding: 8px;
box-shadow: 0 10px 12px -3px #0000001a;
}
.ms-select-button-wrap-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.ms-tooltip-2 {
color: #323741;
background-color: #c5c5c5;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
position: relative;
top: -.1em;
}
.ms-card-text-right-2 {
float: right;
background-color: #1015701a;
border-radius: 5px;
padding-left: 4px;
padding-right: 4px;
line-height: 1.4em;
}
.ms-iframe-embed-2 {
justify-content: flex-end;
align-items: flex-end;
width: 180px;
height: 70px;
display: flex;
position: relative;
overflow: visible;
}
.tooltip-container {
z-index: 3;
background-color: #323741;
border-radius: 9px;
padding: 16px;
font-size: 12.5px;
position: relative;
}
.tooltip-container._10 {
padding: 10px;
}
.text-color-grey-2 {
opacity: .7;
}
.ms-rich-text-wrap-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
flex-direction: column;
align-items: flex-end;
width: 100%;
min-height: 201px;
padding-bottom: 12px;
display: flex;
}
.ms-pill-icon-2 {
color: #fff;
justify-content: center;
align-items: center;
width: 35px;
height: 30px;
padding-left: 10px;
padding-right: 5px;
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.ms-table-bold-2 {
width: 100%;
}
.ms-radio-button-tab-2 {
color: #d4d4d4;
background-color: #323741;
border: 1px solid #ffffff54;
border-radius: 6px;
padding: 8px 16px;
font-weight: 700;
}
.ms-bold-link-2 {
color: #1e5eff;
font-weight: 700;
}
.ms-dropdown-list-2.w--open {
background-color: #fff;
border: 1px solid #ffffff54;
border-radius: 8px;
width: 200px;
margin-top: 8px;
right: 0;
box-shadow: 5px 9px 10px #0000001a;
}
.ms-dropdown-list-2.delete.w--open {
width: 300px;
margin-right: -80px;
}
.ms-dropdown-2 {
z-index: 10;
background-color: #0000;
border: 0 solid #000;
width: 70px;
height: 40px;
padding-left: 6px;
padding-right: 6px;
position: absolute;
inset: 0% 6px 0% auto;
}
.ms-dropdown-2.leading {
z-index: 3;
color: #c5c5c5;
width: 50px;
padding-right: 0;
left: 0;
}
.ms-hide-2 {
display: none;
}
.ms-color-swatch-2 {
z-index: 3;
color: #ffffff54;
background-color: #1e5eff;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 18px;
height: 20px;
display: flex;
position: absolute;
inset: 10px auto auto 10px;
}
.ms-input-inline-2 {
z-index: 3;
position: absolute;
inset: 10px auto auto 12px;
}
.ms-pill-wrap-2 {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
padding-top: 5px;
display: flex;
}
.ms-drawer-top-2 {
color: #d4d4d4;
border-radius: 16px 16px 0 0;
justify-content: space-between;
align-items: center;
padding: 11px 10px 10px;
font-weight: 400;
display: flex;
}
.ms-drawer-top-2:hover {
background-color: #232429;
}
.ms-how-drawer-2 {
background-color: #1c1d21;
border: 1px solid #ffffff40;
border-radius: 16px;
width: 100%;
margin-top: -10px;
margin-bottom: 20px;
overflow: hidden;
}
.ms-how-drawer-2.radio {
margin-top: 10px;
}
.ms-switch-bg-2 {
z-index: 0;
background-color: #1c1d21;
border: 1px solid #000;
border-radius: 8px;
transition: background-color .2s;
position: absolute;
inset: 0%;
}
.ms-section-description-2 {
margin-bottom: 20px;
}
.ms-drag-color-2 {
margin-left: auto;
}
.ms-input-outer-2 {
flex-wrap: wrap;
width: 100%;
display: flex;
}
.heading-3 {
color: #d4d4d4;
}
.ms-password-button-2 {
color: #c5c5c5;
background-color: #232429;
padding: 0 7px 0 6px;
font-size: 13.5px;
display: flex;
bottom: 5px;
}
.ms-password-button-2.w--current {
display: none;
}
.ms-dropdown-wrap-2 {
margin-left: 0;
margin-right: 0;
}
.ms-dropdown-cb-wrap-2 {
z-index: 2;
flex: none;
align-items: center;
width: 100%;
margin-bottom: .25rem;
padding-top: .3rem;
padding-bottom: .2rem;
padding-left: .7rem;
line-height: 1.4em;
display: flex;
position: relative;
}
.ms-dropdown-cb-wrap-2:hover {
border-color: #1200ee;
position: relative;
box-shadow: 0 20px 30px -10px #00000021;
}
.ms-button-cb-2 {
z-index: 3;
cursor: pointer;
border-style: solid;
border-color: #b7bbd1;
border-radius: 6px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: inline-block;
position: absolute;
inset: 0%;
}
.ms-button-cb-2:hover {
border-color: #000;
}
.ms-button-cb-2.w--redirected-checked {
color: #d4d4d4;
background-color: #0000;
background-image: linear-gradient(#323741cc, #323741cc), linear-gradient(#1e5eff, #1e5eff);
background-position: 0 0, 0 0;
background-size: auto, auto;
border-width: 2px;
border-color: #1e5eff;
border-radius: 6px;
width: 100%;
height: 100%;
}
.ms-toggle-row-wrap-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #323741;
border: 1px solid #ffffff54;
border-radius: 10px;
flex-direction: column;
margin-bottom: 15px;
padding: 10px;
display: flex;
}
.ms-input-wrap-2 {
color: #c5c5c5;
padding: 0;
display: flex;
position: relative;
}
.ms-input-wrap-2.token {
grid-column-gap: 10px;
width: 300px;
margin-bottom: 10px;
}
.ms-table-text-right-2 {
float: right;
text-align: right;
width: 33%;
margin-left: auto;
font-weight: 400;
}
.tooltip-content {
padding: 0;
display: block;
}
.ms-radio-image-2 {
opacity: .8;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f900_pexels-fwstudio-129731.jpg");
background-position: 0 0;
background-size: 320px;
border-width: 1px;
border-color: #c5c5c5;
border-radius: 6px;
width: 100%;
height: auto;
padding-top: 100%;
}
.ms-radio-image-2.w--redirected-checked {
opacity: 1;
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f900_pexels-fwstudio-129731.jpg");
background-position: 0 0;
background-size: 320px;
border-width: 2px;
border-color: #fff;
outline: 5px solid #1e5eff;
}
.ms-radio-image-2.img-2 {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f8fd_pexels-share-textures-11285519%20(1).jpg");
}
.ms-dropdown-svg-2 {
opacity: .5;
justify-content: center;
align-items: center;
width: 30px;
height: 20px;
display: flex;
}
.ms-dropdown-svg-2.input {
z-index: 5;
color: #c5c5c5;
background-color: #323741;
border-style: none;
border-radius: 10px;
height: 33px;
position: absolute;
top: 4px;
right: 2px;
}
.ms-tooltip-dropdown-2 {
margin-left: 0;
margin-right: 0;
position: relative;
inset: 0%;
}
.ms-tooltip-dropdown-2.inline {
margin-top: 10px;
margin-left: 10px;
display: inline-block;
}
.ms-dropdown-bold-2 {
font-size: 1.2em;
font-weight: 700;
}
.ms-iframe-footer-embed-2 {
background-color: #d1e7fb;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657063629542be7c04dadbc7_noise.png");
background-position: 0 0;
background-size: 200px;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 350px;
margin-bottom: 0;
display: block;
overflow: hidden;
}
.rich_form-field_editor-2 {
background-color: #323741;
border: 0 #b7bbd1;
border-top-color: #ffffff54;
flex: 1;
width: 100%;
margin-bottom: 10px;
padding: 0;
font-size: 16px;
transition: box-shadow .2s;
}
.ms-dropdown-cb-label-2 {
z-index: 3;
color: #d4d4d4;
width: 100%;
position: relative;
}
.ms-box-3 {
grid-column-gap: 6px;
cursor: move;
background-color: #323741;
border: 1px solid #12133140;
border-radius: 5px;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 40px;
margin-bottom: 6px;
padding: 8px 12px 8px 6px;
font-weight: 400;
transition: box-shadow .2s, border-color .2s;
display: flex;
position: relative;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-box-3:hover {
z-index: 2;
box-shadow: none;
border-color: #2962ff;
}
.ms-box-3::placeholder {
color: #909090;
}
.ms-box-3.over {
background-color: #232429;
border-style: solid;
border-color: #0067d9;
}
.ms-pill-label-2 {
z-index: 2;
white-space: nowrap;
background-color: #323741;
border: 1px solid #ffffff54;
border-radius: 100px;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-top: 2px;
padding-left: 12px;
padding-right: 12px;
font-weight: 700;
line-height: 2em;
position: relative;
inset: 0% auto 0% 0%;
}
.ms-pill-label-2:hover {
border-color: #1e5eff;
}
.ms-token-overflow-2 {
z-index: 5;
background-color: #232429;
width: 30px;
height: 50px;
position: absolute;
top: 0%;
left: 100%;
right: auto;
}
.ms-radio-color-2 {
z-index: 1;
background-color: #eff3fd;
border-color: #1213311a;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 1px;
position: relative;
}
.ms-radio-color-2.w--redirected-checked {
outline-offset: -8px;
border-width: 1px;
border-color: #1213310d;
outline: 4px solid #fff;
}
.ms-radio-color-2.color-5 {
background-color: #d3ddf8;
}
.ms-radio-color-2.color-3 {
background-color: #779afa;
}
.ms-radio-color-2.blue {
background-color: #2245e2;
}
.ms-radio-color-2.color-4 {
background-color: #a5bbf5;
}
.ms-radio-color-2.color-2 {
background-color: #5481fc;
}
.ms-radio-dot-2 {
background-color: #323741;
border-color: #ffffff54;
width: 17px;
height: 17px;
margin-top: 1px;
margin-right: 10px;
position: relative;
}
.ms-radio-dot-2.w--redirected-checked {
background-color: #c5c5c5;
border-width: 6px;
border-color: #1e5eff;
}
.ms-radio-dot-2.row {
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 0% 0% 0% auto;
}
.ms-radio-dot-2.table {
margin-left: 0;
position: absolute;
top: 12px;
left: 14px;
}
.ms-svg-2 {
z-index: 3;
color: #aaafbc;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
position: absolute;
inset: 10px auto auto 10px;
}
.ms-svg-2.radio-card {
z-index: 2;
color: #1e5eff;
background-color: #c5c5c5;
border-radius: 50px;
width: 22px;
height: 22px;
display: none;
top: 17px;
left: auto;
right: 12px;
}
.ms-svg-2.left {
color: #909090;
position: absolute;
inset: 10px auto 0% 10px;
}
.ms-svg-2.right {
left: auto;
right: 10px;
}
.ms-svg-2.right.editted {
color: #fff;
background-color: #1e5eff;
border-radius: 50%;
width: 22px;
height: 22px;
top: 8px;
right: 12px;
}
.ms-multi-select-wrap-2 {
background-color: #323741;
border: 1px solid #ffffff54;
border-radius: 8px;
flex-wrap: wrap;
width: 100%;
max-height: 150px;
padding: .5rem .5rem .25rem;
display: flex;
overflow: scroll;
}
.ms-toggle-checkbox-2 {
display: none;
}
.ms-checkbox-wrap-2 {
margin-bottom: 10px;
display: flex;
}
.ms-iframe-2 {
z-index: 2147483647;
justify-content: flex-end;
align-items: flex-end;
height: 70px;
display: flex;
position: fixed;
inset: auto auto 0% 0%;
}
.ms-checkbox-bold-2 {
margin-top: -2px;
margin-bottom: -2px;
display: block;
}
.ms-help-text-2 {
opacity: .8;
margin-top: -15px;
margin-bottom: 15px;
font-size: 90%;
font-weight: 300;
}
.ms-help-text-2.less-margin {
margin-top: -4px;
margin-bottom: 4px;
}
.ms-radio-row-2 {
grid-column-gap: 3%;
grid-row-gap: 3%;
flex-wrap: wrap;
justify-content: space-between;
display: flex;
position: relative;
}
.ms-radio-group-2 {
margin-bottom: 30px;
}
.ms-pill-radio-2 {
display: none;
}
.ms-dropdown-padding-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
padding: 19px;
font-size: 16px;
line-height: 1.6em;
display: flex;
}
.ms-wf-class-2 {
color: #fff;
background-color: #1684f6;
border-radius: 2px;
padding: 5px 7px 3px;
font-size: 13px;
font-weight: 400;
line-height: 1.2em;
display: inline-block;
box-shadow: 1px 1px 3px #060c7e80;
}
.ms-margin-auto-2 {
margin-left: auto;
margin-right: auto;
}
.ms-header-2 {
padding-top: 6vh;
padding-bottom: 4vh;
}
.ms-drawer-contain-2 {
border-top: 1px solid #ffffff40;
padding: 10px 20px;
}
.hidden-embed {
z-index: -1;
opacity: 0;
height: 0;
max-height: 0;
position: fixed;
}
.tooltip-anchor {
z-index: 100;
background-color: #0000;
justify-content: center;
width: 100%;
height: 10px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 12px;
display: flex;
position: absolute;
inset: 100% 0% 0;
}
.tooltip-anchor.w--open {
background-color: #0000;
display: flex;
}
.tooltip-anchor.top {
align-items: flex-end;
padding-top: 0;
padding-bottom: 12px;
display: none;
inset: auto 0% 100%;
}
.tooltip-anchor.top.w--open {
display: flex;
}
.ms-table-text-middle-2 {
text-align: center;
font-weight: 400;
}
.ms-switch-select-2 {
z-index: 1;
background-color: #323741;
border: 1px solid #000;
border-radius: 6px;
width: 48.5%;
margin-top: 1.5%;
margin-bottom: 1.5%;
transition: left .3s;
position: absolute;
top: 0%;
bottom: 0%;
left: 1.5%;
box-shadow: 0 1px 5px #0003;
}
.ms-switch-select-2.w--redirected-checked {
background-color: #fff;
background-image: none;
left: 39px;
}
.ms-switch-label-2 {
z-index: 3;
grid-column-gap: 3%;
white-space: nowrap;
justify-content: space-around;
align-items: center;
font-weight: 700;
display: flex;
position: absolute;
inset: 0% 2%;
}
.tooltip-diamond {
z-index: 2;
background-color: #323741;
border: 1px solid #ffffff54;
border-radius: 2px;
width: 16px;
height: 16px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: -7px 0% auto;
transform: rotate(45deg);
box-shadow: 0 -3px 8px #2d3e500f;
}
.tooltip-diamond.bottom {
top: auto;
bottom: -7px;
}
.ms-checkbox-2 {
background-color: #323741;
border-width: 1.5px;
border-color: #ffffff54;
border-radius: 33%;
flex: none;
width: 22px;
height: 22px;
margin-top: 0;
margin-right: 10px;
}
.ms-checkbox-2:hover {
background-image: linear-gradient(#ffffffe6, #ffffffe6), linear-gradient(#1e5eff, #1e5eff);
border-color: #1e5eff;
}
.ms-checkbox-2.w--redirected-checked {
background-color: #1e5eff;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f904_smallcheck.svg");
background-size: 70%;
border-style: solid;
border-color: #1e5eff;
border-radius: 33%;
}
.ms-column-2 {
grid-column-gap: 35px;
grid-row-gap: 35px;
flex-direction: column;
width: 30%;
display: flex;
}
.ms-column-2._25 {
width: 21%;
}
.ms-column-2._2x {
width: 60%;
}
.ms-column-2.half {
width: 47%;
}
.ms-switch-option-2.dark {
color: #d4d4d4;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658149eb13835057a084f903_nightlight_black_24dp.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 12px;
padding-left: 18px;
}
.ms-colorpicker-dropdown-2 {
background-color: #fff;
border: 1px solid #f5f5f5;
border-radius: 10px;
padding: 5%;
box-shadow: 0 30px 40px #0003;
}
.ms-colorpicker-dropdown-2.w--open {
background-color: #323741;
width: 100%;
min-width: 0;
max-width: 250px;
margin-top: -10px;
left: 0;
}
.ms-toggle-row-divider-2 {
background-color: #1213311a;
width: 100%;
height: 1px;
}
.ms-select-button-2 {
z-index: 2;
flex: none;
margin-bottom: 0;
padding: 8px 16px;
line-height: 1.4em;
display: block;
position: relative;
}
.ms-select-button-2:hover {
border-color: #1200ee;
position: relative;
box-shadow: 0 20px 30px -10px #00000021;
}
.ms-switch-wrap-2 {
width: 100%;
height: 42px;
margin-bottom: 15px;
position: relative;
}
.ms-radio-wrap-2 {
align-items: flex-start;
padding-top: 8px;
display: flex;
position: relative;
}
.ms-radio-wrap-2.row {
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
}
.ms-radio-wrap-2.card {
padding-left: 0;
}
.ms-radio-wrap-2.table {
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
}
.ms-radio-wrap-2.is-button {
padding-left: 0;
}
.ms-radio-wrap-2.img {
width: 48%;
}
.ms-pill-item-2 {
flex-wrap: wrap;
margin-bottom: 0;
padding-left: 0;
position: relative;
}
.ms-token-input-2 {
z-index: 2;
color: #fff;
text-align: left;
letter-spacing: 35.5px;
background-color: #0000;
border: 1px #000;
width: 400px;
height: 50px;
margin-bottom: 0;
padding: 0 0 0 12px;
font-family: Verdana, Geneva, sans-serif;
font-size: 23px;
font-weight: 400;
position: absolute;
top: 0;
left: 0;
}
.ms-token-input-2::placeholder {
color: #6b7b8a;
font-weight: 400;
}
.ms-password-wrap-2 {
z-index: 4;
position: absolute;
inset: -20px 0 auto auto;
}
.ms-table-list-2 {
z-index: 1;
color: #c5c5c5;
border: 1px solid #ffffff54;
flex-wrap: wrap;
width: 100%;
margin-bottom: -1px;
padding: 10px 20px 10px 40px;
font-weight: 700;
display: flex;
position: relative;
}
.ms-table-list-2.top {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ms-embed-2 {
background-color: #000;
justify-content: center;
align-items: center;
min-height: 80px;
margin-bottom: 10px;
font-style: italic;
display: flex;
}
.ms-space-2 {
width: 10px;
height: 10px;
}
.ms-shortcut-2 {
z-index: 3;
color: #c5c5c5;
border: .5px solid #ffffff54;
border-radius: 5px;
justify-content: center;
align-items: center;
padding-left: 6px;
padding-right: 6px;
font-size: 90%;
display: flex;
position: absolute;
top: 8px;
left: auto;
right: 10px;
}
.ms-link-2 {
color: #fff;
border-bottom: 1px dashed #c5c5c5;
}
.tooltip-wrapper {
color: #fff;
text-align: left;
background-color: #323741;
border: 1px solid #ffffff54;
border-radius: 10px;
width: 300px;
font-size: 11.5px;
font-weight: 400;
line-height: 1.5em;
display: block;
position: absolute;
box-shadow: 1px 1px 8px 1px #2d3e501f;
}
.tooltip-wrapper._200 {
width: 236px;
}
.ms-select-svg-2 {
z-index: 6;
background-color: #323741;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
position: absolute;
top: 6px;
right: 4px;
}
.ms-input-middle-row-2 {
width: 100%;
display: flex;
}
.ms-input-right-button-2 {
color: #d4d4d4;
background-color: #323741;
border: 1px solid #ffffff54;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
min-height: 40px;
margin-bottom: 20px;
padding: 8px 12px;
font-weight: 400;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-input-right-button-2:hover {
color: #fff;
background-color: #1e5eff;
}
.ms-input-right-button-2::placeholder {
color: #ffffff54;
}
.ms-input-right-button-2.success {
z-index: 1;
color: #fff;
background-color: #26a34c;
border-color: #00a030;
position: relative;
}
.eye-svg {
justify-content: center;
align-items: center;
width: 16px;
margin-right: 4px;
display: flex;
}
.ms-radio-card-bottom {
margin-top: 12px;
display: inline-block;
}
.ms-table-text-left-2 {
width: 33%;
margin-right: auto;
}
.ms-page-wrap-2 {
outline-offset: 0px;
outline: 3px #333;
width: 100%;
max-width: 100vw;
min-height: 100vh;
line-height: 1.5em;
overflow: hidden;
}
.ms-radio-card-2 {
color: #d4d4d4;
background-color: #323741;
border: 1px solid #ffffff54;
border-radius: 6px;
width: 100%;
padding: 12px 16px 10px;
font-weight: 700;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-code-2 {
background-color: #313949;
border-radius: 6px;
padding: 10px;
font-family: Inconsolata, monospace;
}
.ms-range-slider-2 {
align-items: center;
width: 100%;
margin-bottom: 45px;
display: flex;
}
.ms-pill-checkbox-2 {
display: none;
}
.bgbg {
background-color: #1f2227;
}
.form-block-2 {
width: 600px;
margin-left: auto;
margin-right: auto;
}
.text-field-2 {
border-radius: 8px;
height: 48px;
}
.section--main-2 {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.div-block-59 {
display: flex;
}
.form-block-3 {
margin-bottom: 0;
}
.italic-text-3 {
color: #05874f;
}
.citizen-platform-3 {
-webkit-backdrop-filter: saturate(200%) blur(8px);
backdrop-filter: saturate(200%) blur(8px);
background-color: #fff;
background-image: none;
background-size: auto;
border: 1px solid #0000001a;
border-radius: 10px;
margin-top: 100px;
padding-top: 80px;
padding-bottom: 0;
overflow: hidden;
box-shadow: 0 1px #0000001a;
}
.field-label {
text-align: left;
font-size: 12px;
font-weight: 500;
}
.text-block-53-copy-2 {
text-align: center;
margin-top: 0;
margin-bottom: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.start-for-free-3 {
color: #fff;
text-align: center;
background-color: #202020;
border-radius: 8px;
width: 100%;
height: 50px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
padding: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 15px;
font-weight: 600;
display: block;
box-shadow: 0 1px #ffde6a;
}
.form-5 {
display: flex;
}
.button-14 {
color: #fff;
text-align: center;
background-color: #202020;
border-radius: 0;
padding: 12px 24px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
display: block;
}
.text-field-3 {
border-radius: 8px;
height: 48px;
margin-bottom: 20px;
}
.temp-name {
background-color: #404040;
border-bottom: 1px solid #212121;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
}
.temp-name._8pad {
padding-bottom: 8px;
}
.padding-wrapper {
z-index: 3;
border: 1px solid #2b2b2b;
border-right-color: #363636;
border-radius: 2px;
width: 151px;
height: 72px;
margin: auto;
padding: 3px;
position: absolute;
inset: 0 0% 0%;
}
.padding-wrapper.inner {
perspective: 30px;
perspective-origin: 50%;
transform-origin: 50% 100%;
width: 144px;
height: 64px;
inset: 0%;
overflow: hidden;
transform: perspective(100px);
}
.padding-wrapper.center {
z-index: 6;
background-color: #404040;
width: 72px;
height: 16px;
}
.more-dropdown {
position: static;
}
.spacing-input {
z-index: 50;
text-align: center;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 3px 0% auto;
}
.spacing-input.mr {
width: 18px;
margin-top: auto;
margin-bottom: auto;
inset: 0% 9px 0% auto;
}
.spacing-input.mr.pr {
right: 48px;
}
.spacing-input.mr.ml {
inset: 0% auto 0% 9px;
}
.spacing-input.mr.ml.pl {
left: 48px;
}
.spacing-input.pt {
top: 30px;
}
.spacing-input.mb {
inset: auto 0% 3px;
}
.spacing-input.mb.pb {
bottom: 30px;
}
.no-margin {
margin: 0;
}
.display-section {
border-top: 1px solid #363636;
margin-top: 12px;
margin-left: -10px;
margin-right: -10px;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
}
.static {
position: static;
overflow: visible;
}
.static._100 {
width: 100%;
}
.static._5-left {
margin-left: 5px;
}
.static.display-tab-wrap {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
}
.relative-2 {
position: relative;
}
.rp-tab-menu {
margin-left: -1px;
}
.light-text {
color: #ababab;
margin-bottom: 8px;
}
.selector-box {
z-index: 2;
background-color: #2b2b2b;
border-bottom: 1px solid #212121;
border-radius: 4px;
flex-wrap: wrap;
align-items: flex-start;
min-height: 32px;
margin-bottom: 8px;
padding-top: 4px;
padding-left: 3px;
padding-right: 30px;
display: flex;
position: relative;
}
.selector-box.z99 {
z-index: 99;
}
.more-dp-toggle {
color: #d9d9d9;
letter-spacing: -1.5px;
justify-content: center;
align-items: flex-start;
width: 24px;
height: 24px;
margin-top: -12px;
padding: 0;
font-size: 23px;
display: flex;
}
.state-label {
background-color: #404040;
height: 24px;
padding-top: 5px;
padding-left: 8px;
font-weight: 600;
}
._wf-input {
background-color: #2b2b2b;
border: 1px solid #212121;
border-radius: 2px;
width: 56px;
height: 26px;
margin-bottom: 0;
padding-left: 5px;
font-size: 11px;
}
._wf-input.color {
width: 172px;
padding-left: 32px;
}
.right-panel-tab {
background-color: #2b2b2b;
min-height: 95vh;
}
.option-tab {
color: #d9d9d9;
background-color: #5e5e5e;
border-right: 1px solid #363636;
justify-content: center;
align-items: center;
width: 100%;
min-width: 24px;
height: 24px;
padding: 0;
display: flex;
}
.option-tab:hover {
background-color: #6b6b6b;
}
.option-tab.w--current {
background-color: #2b2b2b;
justify-content: center;
}
.option-tab.last {
border-right-style: none;
}
.flex-row {
align-items: center;
margin-bottom: 8px;
display: flex;
}
.flex-row.option-tabs {
justify-content: space-between;
align-items: flex-start;
max-height: 26px;
}
.flex-row._18 {
justify-content: space-between;
height: 18px;
}
.flex-row._172 {
justify-content: space-between;
width: 172px;
}
.flex-row.display-options {
border: 1px solid #212121;
border-right-color: #363636;
border-radius: 2px;
width: 172px;
position: absolute;
inset: 0 0% auto auto;
overflow: hidden;
}
.margin {
z-index: 2;
cursor: n-resize;
transform-style: preserve-3d;
background-color: #4d4d4d;
width: 83%;
height: 25px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0 0% auto;
transform: rotateX(-77deg)rotateY(0)rotateZ(0);
}
.margin:hover {
background-color: #5e5e5e;
}
.margin.pad {
z-index: 5;
cursor: s-resize;
transform-style: preserve-3d;
width: 66%;
height: 29px;
transform: rotateX(-66deg)rotateY(0)rotateZ(0);
}
.margin.bottom {
cursor: s-resize;
transform-style: preserve-3d;
inset: auto 0% 0%;
transform: rotateX(75deg)rotateY(0)rotateZ(0);
}
.margin.bottom.pad {
cursor: n-resize;
transform-style: preserve-3d;
bottom: 2%;
transform: rotateX(64deg)rotateY(0)rotateZ(0);
}
.selector-drop-list {
z-index: 999;
background-color: #4d4d4d;
border: 1px solid #212121;
border-radius: 4px;
width: 100%;
min-height: 100px;
margin-top: 4px;
padding-top: 4px;
padding-bottom: 4px;
position: absolute;
inset: 100% 0% auto;
}
.selector-drop-list.w--open {
inset: auto 0% 0%;
}
.copy-me {
background-color: var(--tags);
color: #d9d9d9;
width: 100%;
min-height: 100vh;
font-size: 11px;
line-height: 12px;
}
.rp-tab-btn {
color: #d9d9d9;
text-align: center;
background-color: #2b2b2b;
border-bottom: 1px solid #212121;
border-left: 1px solid #212121;
width: 25%;
padding-left: 0;
padding-right: 0;
}
.rp-tab-btn.w--current {
background-color: #404040;
border-bottom-color: #0000;
}
.right-panel {
color: #d9d9d9;
background-color: #2b2b2b;
border-left: 1px solid #212121;
width: 240px;
height: 100vh;
position: absolute;
inset: 0% 0% 0% auto;
}
.alksdjflksdjf {
background-color: #404040;
border-bottom: 1px solid #363636;
height: 31px;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
}
.selector-drop-btn {
color: #d9d9d9;
background-color: #0000;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
display: flex;
}
.selector-drop-btn:hover {
background-color: #404040;
}
.selector-drop-btn.w--current {
display: none;
}
.selector-drop-btn.w--open, .selector-drop-btn.open {
background-color: #212121;
}
.tab-options {
border: 1px solid #363636;
border-radius: 2px;
width: 172px;
display: flex;
overflow: hidden;
}
.tab-options._100 {
width: 100%;
}
.rp-accordian-btn {
color: #d9d9d9;
background-color: #2b2b2b;
border-bottom: 1px solid #212121;
justify-content: space-between;
width: 100%;
height: 28px;
padding: 7px 8px 5px;
font-size: 12px;
font-weight: 600;
display: flex;
}
.rp-accordian-btn.w--current {
display: none;
}
.option-label {
margin-bottom: 4px;
padding-top: 8px;
}
.option-label.condense {
letter-spacing: -.04em;
}
.spacing-label {
z-index: 50;
color: #b4b0b0;
font-size: 8px;
font-style: italic;
font-weight: 600;
position: absolute;
top: 2px;
left: 4px;
}
.state-options {
height: 24px;
padding-top: 5px;
padding-left: 28px;
}
.state-options:hover {
background-color: #5e5e5e;
}
.hide-2 {
display: none;
}
.inheriting-btn {
color: #ffab66;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
line-height: 18px;
display: flex;
}
.inheriting-btn:hover {
background-color: #404040;
}
.inheriting-btn.w--current {
display: none;
}
.inheriting-btn.w--open {
background-color: #212121;
}
.inheriting-btn.open {
background-color: #feab661a;
}
.unit {
color: #9a9a9a;
text-align: center;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 16.5px;
margin-top: auto;
margin-bottom: auto;
padding-left: 3px;
padding-right: 3px;
font-size: 9px;
display: flex;
position: absolute;
inset: 2px 2% 2px auto;
}
.unit:hover {
color: #d9d9d9;
background-color: #404040;
}
.grid-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: center;
width: 100%;
padding-bottom: 8px;
}
.classname {
background-color: #0081fc;
border: 1px solid #212121;
border-radius: 2px;
justify-content: center;
align-items: center;
min-width: 30px;
height: 24px;
margin-bottom: 2px;
margin-right: 2px;
padding-left: 6px;
padding-right: 6px;
display: flex;
}
.classname.green {
background-color: #008547;
}
.classname.device {
background-color: #404040;
}
.truefalse {
color: #d9d9d9;
background-color: #5e5e5e;
justify-content: center;
align-items: center;
width: 100%;
min-width: 26px;
height: 26px;
padding: 0;
display: flex;
}
.truefalse:hover {
background-color: #6b6b6b;
}
.truefalse.w--current {
background-color: #2b2b2b;
justify-content: center;
display: none;
}
.color-swatch-2 {
background-color: #fff;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
width: 24px;
position: absolute;
inset: 1px auto 1px 1px;
}
.spacing-wrapper {
perspective: 50px;
border: 1px solid #2b2b2b;
border-radius: 2px;
min-height: 120px;
padding-bottom: 8px;
position: relative;
overflow: hidden;
transform: none;
}
._wf-select {
color: #d9d9d9;
background-color: #6b6b6b;
border: 1px solid #363636;
border-radius: 2px;
width: 100%;
height: 26px;
padding: 0 12px 0 4px;
font-size: 11px;
}
.selector-drop-wrap {
z-index: 999;
width: 20px;
height: 20px;
margin-left: 0;
margin-right: 0;
position: absolute;
inset: 8px 8px auto auto;
}
.margin-left-2 {
z-index: 1;
cursor: w-resize;
background-color: #555;
width: 36px;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.margin-left-2:hover {
background-color: #626262;
}
.margin-left-2.right {
cursor: e-resize;
inset: 0% 0% 0% auto;
}
.margin-left-2.right.pad {
cursor: w-resize;
}
.margin-left-2.pad {
z-index: 5;
cursor: e-resize;
}
.div-icon {
border: 1px solid #d9d9d9;
width: 12px;
height: 12px;
margin-right: 6px;
}
.overlay {
z-index: 50;
width: 100%;
height: 100%;
position: absolute;
}
.loader-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 450px;
height: 360px;
margin-top: 0;
margin-bottom: 0;
padding: 100px 50px;
display: flex;
position: relative;
overflow: hidden;
box-shadow: inset 0 0 2px 5px #000;
}
.shapes-overlay {
z-index: 10;
width: 440px;
height: 440px;
position: absolute;
left: 50px;
}
.shapes-group {
justify-content: center;
align-items: center;
width: 429px;
height: 429px;
display: flex;
position: absolute;
bottom: -213px;
left: -10px;
transform: translate(-54.8%);
}
.bar {
flex: none;
width: 286px;
height: 2px;
position: relative;
overflow: visible;
}
.clipper {
z-index: 10;
background-color: #1e1e1e;
width: 286px;
height: 2px;
position: relative;
overflow: hidden;
}
.clipped-light {
z-index: 21;
width: 200%;
height: 130%;
position: relative;
transform: translate(-51%);
}
.clipped-light.clipped-light-1 {
z-index: 21;
}
.preloader {
z-index: 1003;
background-color: #000;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.logo-3 {
z-index: 520;
width: 46px;
height: 46px;
margin-bottom: 20px;
margin-left: 6px;
position: relative;
}
.cloneable__footer {
z-index: 1005;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 4rem;
}
.cloneable__text {
z-index: 1005;
color: #535353;
text-align: center;
text-transform: uppercase;
font-family: Inconsolata, monospace;
line-height: 110%;
}
.cloneable__text.is--reload {
cursor: pointer;
border: 1px solid #535353;
border-radius: 4px;
padding: 8px 12px;
transition: color .4s;
}
.cloneable__text.is--reload:hover {
color: #f5f5f5;
}
.draggable-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
max-width: 100%;
height: 1%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: absolute;
inset: 45% 0% auto;
overflow: visible;
}
.draggable-wrap.left {
width: 600px;
margin-left: 0;
}
.draggable-wrap.bottom {
align-content: flex-end;
inset: auto 0% 0%;
}
.draggable {
cursor: grab;
background-color: #ffe18d00;
border-radius: 8px;
width: 300px;
height: 200px;
margin: 0 10px 0 0;
padding: 0;
position: relative;
top: 0;
left: 0;
}
.draggable.btn {
text-align: center;
background-color: #000;
justify-content: center;
align-items: center;
width: 160px;
height: 50px;
padding-top: 0;
padding-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
display: flex;
}
.draggable.adjust {
background-color: #ffe18d00;
margin-top: 0;
margin-left: 0;
}
.draggable.adjust._2 {
margin-top: 0;
margin-left: -5px;
margin-right: -110px;
position: relative;
top: 0;
left: 0;
}
.draggable.adjust._2._3-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.draggable.adjust-1 {
width: 240px;
height: 200px;
margin-top: 220px;
margin-bottom: 0;
margin-left: 0;
top: 0;
left: 0;
}
.draggable.adjust-4 {
width: 240px;
height: 200px;
margin-left: 0;
margin-right: 0;
}
.draggable.downnn {
width: 240px;
height: 200px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
top: 0;
left: 0;
}
.card-img {
margin-bottom: 20px;
}
.heading-4 {
color: #fff;
text-align: center;
margin-top: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 52px;
}
.paragraph {
color: var(--dark);
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 21px;
}
.text-field {
border-radius: 12px;
height: 3.8rem;
margin-bottom: 2rem;
padding: 1rem 1.5rem;
font-size: 1rem;
}
.heading-uppercase {
text-transform: uppercase;
}
.heading-uppercase.text-align-center {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.form-label-2 {
letter-spacing: .2px;
text-transform: uppercase;
font-size: .8rem;
font-weight: 600;
}
.todo_component {
background-color: #e2e2e2;
border-radius: 20px;
min-width: 380px;
padding: 2rem;
}
.todo_component.smooth-shadow {
flex-direction: column;
justify-content: flex-start;
min-width: 400px;
height: 700px;
margin: 100px auto auto 100px;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
}
.error-message {
width: 100%;
height: 0;
}
.todo_item {
cursor: pointer;
background-color: #fff;
border-radius: 12px;
justify-content: space-between;
align-items: center;
margin-top: .3rem;
margin-bottom: .3rem;
padding: 1rem 1.5rem;
transition: all .3s ease-out;
display: flex;
}
.todo_item:hover {
opacity: .7;
}
.svg-icon {
justify-content: center;
align-items: center;
width: 20px;
display: flex;
}
.svg-icon.trash-icon {
margin-left: .5rem;
transition: all .3s;
}
.svg-icon.trash-icon:hover {
color: #000;
transform: scale(1.2);
}
.todo_middle-area {
flex: 1;
}
.heading-5 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.centralizer {
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
padding: 4rem;
display: flex;
position: relative;
}
.main-wrap-2 {
width: 45%;
position: relative;
}
.simple {
width: 100%;
margin-bottom: 4rem;
position: relative;
}
.button-15 {
margin-right: 1rem;
padding: .5rem 1rem;
font-size: .8rem;
line-height: 1.2em;
}
.btn-wrap {
flex-direction: row;
display: flex;
}
.alignment-right {
text-align: right;
}
.alignment-left {
text-align: left;
}
.alignment-center {
text-align: center;
}
.base-section {
padding-top: 20px;
padding-bottom: 20px;
}
.h1 {
color: #000;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
}
.heading-6 {
color: #000;
border-bottom: 1px solid silver;
margin-top: 0;
margin-bottom: 30px;
padding-bottom: 10px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.link-26 {
color: #fff;
background-color: #0098ff;
border-radius: 5px;
margin-bottom: 10px;
margin-left: 5px;
padding: 5px 10px;
font-weight: 400;
text-decoration: none;
display: inline-block;
}
.ui-widget-content {
z-index: 9000;
float: left;
background-color: silver;
width: 100px;
height: 100px;
position: relative;
}
.ui-widget-header {
float: left;
background-color: #fff200;
width: 150px;
height: 150px;
}
.heading-7, .heading-8, .paragraph-2, .paragraph-3 {
color: #000;
}
.button-16 {
color: #fafafa;
background-color: #fafafa;
background-image: linear-gradient(135deg, #00cca8, #057b66);
border-radius: 8px;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: 1rem;
font-weight: 400;
}
.navbar-svg {
object-fit: fill;
border: 1px solid #2c2c2c;
border-radius: 4px;
min-width: 15rem;
max-width: 30rem;
max-height: 15rem;
position: absolute;
inset: 9% auto auto 5%;
}
.button_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
align-items: center;
display: flex;
}
.mosaico-logo {
width: 2rem;
height: 2rem;
}
.heading-9 {
color: #fafafa;
font-size: 4rem;
line-height: 105%;
}
.button-secondary {
background-color: #151515;
border: 1px solid #fafafa;
border-radius: .5rem;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: 1rem;
font-weight: 400;
}
.heading1_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
display: flex;
}
.main-wrapper-2 {
position: relative;
}
.bg {
z-index: -1;
opacity: .47;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.text-large {
max-width: 40ch;
font-size: 1.5rem;
line-height: 140%;
}
.mosaico-banner {
z-index: 1000000;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: #fafafa;
background-color: #15151596;
border: 1px solid #242424;
border-radius: 12px;
justify-content: center;
align-items: center;
padding-left: .5rem;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: fixed;
inset: auto 2rem 2rem auto;
box-shadow: 0 0 5px #0000009e;
}
.mosaico-banner:hover {
background-color: #2c2c2c8c;
}
.section-9 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.section-9.hero {
justify-content: center;
align-items: center;
width: 100%;
height: 90vh;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.container-global {
width: 100%;
max-width: 90rem;
height: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.form-svg {
border: 1px solid #2c2c2c;
border-radius: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 15rem;
max-width: 35rem;
min-height: 15rem;
max-height: 25rem;
position: absolute;
inset: auto auto 6% 6%;
}
.h1-span {
color: #00cca8;
}
.testimonial-svg {
border: 1px solid #2c2c2c;
border-radius: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 15rem;
max-width: 25rem;
min-height: 15rem;
max-height: 20rem;
position: absolute;
inset: auto 3% 13% auto;
}
.home_hero {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 6rem;
display: flex;
}
.image-63 {
outline-color: var(--green);
outline-offset: 1px;
outline-width: 1px;
outline-style: none;
}
.card-tags {
padding-top: 2px;
padding-bottom: 2px;
padding-left: .5rem;
font-size: 12px;
line-height: 18px;
box-shadow: 0 2px #bdd2c1;
}
.day {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
box-shadow: none;
color: #00a05e;
text-transform: none;
background-color: #333;
border: 1px solid #2a2a2a;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 3px .75rem;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-decoration: none;
transition: none;
display: flex;
}
.day.w--current {
opacity: 1;
color: #fff;
background-color: #000;
}
.link-block-3 {
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
}
.button-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-left: 0;
display: flex;
}
.section-tab {
border-bottom: 1px solid var(--divider-line);
width: 100%;
position: relative;
}
.tags {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #00a05e;
text-transform: none;
background-color: #d2e9d7;
border: 1px solid #bdd2c1;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 120px;
height: 24px;
margin-bottom: 0;
padding: 2px .75rem 2px .5rem;
font-family: "Skiffmono Abfa 75 380 100", sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 16px;
text-decoration: none;
transition: none;
display: flex;
box-shadow: 0 3px #bdd2c1;
}
.tags.w--current {
opacity: 1;
color: #fff;
background-color: #000;
}
.tags.grey {
box-shadow: none;
color: #696969;
text-transform: none;
background-color: #fff;
border-color: #dcdcdc;
border-radius: 8px;
height: 2rem;
padding: 0 1rem;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: 14px;
}
.tags.grey:hover {
color: var(--dark);
background-color: #fff;
box-shadow: 0 3px #dcdcdc;
}
.tags.grey.dark {
color: var(--dark);
text-transform: none;
border-radius: 8px;
padding: 8px 1rem;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: 14px;
}
.tags.grey.dark:hover {
background-color: #fff;
box-shadow: 0 3px #dcdcdc;
}
.tags.grey.height {
width: 7rem;
height: 2rem;
margin-right: 16px;
padding-left: 1rem;
}
.tags.grey.height.range {
width: 9.5rem;
}
.tags.grey.height.range.damn {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: #707070;
background-color: #f1f1f1;
border-style: none;
height: 40px;
margin-bottom: 0;
margin-right: 0;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
display: flex;
}
.tags.grey.height.range.damn:hover {
box-shadow: none;
}
.tags.grey.height.range.damn.first {
color: #707070;
background-color: #f1f1f1;
border-style: none;
margin-right: 12px;
}
.tags.grey.default {
text-align: left;
width: 140px;
}
.tags.grey.free {
justify-content: center;
width: 60px;
}
.tags.grey.paid {
width: 60px;
}
.days {
justify-content: flex-end;
width: 120px;
display: flex;
}
.days.work {
width: 72px;
}
.div-block-60 {
justify-content: flex-end;
align-items: center;
width: 300px;
margin-bottom: 1rem;
display: flex;
}
.div-block-61 {
justify-content: space-between;
margin: .75rem 1.5rem;
display: flex;
}
.div-block-61.no-gap {
margin: 6px 0 0;
}
.div-block-62 {
border-bottom: 1px #000;
margin: 0;
}
.div-block-63 {
border-bottom: 1px none var(--divider-line);
background-color: #fafafa00;
border-radius: 0;
height: 60px;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
}
.card-template {
border: 1px solid var(--divider-line);
border-radius: 6px;
}
.card-template:hover {
background-color: var(--borders);
}
.image-template {
border-radius: 6px;
margin: 10px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.template-thumbnail {
border-radius: 6px;
width: 100%;
}
.title-template {
margin-left: 10px;
margin-right: 10px;
font-family: "Universal Sans Text 470 470 100", sans-serif;
}
.card-detail-template {
justify-content: space-between;
align-items: center;
margin-left: 10px;
margin-right: 10px;
display: flex;
}
.detail-title {
align-items: center;
display: flex;
}
.navbar1_component-2 {
background-color: #0000;
border-bottom: 1px solid #0000;
align-items: center;
width: 100%;
height: auto;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.button-17 {
color: #0000;
text-align: center;
background-color: #0000;
border: 1px solid #0000;
padding: .75rem 1.5rem;
}
.button-17.is-small {
padding: .5rem 1.25rem;
}
.button-17.is-secondary {
color: #0000;
background-color: #0000;
}
.dropdown-chevron-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.navbar1_dropdown-link-2 {
padding: .5rem 1rem;
}
.navbar1_dropdown-link-2.w--current {
color: #0000;
}
.navbar1_menu-2 {
align-items: center;
display: flex;
position: static;
}
.navbar1_dropdown-list-2.w--open {
background-color: #fff;
border: 1px solid #000;
padding: .5rem;
}
.navbar1_menu-buttons-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: 1rem;
display: flex;
}
.navbar1_dropdown-toggle-2 {
grid-column-gap: .5rem;
align-items: center;
padding: .5rem 1rem;
display: flex;
}
.navbar1_logo-link-2 {
padding-left: 0;
}
.navbar1_link-2 {
padding: .5rem 1rem;
}
.navbar1_link-2.w--current {
color: #0000;
}
.text-block-157, .text-block-158, .text-block-159 {
display: none;
}
.text-size-medium-4 {
font-size: 1.125rem;
}
.text-size-medium-4.text-weight-medium {
font-family: Inter, sans-serif;
}
.button-18 {
color: #0000;
text-align: center;
background-color: #0000;
border: 1px solid #0000;
padding: .75rem 1.5rem;
}
.button-18.is-secondary {
color: #0000;
background-color: #0000;
}
.padding-section-large-2 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.padding-section-large-2.is-hero {
padding-top: 4rem;
}
.button-group-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.padding-global-2 {
padding-left: 5%;
padding-right: 5%;
}
.text-weight-semibold {
font-weight: 600;
}
.faq1_component {
border-bottom: 1px solid #0000;
}
.faq1_question {
cursor: pointer;
border-top: 1px solid #0000;
justify-content: space-between;
align-items: center;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
display: flex;
}
.faq1_answer {
overflow: hidden;
}
.max-width-medium-2 {
width: 100%;
max-width: 35rem;
}
.padding-global-3 {
padding-left: 5%;
padding-right: 5%;
}
.faq1_icon-wrapper {
align-self: flex-start;
width: 2rem;
margin-left: 1.5rem;
display: flex;
}
.faq1_accordion {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.dropdown-list-12.w--open {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 4px 16px #262b4033;
}
.container-2 {
width: 100%;
max-width: 1728px;
margin-left: auto;
margin-right: auto;
padding-left: 6%;
padding-right: 6%;
}
.nav-items {
grid-column-gap: 4.44%;
justify-content: space-between;
align-items: center;
width: 100%;
height: 80px;
display: flex;
}
.dropdown-toggle {
grid-column-gap: 4px;
align-items: center;
padding: 0;
display: flex;
}
.log-in-button {
color: #262b40;
background-color: #fff;
justify-content: center;
align-items: center;
min-height: 40px;
padding: 0;
font-size: 14px;
display: flex;
}
.log-in-button:hover {
text-decoration: underline;
}
.log-in-button.nav-dark {
color: #fff9;
background-color: #0000;
}
.navigation {
background-color: #fff;
width: 100%;
}
.navigation.nav-dark {
background-color: #08061b;
}
.nav-buttons, .nav-links {
grid-column-gap: 24px;
align-items: center;
display: flex;
}
.nav-link {
padding: 8px 0;
font-size: 14px;
transition: color .1s ease-out;
}
.nav-link:hover {
color: #6239ec;
}
.nav-link.w--current {
color: #262b40;
}
.nav-link.nav-dark {
color: #fff9;
}
.nav-link.nav-dark:hover {
color: #fff;
}
.sign-up-button {
background-color: #6239ec;
justify-content: center;
align-items: center;
min-width: 88px;
min-height: 40px;
padding: 0 8px;
font-size: 14px;
font-weight: 500;
display: flex;
}
.sign-up-button.nav-dark {
background-color: #fff3;
border: 1px solid #fff3;
}
.brand-image {
width: 100%;
}
.dropdown-link {
border-bottom: 1px solid #262b401a;
align-items: center;
width: 100%;
height: 48px;
padding: 8px 32px 8px 16px;
font-size: 14px;
display: flex;
}
.dropdown-link:hover {
background-color: #262b400a;
}
.dropdown-link.w--current {
color: #262b40;
}
.brand-link {
align-items: center;
width: 80px;
padding-left: 0;
display: flex;
}
.nav-menu {
grid-column-gap: 4.44%;
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.dropdown-list-13.w--open {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 4px 16px #262b4033;
}
.dropdown-link-4 {
border-bottom: 1px solid #262b401a;
align-items: center;
width: 100%;
height: 48px;
padding: 8px 32px 8px 16px;
font-size: 14px;
display: flex;
}
.dropdown-link-4:hover {
background-color: #262b400a;
}
.dropdown-link-4.w--current {
color: #262b40;
}
.nav-menu-11 {
grid-column-gap: 4.44%;
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.header-heading {
letter-spacing: -.01em;
font-size: 3.4vw;
font-weight: 400;
line-height: 1;
}
.header-heading.hero {
position: relative;
}
.email-link {
text-decoration: none;
}
.email-link:hover {
text-decoration: underline;
}
.social-wrapper {
grid-row-gap: .5rem;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.social-wrapper.is-footer {
margin-top: 12.25rem;
}
.footer {
padding-bottom: 1.5rem;
}
.header-image {
justify-content: center;
align-items: center;
width: 80%;
display: flex;
position: relative;
}
.main-grid {
grid-column-gap: 1vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.main-grid.hero {
width: 100%;
height: 100vh;
padding-bottom: 1vh;
}
.header-content {
justify-content: space-between;
display: flex;
}
.navbar-wrapper {
text-transform: capitalize;
background-color: #fff;
padding-top: 1rem;
padding-bottom: 1rem;
}
.nav-link-9 {
padding: 0;
text-decoration: none;
}
.nav-link-9:hover {
text-decoration: underline;
}
.work-list-wrapper {
grid-column-gap: 1vw;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 7.25rem;
}
.work-list {
grid-column-gap: 1vw;
grid-row-gap: 0px;
border-bottom: 1px solid #0003;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center start;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
display: grid;
}
.list-jobs {
grid-column-gap: 1vw;
grid-row-gap: 0px;
border-bottom: 1px solid #0003;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
display: grid;
}
.link-2 {
text-decoration: none;
}
.job-timeline {
grid-column-gap: 6px;
grid-row-gap: 0px;
flex-direction: row;
align-items: center;
display: flex;
}
.list-job-wrapper {
width: 100%;
margin-top: 9rem;
}
.section-divider {
border-bottom: 1px solid #0003;
margin-top: 12.25rem;
margin-bottom: 2rem;
padding-bottom: 1rem;
}
.letter-heading {
font-size: 10vw;
line-height: 1;
}
.text-big {
font-size: 2rem;
font-weight: 400;
line-height: 1.1;
}
.paragraph-4 {
color: #000;
}
.container-3 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.nav-links-2 {
align-items: center;
display: flex;
}
.menu-button {
display: none;
}
.text-divider {
background-color: #000;
width: 1.375rem;
height: 1px;
}
.navbar-mobile {
display: none;
}
.paragraph-spacer {
grid-row-gap: 1.5rem;
width: 100%;
}
.paragraph-spacer.contact {
grid-row-gap: 3.375rem;
line-height: 1.1px;
}
.navbar {
width: 100%;
position: fixed;
}
.section-heading {
margin-top: 9rem;
}
.work-name {
letter-spacing: -.01em;
font-size: 3.4vw;
font-weight: 400;
line-height: 1;
}
.text-wrapper-2 {
width: 100%;
}
.link-29 {
text-decoration: none;
}
.container-4 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.nav-links-3 {
align-items: center;
display: flex;
}
.menu-button-6 {
display: none;
}
.arrow-icon_circle {
border: 2px solid #141414;
border-radius: 50%;
width: 1.25rem;
height: 1.25rem;
position: absolute;
inset: 0%;
}
.header_component {
flex-direction: column;
justify-content: space-between;
min-height: 100dvh;
margin-bottom: 10rem;
padding-top: 5rem;
padding-bottom: 2vw;
display: flex;
position: relative;
}
.logos_logo {
width: auto;
height: 1.75rem;
}
.footer_wrapper {
z-index: 1;
grid-template-rows: auto;
grid-template-columns: 1fr max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 1rem 2vw;
display: flex;
}
.reading-list_dot {
background-color: #d6d6d6;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: .5rem;
height: .5rem;
margin-top: .5rem;
display: flex;
}
.logos_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 2rem;
padding-bottom: 1rem;
display: flex;
}
.max-width-small-2 {
width: 100%;
max-width: 30rem;
}
.reading-list_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 3fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.cursor_pointer-wrapper {
z-index: 99999;
opacity: 0;
align-items: flex-start;
width: 1px;
height: 1px;
display: flex;
}
.text-style_location-icon-span {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658caba0383d9bd0af26747e_TH.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 1.125rem 1.125rem;
}
.button-tertiary {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #737373;
white-space: nowrap;
justify-content: center;
align-items: center;
margin: -.5rem;
padding: .5rem;
font-weight: 600;
transition: color .2s;
display: flex;
position: relative;
}
.button-tertiary:hover {
color: #141414;
}
.arrow-icon_icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
position: absolute;
inset: 0%;
}
.mobile-tabs_component-2 {
justify-content: center;
padding-bottom: 1.5rem;
display: none;
position: fixed;
inset: auto 0% 0%;
}
.project_component {
position: relative;
}
.page-padding-2 {
background-color: #fff0;
padding-left: 2vw;
padding-right: 2vw;
}
.text-size-medium-5 {
letter-spacing: normal;
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.mobile-tabs_links-wrapper-3 {
z-index: 99;
grid-column-gap: .125rem;
grid-row-gap: .125rem;
-webkit-backdrop-filter: blur(8px) saturate(200%);
backdrop-filter: blur(8px) saturate(200%);
background-color: #fffc;
border: 1px solid #e5e5e5;
border-radius: 2rem;
align-items: center;
padding: .25rem;
display: flex;
overflow: hidden;
box-shadow: 0 12px 16px -4px #14141414, 0 4px 6px -2px #14141408;
}
.logo_component {
z-index: 1;
margin: -.5rem;
padding: .5rem;
}
.project_image-wrapper {
cursor: none;
margin-bottom: 1.5rem;
}
.logo_logomark {
background-color: #141414;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: .75rem;
height: .75rem;
margin-right: .5rem;
display: flex;
}
.project_details-wrapper {
z-index: 1;
text-align: left;
flex-direction: column;
justify-content: flex-end;
max-width: 28rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.header_content-wrapper {
justify-content: space-between;
display: flex;
}
.logo_wrapper {
white-space: nowrap;
flex-wrap: nowrap;
align-items: center;
font-weight: 600;
display: flex;
}
.text-style-link-2 {
text-decoration: underline;
}
.text-style-link-2:hover {
color: #141414;
}
.section_reading {
min-height: 100dvh;
}
.cursor_component {
z-index: 10;
cursor: none;
position: absolute;
inset: 0%;
}
.project_content-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar_wrapper {
z-index: 1;
-webkit-backdrop-filter: blur(8px) saturate(150%);
backdrop-filter: blur(8px) saturate(150%);
background-color: #ffffffe6;
grid-template-rows: auto;
grid-template-columns: 1fr max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 1rem 2vw;
display: flex;
}
.main-wrapper-4 {
flex-direction: column;
}
.header_content-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-end;
place-items: flex-end start;
width: 100%;
display: flex;
}
.page-wrapper-t1-2 {
background-color: #fff;
overflow: hidden;
}
.button_underline {
background-color: #141414;
width: 100%;
height: 2px;
display: none;
}
.section_about {
min-height: 100dvh;
}
.reading-list_year-wrapper {
padding-top: 1rem;
}
.header_content-left {
flex: none;
justify-content: center;
align-items: center;
width: 30%;
display: flex;
}
.reading-list_wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 28rem;
margin-right: -2vw;
padding-right: 2vw;
display: grid;
position: relative;
overflow: hidden;
}
.image-64 {
object-fit: contain;
border-radius: .5rem;
width: 244px;
height: 100%;
margin-right: 0;
position: absolute;
inset: 0%;
}
.image-64.border-color-gray200 {
border: 1px solid #e5e5e5;
width: 100%;
}
.navbar_links-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.max-width-xsmall-2 {
width: 100%;
max-width: 25rem;
}
.footer_links-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.projects_component {
grid-column-gap: 4rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.button-19 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #141414;
white-space: nowrap;
justify-content: center;
align-items: center;
margin: -.5rem;
padding: .5rem;
font-family: "Universal Sans Display 380 380 100", sans-serif;
font-weight: 600;
display: flex;
position: relative;
}
.section_projects {
min-height: 100dvh;
}
.cursor_pointer {
width: 8.25rem;
min-width: 8.25rem;
height: 3rem;
min-height: 3rem;
position: relative;
inset: 0% auto auto 0%;
}
.reading-list_row {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: flex-start start;
width: 100%;
padding: 1rem 1.25rem;
transition: background-color .2s;
display: flex;
position: relative;
}
.reading-list_row:hover {
background-color: #f5f5f5;
}
.image-wrapper-8-5 {
width: 100%;
padding-top: 62.5%;
position: relative;
}
.button_underline-wrapper {
margin: .5rem;
position: absolute;
inset: auto 0% -.25rem;
overflow: hidden;
}
.arrow-icon_component {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
position: relative;
overflow: hidden;
}
.arrow-icon_component.is-pointing-up {
transform: rotate(-45deg);
}
.arrow-icon_component.is-pointing-down {
transform: rotate(90deg);
}
.section_footer {
flex-direction: column;
justify-content: space-between;
min-height: 100dvh;
display: flex;
}
.image-wrapper-3-2 {
width: 100%;
padding-top: 66.66%;
position: relative;
}
.button-secondary-2 {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
color: #141414;
white-space: nowrap;
justify-content: center;
align-items: center;
margin: -.5rem;
padding: .5rem;
font-weight: 600;
display: flex;
position: relative;
}
.mobile-tabs_link {
color: #737373;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: 2rem;
align-items: center;
padding: .375rem .75rem;
font-weight: 600;
transition: color .2s, border-color .2s, box-shadow .2s, background-color .2s;
display: flex;
}
.mobile-tabs_link.w--current {
color: #141414;
background-color: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 2px #1414140f;
}
.reading-list_wrapper-overlay {
z-index: 1;
cursor: pointer;
background-image: linear-gradient(#fff0, #fff 65%);
justify-content: flex-start;
align-items: flex-end;
height: 10.5rem;
padding-bottom: 1rem;
padding-left: 1.25rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.container-5 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.reading-list_title {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
width: 100%;
display: flex;
}
.cursor_wrapper {
z-index: 99999;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0%;
}
.text-size-medium-5-copy {
opacity: 1;
color: #141414;
letter-spacing: normal;
font-family: "Skiffmono Abfa 75 380 100", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.text-size-medium-5-copy.space {
margin-left: 4px;
}
.image-64-copy {
object-fit: contain;
border-radius: .5rem;
width: 244px;
height: 100%;
margin-right: 0;
position: absolute;
inset: 0%;
}
.image-64-copy.border-color-gray200 {
border: 1px solid #e5e5e5;
}
.empty-state {
display: none;
}
.section-title {
border-top: .125rem solid #000;
align-self: stretch;
padding-top: 1.5rem;
}
.section-title.is-offset {
margin-top: .5625rem;
}
.button-wrapper-2 {
display: flex;
}
.project-thumbnail-image-wrapper {
background-color: #0000000a;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658cbc04ecbc3a7acd75e46d_designbysaket-qrcode.png");
background-position: 0 0;
background-size: contain;
background-attachment: scroll;
border: 1px solid #ebebeb;
border-radius: .375rem;
padding-top: 62.5%;
position: relative;
overflow: hidden;
}
.heading-xlarge {
font-size: 5rem;
font-weight: 500;
line-height: 1.1;
}
.layout-12-column {
grid-column-gap: 4rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.about-image-wrapper {
flex-direction: column;
flex: 1;
padding-top: 40%;
display: flex;
transform: translate(0);
}
.max-width-medium-3 {
width: 100%;
max-width: 32rem;
}
.section-footer {
background-color: #f2fce2;
justify-content: center;
align-items: flex-start;
padding-top: 10rem;
padding-bottom: 10rem;
display: flex;
}
.heading-medium-2 {
font-size: 2rem;
font-weight: 500;
line-height: 1.2;
}
.social-media-links-layout {
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: start;
justify-items: start;
display: grid;
}
.work-collection_list {
grid-column-gap: 2rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.work-collection_list.is-featured-project {
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 5rem;
}
.work-collection_list.is-resource-cloumn-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.navigation-grid {
grid-column-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
align-items: center;
display: grid;
}
.sticky-title-wrapper {
position: sticky;
top: 7.75rem;
}
.subscribe-form-flex {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 1;
max-width: 36rem;
display: flex;
}
.nav-menu-12 {
justify-content: flex-end;
display: flex;
}
.social-links-wrapper {
grid-column-gap: 2.5rem;
align-items: center;
display: flex;
}
.section-12 {
align-items: flex-start;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
display: flex;
}
.section-12.with-divider {
border-bottom: .0625rem solid #00000014;
justify-content: space-between;
}
.content-wrapper {
flex-direction: column;
display: flex;
}
.page-padding-3 {
flex: 1;
padding-left: 5rem;
padding-right: 5rem;
}
.list-item {
border-bottom: .0625rem solid #00000014;
width: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
}
.list-item.is-last {
border-bottom-width: 0;
padding-bottom: 0;
}
.list-item.is-first {
padding-top: 0;
}
.list-item.is-interactive:hover {
opacity: .72;
transform: skew(1deg, 1deg);
}
.list-item.is-interactive:active {
transform: scale(.98)skew(0deg);
}
.interests-image {
border-radius: .25rem;
height: 100%;
position: absolute;
inset: 0%;
}
.icon-1x1 {
width: 1.5rem;
height: 1.5rem;
}
.text-style-link-3 {
color: #000;
cursor: pointer;
transition: box-shadow .3s cubic-bezier(.165, .84, .44, 1), transform .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1);
box-shadow: inset 0 -3px #00000014;
}
.text-style-link-3:hover {
box-shadow: none;
opacity: .64;
transform: skew(0deg, 3deg);
}
.text-style-link-3:active {
transform: scale(.94)skew(0deg);
}
.project-thumbnail-link {
z-index: 1;
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
transform: skew(0deg);
}
.project-thumbnail-link:hover {
opacity: .75;
transform: skew(.72deg, .72deg);
}
.project-thumbnail-link:active {
transform: scale(.99);
}
.project-thumbnail-link:focus-visible, .project-thumbnail-link[data-wf-focus-visible] {
outline-offset: .25rem;
}
.text-size-large-2 {
margin-bottom: 2.5rem;
font-size: 2rem;
}
.text-size-medium-6 {
font-size: 1.5rem;
}
.about-image {
object-fit: fill;
height: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
overflow: visible;
}
.logo-4 {
width: 2.25rem;
height: 2.5rem;
}
.writing-collection-item {
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.heading-small-2 {
text-transform: none;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
}
.heading-small-2.text-weight-regular {
font-weight: 400;
}
.project-title-div {
width: 100%;
margin-top: 1.5rem;
display: flex;
}
.section-nav {
background-color: #f2fce2;
justify-content: center;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.section-nav.is-multi-colored {
z-index: 9999;
align-items: center;
height: 4.75rem;
position: sticky;
top: 0;
}
.text-size-regular-2 {
font-size: 1.25rem;
}
.text-size-regular-2.text-weight-medium {
font-weight: 500;
}
.subscribe-form-input-wrapper {
width: 100%;
}
.footer_row {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
display: grid;
}
.project-thumbnail-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.nav-container {
justify-content: space-between;
align-self: center;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.grid-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-3._4 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.text-size-small-2 {
font-size: 1rem;
}
.logo-wrapper {
flex: 1;
}
.logo-wrapper.mobile-menu {
display: none;
}
.logo-image {
color: #000;
height: 2.4rem;
transition: opacity .3s cubic-bezier(.165, .84, .44, 1), transform .3s cubic-bezier(.165, .84, .44, 1);
display: block;
}
.logo-image:hover {
position: static;
overflow: visible;
transform: rotate(-45deg);
}
.logo-image:active {
transform: scale(.9)rotate(-45deg);
}
.error-message-2 {
text-align: left;
background-color: #fcedf6;
border-radius: .375rem;
max-width: 36rem;
height: 3.75rem;
margin-top: 1rem;
padding: .875rem 1.5rem;
font-size: 1.25rem;
font-weight: 500;
}
.interest-image-wrapper {
height: 0;
padding-top: 100%;
position: relative;
}
.work-collection-item {
width: 100%;
display: flex;
}
.section-header {
background-color: #f2fce2;
justify-content: center;
padding-top: 12.5rem;
padding-bottom: 10rem;
display: flex;
}
.button-20 {
color: #fff;
text-align: center;
letter-spacing: .125rem;
text-transform: uppercase;
background-color: #000;
border-radius: .375rem;
padding: 1.125rem 2rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
transition: transform .25s cubic-bezier(.165, .84, .44, 1), opacity .25s cubic-bezier(.165, .84, .44, 1);
}
.button-20:hover {
opacity: .8;
transform: translate(0, -.125rem);
}
.button-20:active {
transform: scale(.98)translate(0);
}
.button-20:focus-visible, .button-20[data-wf-focus-visible] {
outline-offset: 0rem;
border-radius: .4375rem;
outline: .1875rem solid #0000003d;
}
.button-20.small {
padding: .6rem 1rem;
font-size: .8rem;
}
.button-20.small.skip-to-main {
z-index: 1;
margin-top: -8rem;
position: absolute;
bottom: auto;
right: auto;
}
.button-20.small.skip-to-main:focus-visible, .button-20.small.skip-to-main[data-wf-focus-visible] {
margin-top: 0;
}
.form-block-4 {
flex-direction: column;
justify-content: center;
display: flex;
}
.success-message {
text-align: left;
background-color: #f2fce2;
border-radius: .375rem;
max-width: 36rem;
height: 3.75rem;
padding: .875rem 1.5rem;
font-size: 1.25rem;
font-weight: 500;
}
.form-input-2 {
letter-spacing: .006em;
background-color: #fff;
border: .0625rem solid #00000029;
border-radius: .375rem;
max-width: 36rem;
height: 3.75rem;
margin-bottom: 0;
padding: 1rem 1.5rem;
transition: all .3s cubic-bezier(.165, .84, .44, 1);
}
.form-input-2:hover {
border-color: #00000047;
}
.form-input-2:focus {
border: .0625rem solid #000;
box-shadow: 0 0 0 .125rem #000;
}
.form-input-2::placeholder {
color: #000000a8;
}
.navigation-link {
color: #000;
letter-spacing: .015625rem;
cursor: pointer;
align-items: center;
height: 100%;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.6;
display: flex;
}
.navigation-link:hover {
opacity: .64;
text-decoration: none;
transform: skew(3deg, 3deg);
}
.navigation-link:active {
text-transform: capitalize;
transform: scale(.9)skew(0deg);
}
.navigation-link.w--current {
opacity: 1;
text-transform: capitalize;
background-color: #0000;
}
.navigation-link.w--current:hover {
opacity: 1;
transform: skew(0deg);
}
.interests-layout {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.text-weight-regular {
font-weight: 400;
}
.writing-link-details {
align-items: center;
display: flex;
}
.logo-5 {
width: 2.25rem;
height: 2.5rem;
}
.text-size-regular-3 {
font-size: 1.25rem;
}
.text-size-regular-3.text-weight-medium {
font-weight: 500;
}
.button-21 {
color: #fff;
text-align: center;
letter-spacing: .125rem;
text-transform: uppercase;
background-color: #000;
border-radius: .375rem;
padding: 1.125rem 2rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
transition: transform .25s cubic-bezier(.165, .84, .44, 1), opacity .25s cubic-bezier(.165, .84, .44, 1);
}
.button-21:hover {
opacity: .8;
transform: translate(0, -.125rem);
}
.button-21:active {
transform: scale(.98)translate(0);
}
.button-21:focus-visible, .button-21[data-wf-focus-visible] {
outline-offset: 0rem;
border-radius: .4375rem;
outline: .1875rem solid #0000003d;
}
.button-21.small {
padding: .6rem 1rem;
font-size: .8rem;
}
.button-21.small.skip-to-main {
z-index: 1;
margin-top: -8rem;
position: absolute;
bottom: auto;
right: auto;
}
.button-21.small.skip-to-main:focus-visible, .button-21.small.skip-to-main[data-wf-focus-visible] {
margin-top: 0;
}
.skills-list-3 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
width: 150px;
height: 90px;
display: flex;
}
.slider-container-3 {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
overflow: auto;
}
.link-block-4 {
z-index: 1;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 350px 30px 30px;
display: flex;
position: relative;
}
.price-tag-2 {
color: #333;
text-align: left;
margin-top: 30px;
font-size: .8rem;
font-weight: 600;
position: absolute;
bottom: 10px;
}
.price-tag-2:hover {
color: #333;
}
.grid-4 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.jobs-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.text-field-4 {
border: 1px solid #ddd;
border-radius: 20px;
width: 240px;
height: 42px;
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
.text-field-4::placeholder {
color: #222;
font-weight: 400;
}
.form-6 {
justify-content: center;
align-items: center;
display: block;
position: relative;
}
.nav-link-10 {
color: #222;
}
.dropdown-link-5 {
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 14px;
font-weight: 400;
}
.search-icon {
width: 14px;
}
.image-4 {
width: 20px;
}
.dropdown-toggle-5 {
border: 1px #ddd;
border-left: 1px solid #e6e6e6;
border-radius: 0;
height: 48px;
margin-left: 0;
padding: 10px 15px;
display: block;
right: auto;
}
.div-block-2 {
background-color: #e9e9e9;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.global-icon {
width: 20px;
}
.form-block-5 {
margin-bottom: 0;
}
.nav-search {
display: block;
}
.link-block {
align-items: center;
height: 48px;
padding: 0 15px;
display: flex;
}
.dropdown-list-14 {
background-color: #916e6e;
border-radius: 12px;
padding-top: 12px;
padding-bottom: 12px;
left: auto;
right: 0;
}
.dropdown-list-14.w--open {
background-color: #fff;
margin-top: 4px;
box-shadow: 0 2px 10px 1px #00000014;
}
.dropdown-link-2 {
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 14px;
font-weight: 400;
}
.search-link-block {
background-color: #ff385c;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
position: absolute;
inset: 6px 10px 0% auto;
}
.nav_component {
background-color: #0000;
height: 5rem;
margin-top: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
box-shadow: 1px 1px #00000014;
}
.image-65 {
width: 100px;
}
.image-6 {
width: 16px;
margin-right: 12px;
}
.nav_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 72rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.span-body-small {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #f5f5f5;
border: 1px solid #dcdcdc;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 24px;
padding: 0 12px;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
display: flex;
position: static;
top: 15.7715px;
left: .0839844px;
box-shadow: 0 2px #dcdcdc;
}
.text-8 {
color: #696969;
letter-spacing: 0;
text-transform: uppercase;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 14px;
}
.loading-group {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #ddd;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 210px;
padding-top: 0;
padding-right: 0;
display: flex;
position: relative;
}
.group {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-image: linear-gradient(#0000 80%, #00000040 100%);
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
padding: 12px 11px;
display: flex;
}
.div-m1dum4mk {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 10px;
display: flex;
}
.group-link-4e367eea-801c-43fa-a7f0-4020a57ac21e-jpg {
grid-column-gap: 10px;
grid-row-gap: 10px;
object-fit: cover;
border-radius: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0;
display: flex;
position: absolute;
top: -1px;
left: 0;
}
.frame-1171276059 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-right: 10px;
padding: 6px;
display: flex;
position: absolute;
}
.vectors-wrapper-14 {
object-fit: fill;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.image-66 {
border-radius: 12px;
width: 100%;
height: 210px;
}
.link-block-5 {
text-decoration: none;
}
.text-style-muted-copy {
opacity: 1;
color: #707070;
font-size: 15px;
line-height: 1;
}
.text-style-muted-copy.body {
color: var(--dark);
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 13px;
line-height: 1.5;
}
.text-style-muted-copy.number {
margin-right: 3px;
font-size: 13px;
}
.text-style-muted-copy.ago {
text-align: right;
font-size: 13px;
}
.text-block-163 {
font-size: 18px;
}
.tooltip-icon {
width: .8rem;
}
.button-round-icon {
width: 1rem;
height: 1rem;
}
.display-s {
margin-top: 0;
margin-bottom: 0;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.3em;
}
.button-round {
border: 1px solid #d9d9d9;
border-radius: 50rem;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.sites-card {
cursor: pointer;
border-bottom-style: none;
transition-property: none;
}
.sites-card:hover {
transform: none;
}
.sites-card-content {
border: 1px solid #d9d9d9;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
justify-content: space-between;
align-items: center;
padding: 1rem;
display: flex;
}
.tooltip {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #1a1a1a;
border-radius: 50rem;
padding: .25rem 1rem;
font-size: .8rem;
display: flex;
}
.tooltip-wrapper-2 {
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0%;
}
.sites-card-thumbnail-wrapper {
background-color: #d9d9d9;
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: hidden;
}
.link-block-6 {
width: 100%;
text-decoration: none;
}
.community-link {
align-self: center;
align-items: center;
height: 48px;
padding: 0 15px;
display: flex;
}
.text-block-164 {
color: var(--dark);
text-decoration: none;
}
.text-block-165 {
margin-top: 2px;
margin-left: 10px;
padding-left: 0;
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: .8rem;
line-height: 1;
text-decoration: none;
}
.logo-link {
border-right: 1px solid #e6e6e6;
align-items: center;
height: 48px;
padding: 0 15px;
display: flex;
}
.dropdown-3 {
margin-left: auto;
margin-right: 0;
}
.body-text {
text-align: center;
font-family: Inter, sans-serif;
font-size: .9rem;
}
.navbar1_component-3 {
z-index: 1000;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #fff;
border-bottom: .0625rem solid #f0f0f0;
border-radius: 0;
justify-content: center;
align-items: center;
height: 60px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: sticky;
top: 0;
}
.navbar1_component-3.dark {
background-color: #121316;
border-bottom-style: none;
height: 60px;
}
.navbar1_component-3.floating {
background-color: #fff9;
border: 1px #000;
border-radius: 14px;
max-width: 48em;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
top: 1rem;
}
.brand-logo-3 {
height: 40px;
padding-bottom: 2px;
}
.brand-logo-3.dark {
border-radius: 0;
height: 24px;
padding-bottom: 0;
}
.navbar1_dropdown-list-3.w--open {
background-color: #fff;
border: .0625rem solid #f6f5f4;
border-radius: 10px;
padding: .5rem;
}
.navbar1_menu-dropdown-3 {
font-size: .85rem;
font-weight: 400;
}
.dropdown-chevron-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.navbar1_link-3 {
color: #fafafc;
border-radius: .5rem;
padding: .5rem 1rem;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
transition: color .2s;
}
.navbar1_link-3.w--current {
color: #000;
background-color: #f7f7f7;
}
.navbar1_link-3.dark {
color: var(--dark);
letter-spacing: -.1px;
}
.navbar1_link-3.dark.light {
color: var(--borders);
font-size: 14px;
}
.navbar1_link-3.dark.light.black {
color: var(--dark);
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
}
.container-medium-2 {
width: 100%;
max-width: 83rem;
margin-left: auto;
margin-right: auto;
}
.container-medium-2.airbnb {
max-width: 93rem;
}
.container-medium-2.airbnb.mgmvn {
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.container-medium-2.airbnb.mgmvn.body-sixe {
max-width: 93em;
padding-left: 24px;
padding-right: 24px;
}
.container-medium-2.airbnb.no-gap {
max-width: 100%;
}
.button-22 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #000;
border-radius: 5rem;
padding: 1rem 1.5rem;
font-weight: 700;
line-height: 1;
}
.button-22.is-nav {
background-color: var(--black);
color: var(--dark);
text-transform: none;
border-radius: 14px;
align-items: center;
height: 40px;
padding: .7rem 1.25rem;
font-family: Inter, sans-serif;
font-size: .85rem;
font-weight: 500;
display: flex;
}
.button-22.is-nav.light {
background-color: #fafafc14;
}
.button-22.is-nav.light.white {
color: var(--light);
}
.navbar1_dropdown-toggle-3 {
grid-column-gap: .5rem;
color: #fafafc;
align-items: center;
padding: .5rem 1rem;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
display: flex;
}
.navbar1_dropdown-toggle-3.dark {
grid-column-gap: 0rem;
color: var(--dark);
padding-left: .5rem;
padding-right: .5rem;
text-decoration: none;
}
.navbar1_dropdown-toggle-3.dark.light {
color: #999;
}
.navbar1_dropdown-toggle-3.dark.light.active {
color: var(--whitesmoke-bg);
}
.navbar1_menu-3 {
align-items: center;
display: flex;
position: static;
}
.navbar1_menu-3.is-page-height-tablet {
justify-content: space-between;
width: 100%;
}
.logo-text-3 {
border: 1px #000;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1;
overflow: visible;
}
.switch {
justify-content: center;
align-items: center;
width: 440px;
display: flex;
}
.search-applicant {
height: 48px;
}
.div-skiff-border-raised {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #4d4d4e;
border: 1px solid #00000014;
border-bottom-width: 2px;
border-radius: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
height: 48px;
margin-right: 10px;
padding: 4px 10px;
display: flex;
}
.text-field-5 {
font-weight: 400;
}
.search-input {
background-color: #fff0;
border: 1px #000;
width: 300px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: Inter, sans-serif;
font-weight: 400;
}
.icon-search {
width: 24px;
}
.top-independents-tag {
grid-column-gap: 2px;
grid-row-gap: 2px;
background-color: #0000004f;
border: 1px solid #00000014;
border-bottom-width: 2px;
border-radius: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 2px 6px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.top-independents-tag.opaque {
color: #000;
background-color: #fff;
border-width: 1px;
border-color: #0000001a;
border-radius: 100px;
padding: 6px 12px;
}
.top-independents-tag.opaque.heading {
background-color: #353c8c00;
border-style: none;
border-left-color: #d0d4dc;
}
.top-independents-text {
color: #afafaf;
text-align: center;
letter-spacing: -.065px;
-webkit-text-stroke-color: #afafaf;
text-transform: uppercase;
width: 80px;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 16.9px;
text-decoration: none;
}
.top-independents-text.next {
color: #000;
text-transform: none;
width: auto;
text-decoration: none;
}
.top-independents-text.next.no-width {
width: auto;
}
.top-independents-text.next.grey {
color: #677084;
text-transform: none;
width: auto;
font-size: 12px;
}
.div-flex {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 24px;
display: flex;
}
.vectors-wrapper-15 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.form-7 {
align-items: center;
display: flex;
}
.try-independent-search {
margin-bottom: 0;
}
._9ec6bdfc1870ae942f24644f5115cfe5bf9cfa80-260x258-svg {
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 2px solid #fff;
border-radius: 14px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 74px;
height: 75px;
display: flex;
}
._9ec6bdfc1870ae942f24644f5115cfe5bf9cfa80-260x258-svg-fill {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.vectors-wrapper-16 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
display: flex;
}
.header-div {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
display: flex;
}
.header-div.centre {
text-align: left;
justify-content: center;
align-items: center;
margin-left: 0;
}
.header-div.centre.dark {
color: var(--dark);
}
.c-section {
color: #000;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.c-section.cc-main {
padding: 60px 2.5rem;
}
.c-section.cc-main.animation.bg-light-color {
background-color: #f6f5f400;
max-width: 93em;
margin-left: auto;
margin-right: auto;
}
.c-section.cc-main.animation.bg-light-color.dark {
background-color: var(--m_background);
background-image: none;
}
.c-section.cc-main.animation.bg-light-color.dark.color {
background-color: #15103b00;
background-image: none;
}
.c-title-2 {
color: #323b48;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 400;
line-height: 1.2em;
}
.c-autotabs_line {
background-color: #1f243200;
border-radius: 0;
align-items: flex-start;
width: 6px;
display: block;
position: absolute;
inset: 20px auto 20px 20px;
overflow: hidden;
}
.c-title-wrapper {
margin-bottom: 16px;
}
.c-title-wrapper.cc-title_intro, .c-title-wrapper.cc-title-nomargin {
margin-bottom: 0;
}
.c-autotabs {
z-index: 1;
flex-flow: row;
justify-content: space-around;
height: 500px;
margin: auto;
padding-left: 0;
padding-right: 24px;
display: flex;
position: relative;
}
.c-autotabs_content {
width: 50%;
position: static;
overflow: visible;
}
.c-title-3 {
letter-spacing: .1px;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.4em;
}
.c-title-3.centre {
color: #52525b;
text-align: center;
letter-spacing: -.5px;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.5em;
}
.c-title-3.centre.white {
color: #fff;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
}
.c-title-3.high {
color: var(--dark);
text-align: left;
font-family: Geist, Arial, sans-serif;
font-size: 44px;
font-weight: 600;
}
.c-title-3.high.grey {
color: var(--background-grey);
}
.c-title-3.dark {
color: #fff;
font-weight: 400;
}
.c-autotabs_load {
background-color: #51c4fe;
border-radius: 20px;
width: 100%;
height: 0%;
overflow: visible;
}
.c-autotabs_image {
width: 90%;
margin-left: auto;
padding-left: 105px;
padding-right: 105px;
display: block;
}
.c-autotabs_image.cc-pane-crypto-mobile {
display: none;
}
.c-autotabs_link {
background-color: #fff;
border: 1px solid #9d9dff0d;
border-radius: 6px;
width: 100%;
margin-top: 0;
margin-bottom: 40px;
padding: 22px 20px 22px 44px;
font-family: Inter, sans-serif;
}
.c-autotabs_link.w--current {
background-color: #fff;
border: 1px #9d9dff0d;
border-radius: 6px;
align-self: auto;
width: 100%;
margin-top: 0;
margin-bottom: 40px;
padding: 44px 20px 44px 44px;
font-family: Inter, sans-serif;
position: relative;
box-shadow: 0 8px 48px -10px #c0c7e2;
}
.c-autotabs_link.darkcard {
background-color: #fff0;
background-image: none;
border-style: none;
border-radius: 4px;
}
.c-autotabs_link.darkcard.w--current {
box-shadow: none;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff03;
background-image: none;
border-style: solid;
border-color: #3b3b3b0d;
border-radius: 4px;
}
.cc-color-primary {
color: #4e5bed;
}
.c-autotabs_pane {
position: static;
}
.c-autotabs_menu {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 50%;
display: flex;
}
.c-autotabs_menu.hotizontal-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
align-items: flex-end;
width: 100%;
}
.c-container {
border-radius: 4px;
max-width: 1364px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
display: block;
}
.c-container.cc-10cols {
align-items: center;
max-width: 93em;
height: 600px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.c-container.cc-10cols.anime-card {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a3f19b6c755c83b6fdef20_2377c4da5e0d6e426ab12936f58919c7a17311a3-2680x1560.jpg.png");
background-position: 0 0;
background-size: cover;
border: 1px #d0d4dc;
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
max-width: 100%;
height: 600px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 24px;
display: flex;
}
.c-text-1 {
color: #5f6668;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 13px;
line-height: 1.2;
}
.c-text-1.dark {
color: #eaeaff80;
font-weight: 300;
}
.c-autotabs_paragraph {
color: #5f6668;
}
.input-3 {
height: 40px;
margin-right: 10px;
padding-left: 0;
}
.input__field-wrapper {
color: #ffffff80;
background-color: #393b3d;
border: 1px solid #00000014;
border-radius: 12px;
align-items: center;
height: 48px;
display: flex;
position: relative;
}
.input__field-wrapper.light {
color: #fff;
background-color: #e9e9e900;
border-style: none;
height: 44px;
padding-left: 0;
}
.input__suggestions-wrapper {
font-size: .8rem;
}
.form-block-6 {
margin-bottom: 0;
}
.input__suggestions {
height: 20px;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
display: inline-block;
position: absolute;
top: 50%;
left: 108px;
overflow: hidden;
transform: translate(0, -50%);
}
.input__suggestions.width {
text-align: left;
left: 93px;
}
.input__reset {
display: none;
position: fixed;
inset: 0%;
}
.input__icon {
color: #999;
-webkit-text-stroke-color: #04a05e;
width: 24px;
height: 24px;
position: absolute;
top: 50%;
left: 10px;
transform: translate(0, -50%);
}
.suggestion {
color: #999;
margin-bottom: 0;
padding-top: 1px;
padding-bottom: 0;
font-size: .9rem;
font-weight: 500;
line-height: 1.2;
}
.input__field {
z-index: 1;
color: #fff;
background-color: #fff0;
border: 1px #000;
border-radius: 16px;
width: 270px;
height: 48px;
margin-bottom: 0;
padding-left: 52px;
padding-right: 24px;
font-family: Inter, sans-serif;
font-weight: 500;
transition: background-color .2s;
}
.input__field:focus {
background-color: #fff0;
}
.input__field::placeholder {
color: #999;
background-color: #fff0;
}
.div-block-64 {
grid-column-gap: 6px;
grid-row-gap: 6px;
text-decoration: none;
display: flex;
}
._3b6417eaddee16db72e8f06f2afe997a148a76bf-259x258-svg {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--borders);
border: 2px solid #fff;
border-radius: 14px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 74px;
height: 75px;
display: flex;
}
._3b6417eaddee16db72e8f06f2afe997a148a76bf-259x258-svg-fill {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.vectors-wrapper-17 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
display: flex;
}
.image-7, .image-2, .image-3 {
object-fit: contain;
border-radius: 1rem;
width: 100%;
height: 100%;
}
.showcase_heading {
position: absolute;
}
.showcase_grid-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
display: flex;
}
.image-67 {
object-fit: contain;
border-radius: 1rem;
width: 100%;
height: 100%;
}
.text-block-166 {
font-family: Inter, sans-serif;
font-size: 2.5rem;
line-height: 1.2;
}
.section_showcase-2 {
justify-content: center;
width: 100%;
max-width: 100%;
padding-left: 24px;
padding-right: 24px;
overflow: hidden;
}
.image-5 {
border-radius: 1rem;
width: 100%;
height: 100%;
}
.grid_item {
background-color: #fff;
border-color: #000;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 20rem;
padding: 1rem;
font-weight: 500;
display: flex;
position: relative;
}
.grid_item.fifth {
background-color: #f3b0bf00;
padding: 0;
}
.grid_item.second {
background-color: #5ac45e00;
padding: 0;
}
.grid_item.seventh {
background-color: #ee804800;
padding: 0;
}
.grid_item.first {
color: #ffc319;
background-color: #e5f57000;
padding: 0;
}
.grid_item.third {
background-color: #6da5f800;
border-color: #f73636;
padding: 0;
}
.grid_item.fourth {
background-color: #b39ff900;
justify-content: center;
align-items: center;
padding: 0;
}
.grid_item.eight {
background-color: #f9d96500;
padding: 0;
}
.grid_item.sixth {
background-color: #ec747000;
padding: 0;
}
.showcase_grid {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
grid-template-rows: auto auto;
grid-template-columns: 25vw 15vw 27vw 20vw;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.page {
margin-left: 0;
margin-right: 0;
padding: 5rem 2.5rem;
}
.main {
width: 100%;
max-width: 93em;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.div-block-65 {
margin-top: 12rem;
}
.div-block-65.centre {
text-align: center;
display: block;
}
.div-block-65.centre.reduce {
margin-top: 4rem;
}
.div-block-65.centre.reduce.more-most {
margin-top: 0;
}
.feature-card-content-text {
width: 100%;
margin-top: 8rem;
}
.feature-card-content-text.add-up {
width: 100%;
margin-top: 0%;
margin-bottom: auto;
padding-bottom: 60px;
}
.feature-card-content-text.add-up.move-up {
margin-bottom: 25%;
}
.feature-card-content-text.add-up.move-up.more-work {
margin-bottom: 25%;
padding-bottom: 0;
}
.feature-card-content-text.add-up.move-up.more-work.left-side {
text-align: left;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.feature-card-content-text.add-up.unlock {
max-width: 43em;
margin-left: auto;
margin-right: auto;
}
.div-block-67 {
-webkit-text-fill-color: transparent;
mix-blend-mode: overlay;
object-fit: fill;
background-color: #52c4fe;
-webkit-background-clip: text;
background-clip: text;
height: 40px;
margin-top: 0;
position: absolute;
inset: auto 0% 0%;
}
.slider-snap-list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 300px;
grid-auto-columns: 300px;
grid-auto-flow: column;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 1rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: grid;
overflow: auto;
}
.slider-snap-list.no-gap {
padding-left: 0;
padding-right: 0;
}
.slider-snap-list.no-bottom {
padding-bottom: 0;
}
.slider-snap-list.no-bottom._93 {
justify-content: center;
width: 100%;
max-width: 93em;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.slider-snap-list.no-bottom._93.grid-options {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 300px;
display: grid;
}
.slider-filter-text {
color: #1a1c1e;
border-bottom: 2px #74777f;
margin-bottom: 0;
font-size: 1.375rem;
font-weight: 400;
}
.slider-filter-text.active {
border-bottom-style: solid;
}
.filter-toggle-button {
cursor: pointer;
margin-bottom: 0;
padding: .25rem .5rem;
position: relative;
}
.filter-toggle-button.w--current {
text-decoration: underline;
}
.icon {
display: flex;
}
.filter-container {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.filter-container.addition {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.filter-container.addition._9333 {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.filter-toggle-wrapper {
display: flex;
}
.filter-toggle-wrapper.is-start {
margin-left: 0;
}
.button-23 {
color: #fff;
text-align: center;
letter-spacing: .1px;
text-transform: none;
white-space: nowrap;
background-color: #005faf;
border-radius: 100px;
height: 2.86em;
padding: .7em 1.7em;
font-size: .875em;
font-weight: 500;
text-decoration: none;
transition: box-shadow .175s, background-color .175s;
}
.button-23:hover {
background-color: #186bb5;
box-shadow: 0 1px 3px 1px #00000026, 0 1px 2px #0000004d;
}
.button-23.outline {
color: #005faf;
background-color: #0000;
border: 1px solid #c3c6cf;
padding-top: .6em;
}
.button-23.outline:hover {
box-shadow: none;
}
.slider-controls {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto auto 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: flex-start end;
width: 100%;
max-width: 93em;
margin-top: 0;
margin-bottom: 1.5rem;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.slider-controls.reduce-space {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.slider-controls.reduce-space.gap {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
margin-top: 3rem;
}
.padding-global-4 {
padding-bottom: 2rem;
padding-left: 0;
padding-right: 0;
position: relative;
}
.padding-section-medium-2 {
padding-top: 4em;
padding-bottom: 4em;
}
.padding-section-medium-2.is--half-bottom {
background-color: #29292900;
border: 1px #000;
align-content: start;
margin-left: auto;
margin-right: 0;
padding: 6em 0;
}
.padding-section-medium-2.is--half-bottom.upper-no-margin {
margin-left: auto;
padding-top: 8em;
padding-bottom: 8em;
}
.padding-section-medium-2.is--half-bottom.upper-no-margin.max-width-full {
background-color: #fff;
background-image: none;
background-size: auto;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding: 6em 0 6em 0;
}
.padding-section-medium-2.is--half-bottom.upper-no-margin.max-width-full.less {
padding-top: 2em;
padding-bottom: 2em;
}
.padding-section-medium-2.is--half-bottom.upper-no-margin.max-width-full.less.double {
padding: 0 2.5rem;
}
.padding-section-medium-2.is--half-bottom.upper-no-margin.full {
background-color: #fcf7f100;
padding: 6em 0;
}
.padding-section-medium-2.is--half-bottom.no-gap {
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding: 2em 0 0;
}
.padding-section-medium-2.is--half-bottom.no-gap.line-top {
background-color: #fbf7f1;
border-top: 1px solid #d2d3d5;
padding-bottom: 0;
}
.padding-section-medium-2.is--half-bottom.no-gap.line-top.off-white {
background-color: #fbf7f1;
padding-bottom: 0;
}
.padding-section-medium-2.is--half-bottom.first {
background-color: #fff;
padding-bottom: 0;
}
.padding-section-medium-2.centring {
margin-left: auto;
margin-right: auto;
padding: 8em 2.5rem;
}
.slider-card {
background-color: #cdcecf00;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 300px;
padding: 0;
display: flex;
}
.slider-card.fix {
border-radius: 6px;
width: 100%;
height: 100%;
display: block;
}
.slider-card.fix.worrking {
max-width: 240px;
}
.scroll-snap-item.filter-card {
border-radius: 0;
}
.flex-button-wrap {
align-items: center;
display: flex;
}
.flex-button-wrap.grow-end-hide-mobile {
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.flex-button-wrap.grow-end-hide-mobile.slider-out {
opacity: 0;
min-width: 1px;
max-width: 1px;
height: 1px;
}
.icon-button-inner {
opacity: 1;
cursor: pointer;
border: 1px solid #43474e;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 2px;
display: flex;
}
.icon-button-inner:hover {
background-color: #49454f14;
}
.icon-button-inner.back {
border-radius: 100px;
padding-left: 0;
padding-right: 2px;
display: flex;
}
.container-large-2 {
background-color: #f5f5f4;
flex: 1;
width: 100%;
max-width: 96rem;
margin-left: auto;
margin-right: auto;
}
.padded-inset-wrap {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.doctors-collection-wrapper {
padding-left: 0;
padding-right: 0;
}
.doctors-collection-wrapper.automn {
max-width: 93em;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.icon-button-outline {
width: 3em;
height: 3em;
padding: .25rem;
}
.icon-button-outline.is-disabled {
opacity: .24;
}
.character-length-30 {
max-width: 30ch;
}
.css-classes {
background-color: #fff;
}
.container-medium-copy {
border: 1px #000;
border-radius: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.container-medium-copy.is-relative {
position: relative;
}
.container-medium-copy.is-relative.space {
max-width: 84rem;
margin-top: 100px;
}
.container-medium-copy.space {
max-width: 84rem;
}
.container-medium-copy.space.gap {
max-width: 100%;
height: 48px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-family: "Universal Sans Text 380 380 100", sans-serif;
}
.container-medium-copy.footer {
background-color: #1c1d22;
border-radius: 12px;
margin-top: 0;
}
.container-medium-copy.damn {
max-width: 93em;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.section-testimonial {
background-color: #f5f5f4;
}
.link-30 {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #fff0;
border: 1px #e6e6e6;
border-radius: 14px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
display: flex;
}
.link-30.no-padding {
background-color: #1e1e2b;
border: 1px #e6e6e61a;
border-radius: 15px;
height: 200px;
padding: 0;
}
.link-30.address {
background-color: #f1f2f8;
padding-top: 0;
}
.link-30.member-profile-card {
width: 100%;
height: 540px;
padding: 0;
}
.link-30.member-profile-card.fit-to-adjust {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 16px;
justify-content: space-between;
height: 100%;
padding-bottom: 0;
}
._69dd10fd741430b0f89d8e0380b4c39b27f7784a-403x103-png {
grid-column-gap: 10px;
grid-row-gap: 10px;
object-fit: cover;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 10px;
display: flex;
}
.div-flex-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
padding: 20px 0;
display: flex;
}
.div-flex-2.parallel {
flex-direction: row;
align-items: center;
width: 100%;
margin-top: 0;
margin-left: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.div-flex-2.parallel.mem-card {
padding-top: 0;
}
.span-body-large {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 1px;
padding-bottom: 1px;
display: flex;
}
.span-body-large.horizontal {
border-radius: 20px;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.text-9 {
color: var(--dark);
letter-spacing: -.17px;
font-family: Inter, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 22.95px;
}
.text-9.large {
font-size: 24px;
line-height: 39px;
}
.error-df9c16a7-8818-ee77-ca5c-1ddfdc7e5f21 {
color: #8f8f8f;
letter-spacing: -.07px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18.2px;
}
.div-mt-auto {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 38px;
display: flex;
position: relative;
}
.div-mt-auto.reduce {
height: 24px;
}
.div-mt-auto.reduce.further {
background-color: #00000014;
width: 100%;
height: 1px;
}
.vectors-wrapper-18 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 1px;
display: flex;
}
.vectors-wrapper-18.white {
height: 0;
}
.span-body-small-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #f5f5f5;
border: 1px solid #00000014;
border-radius: 4px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 1px 4px;
display: flex;
position: absolute;
top: 15.7715px;
left: .0859375px;
box-shadow: inset 0 -1px #0000001a, inset 0 1px #0000001a;
}
.span-body-small-2.no-space {
border-style: none;
border-radius: 0;
top: 0;
}
.text-10 {
color: #333;
letter-spacing: -.07px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 18.2px;
}
._5c2913f6e04cceab028319f60ef1d77c3e54f120-403x103-png, ._2d04812a3b48fc3ac168daba9f3dd868581770d7-403x103-png, ._1dd830a13f4db2c7d541e1a617ec1eb715610468-403x103-png {
grid-column-gap: 10px;
grid-row-gap: 10px;
object-fit: cover;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 10px;
display: flex;
}
.container-large-2-copy {
background-color: #f5f5f4;
flex: 1;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.container-large-2-copy.no-bg {
background-color: #fff0;
padding-left: 0;
padding-right: 0;
}
.container-large-2-copy.no-bg.no-gap {
padding-left: 0;
padding-right: 0;
}
.container-large-2-copy.no-bg.no-gap.color {
background-color: #fbf7f1;
}
.container-large-2-copy.no-bg.distance {
border-top: 1px #000;
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-93 {
background-color: #fafafa;
border: 1px solid #00000014;
border-bottom-width: 2px;
border-radius: 8px;
align-items: center;
width: 100%;
max-width: 93em;
height: 240px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.card-banner {
grid-template-rows: auto;
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.card-banner._1grid {
display: block;
}
.card-banner._1grid.centre {
display: flex;
}
.paragraph-5 {
text-align: left;
font-family: Inter, sans-serif;
font-size: .8rem;
}
.paragraph-5.grey {
color: #222;
letter-spacing: -.1px;
font-size: 14px;
font-weight: 600;
}
.paragraph-5.grey.white {
color: #fff;
}
.paragraph-5.grey.medium {
margin-top: 5px;
font-weight: 500;
}
.image-68 {
height: 240px;
}
.svg-5 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 4px 2px;
display: flex;
}
.vectors-wrapper-19 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 12.276px;
height: 9.61px;
display: flex;
}
.tertiary-button {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #fa6fe2;
align-items: center;
text-decoration: none;
display: flex;
}
.tertiary-button.green {
color: #439b67;
}
.section-blog {
background-color: #fff;
border-top: 1px #0000001a;
}
.section-blog.dark {
background-color: var(--m_background);
}
.link-31 {
grid-column-gap: 10px;
grid-row-gap: 10px;
object-fit: cover;
background-color: #0000000a;
border: 1px #efefef;
border-radius: 15px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 0;
display: block;
overflow: hidden;
}
.link-31.extra {
border-color: #000;
border-radius: 0 0 6px 6px;
}
.link-31.extra.portfolio {
border-radius: 0 0 15px 15px;
height: 200px;
}
._67052acd01bfae0786f708f7ef196413cefe2e98-2400x1226-png {
object-fit: cover;
border: 1px #000;
border-radius: 0;
height: 100%;
}
.link-32 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000000a;
border: 1px #efefef;
border-radius: 0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 0;
display: flex;
}
.db7b569a36ff67bd3e9d24be2a105f59a4644be5-2400x1226-png {
object-fit: contain;
border-radius: 0;
}
.link-33 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000000a;
border: 1px #efefef;
border-radius: 0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 0;
display: flex;
}
._93cc2e8116718e781a9e503506378e64eaffe318-2400x1226-png {
object-fit: contain;
}
.div-group {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000000a;
border: 1px #efefef;
border-radius: 0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 0;
display: flex;
}
._006f612df0149d9f650dff13dee52dd244fc9692-2400x1226-png {
object-fit: contain;
border-radius: 0;
}
.d5c9a81419135c0a992661ce1274323baba966c1-2400x1226-png {
object-fit: contain;
}
.contain-24 {
width: 100%;
max-width: 93em;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.section-people {
background-color: #fff;
display: block;
}
.section-people.darkside, .section-people.darkside.color {
background-color: var(--m_background);
background-image: none;
}
.globe {
border-radius: 50%;
width: 24rem;
height: 24rem;
margin-top: 140px;
margin-left: 40px;
position: relative;
}
.globe---rotate-y {
border-radius: 50%;
position: absolute;
inset: 0%;
}
.circle-2 {
border: .25rem solid #fff0;
border-color: #fff #fff0 #fff0 #fff;
border-radius: 50%;
position: absolute;
inset: 0%;
transform: rotate(-45deg);
}
.circle-2.x-group {
border-bottom-color: #fff;
border-right-color: #fff;
}
.globe---circle {
transform-style: preserve-3d;
border-radius: 50%;
position: absolute;
inset: 0%;
transform: rotateX(0)rotateY(30deg)rotateZ(0);
}
.particles {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 480px;
margin-top: 140px;
margin-left: 100px;
display: grid;
}
.particle {
width: 4rem;
height: 4rem;
}
.ball {
background-color: #fff;
border-radius: 50%;
width: 4rem;
height: 4rem;
}
.draggable-2 {
color: #fff0;
cursor: grab;
background-color: #fff;
width: 250px;
padding: 0;
}
.heading-10 {
color: #273786;
margin-top: 0;
font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
font-size: 52px;
}
.paragraph-6 {
color: #353c8b;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 21px;
}
.pic-of-member {
object-fit: cover;
border-radius: 100%;
width: 74px;
max-width: 74px;
height: 74px;
}
.medium-title {
color: #27272a;
text-align: center;
letter-spacing: -2px;
font-family: Inter, sans-serif;
font-size: 44px;
font-weight: 600;
}
.medium-title.centre {
text-align: center;
}
.medium-title.white {
color: #fff;
letter-spacing: 0;
font-family: Inter, sans-serif;
font-weight: 600;
}
.div-block-68 {
justify-content: center;
align-items: center;
display: flex;
}
.togglebutton {
background-color: #e9e9e9;
border-radius: 50px;
justify-content: flex-start;
align-items: center;
width: 100px;
height: 40px;
text-decoration: none;
display: flex;
position: relative;
}
.togglebuttongreen {
opacity: 0;
background-color: #50e461;
border-radius: 50px;
width: 100px;
height: 40px;
position: absolute;
}
.togglebuttongreen.w--current {
opacity: 0;
}
.buttontoggle {
z-index: 2;
background-color: #fff0;
border-radius: 100%;
width: 32px;
height: 32px;
margin-left: 4px;
margin-right: 4px;
position: relative;
}
.buttontoggle.w--current {
background-color: #fff;
}
.buttontoggle.blue.w--current {
background-color: #266df0;
}
.buttontext-off {
color: #0000;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
font-family: Lato, sans-serif;
font-weight: 700;
}
.toggle-wrapper {
cursor: pointer;
background-image: linear-gradient(135deg, #e6e6e6, #c4c4c4);
border-radius: 30px;
width: 60px;
height: 26px;
padding: 3px;
box-shadow: inset 1px 1px 10px #00000021;
}
.toggle-button {
background-image: linear-gradient(135deg, #666, #2c2c2c);
border-radius: 50%;
width: 20px;
height: 20px;
box-shadow: 1px 1px 3px #00000059;
}
.toggle-button.w--current {
font-size: 0;
}
.togglebutton-2 {
background-color: #e9e9e947;
border-radius: 50px;
justify-content: flex-start;
align-items: center;
width: 100px;
height: 40px;
text-decoration: none;
display: flex;
position: relative;
}
.togglebutton-2.frosted-glass {
background-color: #00000047;
width: 80px;
font-size: 0;
}
.buttontext-off-2 {
color: #f8f8f833;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
font-weight: 400;
}
.switch-button {
background-color: #f5f5f7;
border: .06em solid #dadada4d;
border-radius: .7em;
justify-content: center;
align-items: center;
width: 13em;
height: 2.4em;
margin: 60px auto 20px;
padding: 4px;
display: flex;
}
.switch-button.night-mode {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: #0000;
border-radius: 8px;
height: 3em;
margin-top: 0;
margin-bottom: 0;
padding-top: 2px;
padding-bottom: 2px;
font-size: 18px;
display: flex;
}
.single-button-inside-switch-button {
color: #1e1e21;
background-color: #fff;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
font-size: 14px;
font-weight: 500;
display: flex;
}
.single-button-inside-switch-button.seo {
cursor: pointer;
background-color: #f1f1f1;
border-radius: .6em;
margin-right: 5px;
font-size: .73em;
transition: transform .3s, box-shadow .3s;
}
.single-button-inside-switch-button.seo:hover {
transform: scale(1.02);
box-shadow: 0 1px 3px #0000001a;
}
.single-button-inside-switch-button.seo:active {
box-shadow: none;
transform: none;
}
.single-button-inside-switch-button.maintenance {
cursor: pointer;
border-radius: .6em;
margin-left: 5px;
font-size: .73em;
transition: transform .3s, box-shadow .3s;
}
.single-button-inside-switch-button.maintenance:hover {
transform: scale(1.02);
box-shadow: 0 1px 3px #0000001a;
}
.single-button-inside-switch-button.maintenance:active {
box-shadow: none;
transform: none;
}
.btn-parent {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #f9f9f9;
background-image: linear-gradient(#171717, #131415);
border-radius: .5rem;
flex-direction: row;
justify-content: center;
align-items: center;
padding: .5rem 1.5rem;
text-decoration: none;
display: flex;
box-shadow: inset 0 -1px .0625rem #000000c7, inset 0 2px .125rem -.0625rem #46464640, 0 0 0 .0625rem #0000005e;
}
.btn-parent:hover {
color: #ebebeb;
box-shadow: inset 0 -1px .125rem #0000005e, inset 0 2px .125rem 0 #1a1a1a, 0 0 0 .0625rem #0000005e;
}
.btn-parent:active {
color: #b8b8b8;
background-image: linear-gradient(#111112, #131415);
box-shadow: inset 0 -1px .125rem #000, inset 0 2px .125rem -.0625rem #0a0a0a, 0 0 0 .0625rem #0000005e;
}
.btn-text {
text-shadow: 0 0 .25rem #000;
font-size: 1rem;
line-height: 1.4;
}
.btn-icon {
align-items: center;
width: .625rem;
display: flex;
}
.menu-outer {
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #1a1b1e;
border: 1px #222325;
border-radius: 24px;
flex-direction: column;
width: auto;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: static;
bottom: auto;
}
.menu-expand {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #1a1b1e;
border-radius: 24px;
flex-direction: column;
width: auto;
max-width: 100%;
padding: 12px 0;
display: flex;
overflow: hidden;
}
.menu-expand-header {
color: #adadad;
text-transform: uppercase;
border-bottom: 1px solid #222325;
margin-top: 0;
margin-left: 24px;
margin-right: 24px;
padding-top: 12px;
padding-bottom: 12px;
font-family: Inter, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 120%;
}
.menu-expand-content {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
margin-bottom: 24px;
margin-left: 12px;
margin-right: 12px;
display: grid;
}
.menu-expand-link {
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 142.857%;
text-decoration: none;
transition: all .2s ease-in-out;
}
.menu-expand-link:hover {
text-decoration: underline;
}
.menu-inner {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #1a1b1e;
border-radius: 24px;
justify-content: center;
width: auto;
padding: 22px 12px;
display: flex;
overflow: auto;
}
.menu-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
cursor: pointer;
border: 1px solid #222325;
border-radius: 14px;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px;
font-size: 14px;
font-weight: 400;
line-height: 114.286%;
text-decoration: none;
transition: background-color .2s ease-in-out;
display: flex;
}
.menu-link:hover {
background-color: #36353a;
}
.menu-link.get-in-touch {
background-color: #36353a;
transition: color .2s ease-in-out, background-color .2s ease-in-out;
}
.menu-link.get-in-touch:hover {
color: #111;
background-color: #fff;
}
.nav-w {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
display: flex;
}
.nav-corner {
width: .75rem;
height: .75rem;
position: absolute;
}
.nav-corner.is--tr {
border-top: 1px solid #eceae5;
border-right: 1px solid #eceae5;
inset: 0% 0% auto auto;
}
.nav-corner.is--br {
border-bottom: 1px solid #eceae5;
border-right: 1px solid #eceae5;
inset: auto 0% 0% auto;
}
.nav-corner.is--tl {
border-top: 1px solid #eceae5;
border-left: 1px solid #eceae5;
inset: 0% auto auto 0%;
}
.nav-corner.is--bl {
border-bottom: 1px solid #eceae5;
border-left: 1px solid #eceae5;
inset: auto auto 0% 0%;
}
.eyebrow {
color: #fff;
letter-spacing: -.02em;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: .8rem;
line-height: 1;
}
.nav-corners {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.dot {
opacity: .5;
background-color: #fff;
border-radius: 100%;
width: .25rem;
height: .25rem;
}
.nav-link-hud {
opacity: .5;
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: .5rem;
font-family: Inter, sans-serif;
font-size: .8rem;
text-decoration: none;
transition: opacity .3s;
display: flex;
position: relative;
}
.nav-link-hud:hover {
opacity: .75;
}
.nav-link-hud.w--current {
opacity: 1;
color: #fff;
font-weight: 500;
}
.nav-link-hud.is--active {
opacity: 1;
}
.flex-h {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.soon-text {
color: #ffffff80;
}
.cmd-tab-hover {
z-index: -1;
opacity: 0;
background-color: #0006;
border: 4px #6366f1;
border-radius: 18px;
margin: -6px;
position: absolute;
inset: 0%;
}
.tooltip-2 {
background-color: #fff;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
min-width: 100px;
max-width: 200px;
min-height: 42px;
padding: 12px 16px;
display: flex;
box-shadow: 4px 4px 14px #080f340a, 1px 1px 1px #170f490a, 0 0 1px #170f4908;
}
.tooltip-2.center {
perspective-origin: 50% 100%;
transform-origin: 50% 100%;
text-align: center;
background-color: #0000;
background-image: linear-gradient(135deg, #38393a99, #1f20231a);
border: 1px solid #404043;
border-radius: 7px;
justify-content: center;
min-width: auto;
max-width: none;
min-height: auto;
padding: 8px;
}
.tooltip-float-readcv {
opacity: 0;
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: -64px;
left: -10px;
right: auto;
}
.dock-divider {
background-image: linear-gradient(#333336, #404043);
width: 1px;
height: 3rem;
margin-left: 20px;
margin-right: 16px;
}
.app-icon {
z-index: 2;
border-radius: 12px;
width: 48px;
margin-right: 0;
position: relative;
box-shadow: 0 1px 2px #00000080;
}
.app-icon.xdesign {
box-shadow: none;
margin-top: -16px;
margin-left: -6px;
top: 10px;
}
.app-icon.relative {
position: relative;
}
.app-icon.relative._1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-right: 0;
display: flex;
box-shadow: 0 1px 2px #0000;
}
.app-icon.relative._1.last {
margin-right: 0;
}
.tooltip-float-trash {
opacity: 0;
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: -64px;
left: -3px;
right: auto;
}
.tooltip-float-diagram {
opacity: 0;
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: -64px;
left: -28px;
right: auto;
}
.tooltip-float-campsite {
opacity: 0;
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: -64px;
left: -14px;
right: auto;
}
.tooltip-float-xdesign {
opacity: 0;
min-width: 114px;
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: -64px;
left: -32px;
right: auto;
}
.dock-2 {
-webkit-backdrop-filter: blur(11px);
backdrop-filter: blur(11px);
background-color: #0000;
background-image: linear-gradient(135deg, #38393a99, #1f20231a);
border: 1px #1169ff;
border-radius: 24px;
justify-content: center;
align-items: center;
width: auto;
padding: 8px;
transition: box-shadow .4s;
display: flex;
box-shadow: 0 4px 6px #0000000d, 0 10px 16px -3px #0000001a;
}
.dock-2:hover {
box-shadow: 0 20px 32px #0000001a, 0 10px 16px -3px #0000001a;
}
.app-icons {
display: flex;
}
.tooltip-text {
color: #fff;
letter-spacing: .2px;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.tooltip-arrow {
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 34% auto auto -8px;
}
.tooltip-arrow.bottom {
width: 20px;
margin-left: auto;
margin-right: auto;
display: none;
position: absolute;
inset: auto 0% 5px;
}
.tooltip-float-figma {
opacity: 0;
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: -71px;
left: -5px;
right: auto;
}
.dock-absolute {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 8px;
}
.dock-absolute.sticky {
border-radius: 0;
width: 432px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
position: sticky;
}
.dock-absolute.fixed {
inset: 24px 0% auto;
}
.tooltip-float-universe {
opacity: 0;
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: -64px;
left: -11px;
right: auto;
}
.search-form {
margin-bottom: 0;
margin-left: 24px;
margin-right: 24px;
}
.search-button {
color: var(--borders);
text-align: center;
text-transform: uppercase;
background-color: #f1f1f1;
background-image: linear-gradient(#171717, #131415);
border: 1px #000;
border-radius: 12px;
flex: 1;
margin-left: 0;
margin-right: 0;
padding: .75rem;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: background-color .2s;
box-shadow: 0 0 0 .0625rem #0000001f, inset 0 2px .125rem -.0625rem #46464640, inset 0 -1px .0625rem #000000c7;
}
.search-button:hover {
color: #8d8d8f;
background-color: #f0f0f000;
}
.search-button.w--current {
color: var(--light);
text-align: center;
background-color: #fff0;
background-image: linear-gradient(#171717, #131415);
border-style: none;
border-color: #000;
margin-left: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
text-decoration: none;
}
.search-button.w--current:hover {
color: #b8b8b8;
}
.search-button.w--current:active {
color: var(--light);
}
.search-button.applicant {
color: #fafafc;
text-align: center;
text-transform: none;
border: 1px #ddd;
border-radius: 8px;
justify-content: center;
align-self: auto;
align-items: center;
min-width: 120px;
height: 40px;
padding-top: 0;
padding-bottom: 0;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
}
.search-button.applicant:hover {
color: #fafafc;
background-color: #fafafc00;
border-style: solid;
border-color: #ddd0;
border-radius: 8px;
min-width: 120px;
}
.search-button.applicant.w--current {
color: #fafafc;
text-align: center;
text-transform: none;
border-style: solid;
border-color: #ddd0;
border-radius: 8px;
align-self: auto;
align-items: center;
min-width: 120px;
font-family: Inter, sans-serif;
font-size: .8rem;
}
.search-button.applicant.w--current:hover {
border-style: none;
border-radius: 0;
}
.search-button.company {
color: #fafafc;
text-transform: none;
border-style: none;
align-self: center;
min-width: 50px;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
}
.search-button.company.w--current {
color: #fafafc;
text-align: center;
text-transform: none;
border: 1px #000;
border-radius: 8px;
align-self: center;
min-width: 80px;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 600;
}
.search-button.company.w--current:hover {
border-style: none;
border-width: 1px;
}
.search-button.company._1 {
color: #fafafcbf;
text-align: center;
border-color: gray;
border-bottom-style: none;
border-left-width: .5px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
font-size: .85rem;
font-weight: 500;
}
.search-button.applicant._1.main.n {
color: #fff;
min-width: 120px;
}
.search-button.applicant {
text-align: center;
border: 1px #ddd;
border-radius: 20px;
justify-content: center;
align-self: auto;
align-items: center;
height: 40px;
padding-top: 0;
padding-bottom: 0;
font-weight: 500;
}
.search-button.applicant:hover {
color: #09090b;
border-style: solid;
border-radius: 20px;
}
.search-button.applicant.w--current {
color: #fff;
}
.search-button.applicant._1 {
color: #fafafcbf;
font-size: .85rem;
}
.search-button.applicant._1.w--current {
color: #fff;
}
.search-button.applicant._1.main {
color: #000000bf;
text-align: left;
text-transform: none;
border-style: none;
border-width: 1px;
justify-content: center;
align-items: flex-start;
min-width: auto;
padding: 10px 20px;
transition: none;
}
.search-button.applicant._1.main:hover {
color: #09090b;
}
.search-button.applicant._1.main.w--current {
color: #fff;
}
.search-button.applicant._1.main.n {
min-width: 120px;
}
.search-button.applicant._1.main.n:hover {
color: #fff;
}
.search-button.applicant._1.main.n.w--current {
color: #000;
}
.search-button.no-margin {
z-index: 2;
background-color: #f1f1f100;
border-radius: 12px;
width: 48px;
padding: 0;
position: relative;
}
.search-button.nope.nav-link-hud {
opacity: 1;
justify-content: center;
align-items: center;
}
.search-card-sticky {
margin-top: 24px;
}
.frame-1171275875 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.vectors-wrapper-20 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.vectors-wrapper-21 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 223px;
left: 145px;
}
.heading-1 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.vectors-wrapper-22 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.div-mx-auto {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 17px 0;
display: flex;
}
.div-flex-3 {
grid-column-gap: 13px;
grid-row-gap: 13px;
border: 1px solid #bac4c033;
border-width: 1px 0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.button-heading-3-investor-management {
color: #e1e3e3;
letter-spacing: -.045px;
font-size: 18px;
font-weight: 400;
line-height: 25.2px;
}
.button-24 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff3;
border-radius: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 357px;
height: 464px;
text-decoration: none;
display: flex;
position: relative;
}
._231a71aafbef445f1f288a4af09ab3478ce36adf-864x1151-jpg {
object-fit: cover;
}
.span-absolute {
grid-column-gap: 10px;
grid-row-gap: 10px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #45474359;
border-radius: 9999px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 14px;
display: flex;
position: absolute;
top: 404px;
left: 297px;
}
.vectors-wrapper-23 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.button-25 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
display: flex;
}
.div-flex-4 {
grid-column-gap: 13px;
grid-row-gap: 13px;
border: 1px solid #bac4c033;
border-width: 1px 0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 617px;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.button-26 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff3;
border-radius: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 353px;
height: 464px;
text-decoration: none;
display: flex;
position: relative;
}
.span-absolute-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #45474359;
border-radius: 9999px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 14px;
display: flex;
position: absolute;
top: 404px;
left: 293px;
}
.button-27 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff3;
border-radius: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 357px;
height: 465px;
text-decoration: none;
display: flex;
position: relative;
}
.span-absolute-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #45474359;
border-radius: 9999px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 14px;
display: flex;
position: absolute;
top: 405px;
left: 297px;
}
.investor-relations-reimagined-leverage-software-to-drive-meaningful-actionable-engagement-0 {
color: #fff;
letter-spacing: -.032px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.investor-relations-reimagined-leverage-software-to-drive-meaningful-actionable-engagement-1 {
color: #f2f7f7a6;
letter-spacing: -.032px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
._4-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
max-width: 93rem;
padding-top: 0;
display: flex;
}
._4-grid.is-tight {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
._4-grid.stacks {
display: block;
}
.feature-card-grid-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.feature-grid-card {
border: 1px solid #bac4c033;
border-style: solid none;
margin-top: 3rem;
}
.feature-card-title {
font-family: "Angellist 400 100", sans-serif;
font-size: 1.2rem;
}
.featured-card-image {
border-radius: 12px;
}
.feature-card-title-copy {
font-family: "Angellist 400 100", sans-serif;
font-size: 1rem;
}
.span-absolute-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #1a1b1e4f;
border-radius: 9999px;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 50px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 14px;
display: flex;
position: static;
top: 0;
left: auto;
right: 0;
}
.span-absolute-4.w--open {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #41414459;
justify-content: center;
margin-left: 0;
margin-right: 0;
display: flex;
}
.svg-6 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 2px;
display: flex;
}
.vectors-wrapper-24 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.featured-action {
position: static;
top: 0;
bottom: 0;
}
.modal-dropdown {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #45474300;
border-radius: 0;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 50px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: static;
top: -60px;
}
.modal-feature {
grid-column-gap: 10px;
grid-row-gap: 10px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #45474359;
border-radius: 9999px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 50px;
margin-top: -48px;
margin-left: auto;
margin-right: 0;
padding: 14px;
display: flex;
position: relative;
top: -12px;
right: 12px;
}
.feature-modal-tooltip-list {
margin-bottom: 0;
position: relative;
inset: 0% 0% 0;
}
.feature-modal-tooltip-list.w--open {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #0f121b66;
border: .0625rem #f0f0f0;
border-radius: .75rem;
width: 50px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: .5rem;
position: relative;
inset: -200px 0% 0;
}
.feature-card-dropdown {
justify-content: space-between;
height: 50px;
margin-top: 0;
margin-left: 0;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: block;
position: relative;
inset: auto 0 60px;
}
.card-with-tooltip {
margin-top: 0;
margin-bottom: -48px;
margin-left: 0;
display: block;
position: static;
bottom: 0;
}
.dropdown-tooltip-list {
color: #fff;
padding: .5rem 1rem;
font-family: "Angellist Display 400 100", sans-serif;
font-size: .8rem;
transition: color .2s;
}
.dropdown-tooltip-list.w--current {
color: #000;
}
.button-blue {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #266df0;
border-radius: 9px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 6px 157px;
text-decoration: none;
display: flex;
box-shadow: 0 3px 6px #266df014, 0 2px 4px #266df01f, inset 0 0 #2325291a;
}
.div-sc-bznhio {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 1px;
padding-bottom: 1px;
display: flex;
}
.text-11 {
color: #fff;
text-align: center;
letter-spacing: -.28px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.google-login {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #212224;
border: 1px #000;
border-radius: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 50px;
padding: 8px 1rem;
font-size: 1rem;
text-decoration: none;
display: flex;
box-shadow: 0 4px 4px #18274b0f, 0 1px 4px #18274b05;
}
.google-login:hover {
background-color: #191a1b;
}
.google-login.secondary.dark {
background-color: var(--blue-color);
color: var(--light);
width: 160px;
height: 44px;
margin-left: auto;
margin-right: auto;
box-shadow: 0 0 0 3px #266df04d, 0 4px 4px #18274b0f, 0 1px 4px #18274b05, 0 0 2px #e0e0e0;
}
.google-login.secondary.dark.left {
background-color: var(--blue-primary);
box-shadow: none;
letter-spacing: -.1px;
background-image: linear-gradient(29deg, #000, #0038ff33);
border: 1px solid #91acf6;
border-radius: 14px;
width: 200px;
height: 52px;
margin-left: auto;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
}
.google-login.secondary.dark.left.border {
box-shadow: none;
background-color: #ffffff05;
border-style: solid;
width: 180px;
}
.google-login.secondary.dark.left.border:hover {
box-shadow: 0 0 0 2px #72727226;
}
.google-login.secondary.dark.left.light.original.color {
background-color: var(--navy);
color: var(--light);
border-style: none;
}
.google-login.secondary.dark.left.light.original.color:hover {
box-shadow: 0 0 0 3px #266df04d;
}
.google-login.secondary.dark.left.light.original.color.no-auto {
margin-left: 0;
}
.google-login.secondary.dark.left.light.original.green {
background-color: #458d6b;
}
.google-login.secondary.dark.left.light.original.green:hover {
box-shadow: 0 0 0 3px #04a05e47;
}
.google-login.secondary.dark.left.light.original.orange {
background-color: #d8393b;
}
.google-login.secondary.dark.left.light.original.orange:hover {
box-shadow: 0 0 0 3px #d8393b4d;
}
.google-login.secondary.dark.left.centre {
box-shadow: none;
background-color: #ce3cc9;
border-radius: 100px;
width: 210px;
height: 50px;
margin-left: auto;
font-size: 16px;
font-weight: 600;
}
.google-login.secondary.dark.left.centre:hover {
box-shadow: 0 0 0 3px #ce3cc94d;
}
.google-login.secondary.dark.left.centre.green {
background-color: var(--green);
width: 220px;
}
.google-login.secondary.dark.left.centre.green:hover {
box-shadow: 0 0 0 3px #04a05e47;
}
.google-login.secondary.dark.left.centre.green.purple {
background-color: var(--applicant-dashboard);
box-shadow: none;
}
.google-login.secondary.dark.left.centre.green.purple:hover {
box-shadow: 0 0 0 3px #ce3cc94d;
}
.google-login.secondary.dark.left.centre.purple {
background-image: none;
border-style: none;
height: 56px;
}
.google-login.secondary.dark.green {
background-color: var(--blue-primary);
box-shadow: none;
color: var(--light);
border: 1px solid #0000001a;
border-radius: 14px;
width: 160px;
height: 50px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 600;
}
.google-login.secondary.dark.green:hover {
box-shadow: 0 0 0 3px #266df04d;
}
.google-login.secondary.dark.green.right {
margin-right: 0;
}
.google-login.secondary.dark.green.right.white {
color: var(--orange);
background-color: #fff;
border-radius: 6px;
width: auto;
height: 36px;
}
.google-login.secondary.dark.green.right.white:hover {
box-shadow: 0 0 0 3px #f05c3b33;
}
.google-login.secondary.dark.green.full {
width: 100%;
}
.google-login.secondary.dark.green.full.light {
color: #3f3f46;
text-transform: uppercase;
background-color: #e4e4e7;
border-style: none;
border-color: #030404;
border-radius: 0 0 20px 20px;
height: 36px;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 500;
box-shadow: 0 4px 4px #18274b0f, 0 1px 4px #18274b05;
}
.google-login.secondary.dark.green.full.light:hover {
box-shadow: 0 1px 4px #18274b05;
}
.google-login.secondary.width {
border-radius: .75rem;
width: 160px;
}
.google-login.secondary.size {
border-radius: 8px;
width: 100px;
box-shadow: 0 4px 4px #18274b0f, 0 1px 4px #18274b05;
}
.google-login.secondary.size.no-drop {
box-shadow: none;
letter-spacing: -.1px;
font-family: Inter, sans-serif;
}
.google-login.secondary.size.no-drop.light {
color: var(--light);
background-color: #fff0;
}
.google-login.secondary {
color: #09090b;
height: 36px;
padding-top: 0;
padding-bottom: 0;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.google-login.secondary.dark {
color: #fafafc;
background-color: #266df0;
width: 160px;
height: 44px;
margin-left: auto;
margin-right: auto;
box-shadow: 0 0 0 3px #266df04d, 0 4px 4px #18274b0f, 0 1px 4px #18274b05, 0 0 2px #e0e0e0;
}
.google-login.secondary.dark.left {
box-shadow: none;
letter-spacing: -.1px;
background-color: #3246b1;
background-image: linear-gradient(29deg, #000, #0038ff33);
border: 1px solid #91acf6;
border-radius: 14px;
width: 200px;
height: 52px;
margin-left: auto;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
}
.google-login.secondary.dark.left:hover {
box-shadow: 0 0 0 3px #266df04d;
}
.google-login.secondary.dark.left.light {
color: #09090b;
background-color: #f4eada;
border-radius: 100px;
width: 100%;
font-size: 15px;
}
.google-login.secondary.dark.left.light.original {
color: #fff;
background-color: #9f34db;
background-image: none;
border-style: none;
border-radius: 10px;
height: 40px;
}
.google-login.secondary.dark.left.light.original:hover {
box-shadow: 0 0 0 3px #a034dc4d;
}
.vectors-wrapper-25 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.text-12 {
color: #232529;
letter-spacing: -.28px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.email-input-box {
grid-column-gap: 6px;
grid-row-gap: 6px;
box-shadow: inset 0 0 0 1px var(--blue);
color: #fff;
background-color: #ffffff0d;
border: 1px #000;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
height: 52px;
padding-top: 0;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.email-input-box.border {
grid-column-gap: 10px;
grid-row-gap: 10px;
box-shadow: none;
background-color: #fff0;
border-style: none;
flex-flow: row;
justify-content: space-between;
align-items: center;
margin-top: 0;
}
.svg-7 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
display: flex;
}
.vectors-wrapper-26 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin-top: -5px;
display: flex;
}
.input---email-address {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #000;
background-color: #ffffff0a;
border: 1px #000;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-family: Inter, sans-serif;
font-weight: 400;
display: flex;
}
.input---email-address:active {
background-color: #fff;
}
.input---email-address::placeholder {
background-color: #fff0;
}
.divplaceholder {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.text-13 {
color: #9fa1a7;
letter-spacing: -.28px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
}
.icon_close {
color: #000;
cursor: pointer;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
position: absolute;
inset: 15px 15px auto auto;
}
.button-icon {
width: 16px;
height: 16px;
}
.clone-me {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.disclaimer-2 {
opacity: .8;
color: #666;
margin-top: 10px;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.3;
}
.lightbox-modal {
z-index: 2000;
background-color: #0006;
justify-content: center;
align-items: center;
padding: 25px;
display: flex;
position: relative;
inset: 0%;
}
.field-input {
border: 1px solid #d3d4d8;
border-radius: 6px;
height: 40px;
margin-bottom: 0;
padding-left: 15px;
transition: border-color .2s;
}
.field-input:hover {
border-color: #434de7;
}
.field-input:focus {
border-color: #177fff;
}
.button-28 {
color: #fff;
background-color: #434de7;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 7px 16px;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
display: flex;
}
.button-28:hover {
box-shadow: none;
background-color: #000;
}
.button-28.in-form {
width: 100%;
}
.button-28.in-form.mb-10 {
margin-bottom: 10px;
}
.form-block-7 {
width: 100%;
margin-bottom: 0;
}
.google-button {
grid-column-gap: 10px;
color: #000;
border: 1px solid #ccc;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
height: 40px;
padding-top: 7px;
padding-bottom: 7px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
display: flex;
}
.button-text {
color: #dadada;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
.button-text.get-workcard {
color: #9d34da;
}
.button-text.build-resume {
color: #960;
}
.button-text.launch-portfolio {
color: #ea4e43;
}
.button-text.manage-projects {
color: #d10aca;
}
.button-text.find-jobs {
color: #f8792a;
}
.button-text.orange {
color: var(--orange);
}
.field-label-2 {
color: #74767c;
margin-bottom: 10px;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
}
.field-wrapper {
margin-bottom: 20px;
}
.field-wrapper.passwordless {
background-color: #f5f5f5;
border-radius: 6px;
padding: 10px;
display: none;
}
.field-wrapper.top {
margin-top: 20px;
}
.field-wrapper.passwordless {
background-color: #17181a;
border: 1px solid #ffffff1a;
border-radius: 6px;
padding: 10px;
display: none;
}
.h1-small {
color: #000;
margin-top: 0;
margin-bottom: 5px;
font-size: 24px;
font-weight: 600;
line-height: 1.2em;
}
.modal_small {
text-align: left;
background-color: #fff;
border: 2px solid #f2f3ff;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: auto;
min-width: 400px;
max-width: 500px;
margin-bottom: 0;
padding: 30px;
display: flex;
position: relative;
box-shadow: 0 20px 30px -10px #1d01501a;
}
.form-8 {
text-align: center;
flex-direction: column;
align-items: stretch;
margin-left: 0;
display: flex;
}
.divider-line {
border-bottom: 1px solid #eeeff1;
width: 100%;
height: 1px;
}
.lightbox-modal-2 {
z-index: 2000;
background-color: #fff6;
justify-content: center;
align-items: center;
padding: 25px;
display: none;
position: relative;
inset: 0%;
}
.lightbox-modal-2.adjust {
-webkit-backdrop-filter: none;
backdrop-filter: none;
pointer-events: none;
cursor: pointer;
background-color: #fff;
border-radius: 10px;
width: 55em;
height: 85em;
margin: 100px auto auto;
padding: 60px 40px 40px;
display: none;
position: absolute;
inset: 0%;
box-shadow: 0 20px 5px #0003;
}
.field-input-2 {
border: 1px solid var(--blue);
color: #fff;
background-color: #f1f1f1;
border-radius: 8px;
height: 40px;
margin-bottom: 0;
padding-left: 15px;
font-family: Inter, sans-serif;
transition: border-color .2s;
}
.field-input-2:hover {
border-color: #434de7;
}
.field-input-2:focus {
border-color: #177fff;
}
.button-29 {
color: #fff;
background-color: #434de7;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 7px 16px;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
display: flex;
}
.button-29:hover {
box-shadow: none;
background-color: #000;
}
.button-29.in-form {
width: 100%;
}
.button-29.in-form.mb-10 {
border-radius: 8px;
height: 40px;
margin-bottom: 10px;
}
.button-29.in-form.mb-10:hover {
background-color: var(--blue);
}
.form-block-8 {
width: 100%;
margin-bottom: 0;
}
.button-text-2 {
margin-bottom: 0;
}
.modal_small-2 {
text-align: left;
background-color: #fff;
border: 2px solid #f2f3ff;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: auto;
min-width: 400px;
max-width: 500px;
margin-bottom: 0;
padding: 30px;
font-family: Inter, sans-serif;
display: flex;
position: relative;
box-shadow: 0 20px 30px -10px #1d01501a;
}
.modal_small-2.adjust {
box-shadow: none;
pointer-events: auto;
border-style: none;
justify-content: flex-start;
align-items: center;
width: 65em;
max-width: 50em;
margin: 0 auto auto;
display: block;
position: static;
inset: 5% 0% auto;
}
.text-7-copy {
color: #12141a;
width: 100px;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
text-decoration: none;
}
.breadcrumbs {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.bold-text-5 {
color: #1e1e1e;
font-size: 20px;
}
.image-69 {
font-weight: 400;
}
.buttons-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.btn-text-final.dark {
color: #000;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
}
.skills-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.text-block-167 {
font-family: Inter, sans-serif;
font-weight: 500;
}
.image-70 {
height: 16px;
}
.member-card-margin {
border-bottom: 1px #2a2a2a;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 60px;
padding: 0 8px;
display: block;
}
.div-block-69 {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.image-71 {
width: 16px;
}
.image-72, .image-73 {
width: 20px;
}
.image-74 {
width: 20px;
margin-right: 2px;
}
.image-75, .image-76, .image-77 {
width: 20px;
}
.image-78 {
width: 16px;
height: 16px;
}
.image-79, .image-80, .image-81, .image-82, .image-83 {
width: 20px;
}
.collection-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-left: 0;
padding-right: 0;
display: block;
}
.image-84 {
width: 20px;
}
.image-84.x, .image-84.in {
border-radius: 100%;
}
.image-85, .image-86 {
width: 20px;
}
.upgrade {
grid-column-gap: .35rem;
grid-row-gap: .35rem;
box-shadow: none;
color: #203d7d;
text-transform: uppercase;
background-color: #e7eefe;
border: 1px solid #dde7fd;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: 0;
padding: 2px .5rem;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
transition: none;
display: flex;
}
.upgrade.w--current {
opacity: 1;
color: #fff;
background-color: #000;
}
.image-87 {
width: 20px;
}
.text-block-168 {
color: #09090b;
}
.image-88 {
width: 20px;
}
.body-2, .body-3, .body-4 {
background-color: #fff;
}
.profile-dropdown.signedin {
color: var(--dark);
margin-left: 0;
margin-right: 0;
position: relative;
}
.profile_dropdown-list.w--open {
background-color: #fff;
border: .0625rem solid #f0f0f0;
border-radius: .75rem;
margin-top: -6px;
margin-right: 0;
padding: .25rem;
top: auto;
bottom: auto;
right: 0;
box-shadow: 0 2px 5px #0003;
}
.social-share-code {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.div-block-71 {
display: block;
}
.div-block-72 {
align-items: center;
display: flex;
}
.highlight {
margin-bottom: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1;
}
.highlight.medium {
font-size: 1.2rem;
}
.highlight.medium.padding {
margin-top: 1rem;
line-height: 1.2;
}
.image-89 {
border-radius: 16px;
width: 100%;
height: 100%;
}
.work-description {
font-family: Inter, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1;
}
.work-image {
width: 30%;
min-height: 140px;
max-height: 320px;
}
.works_card {
color: #000;
background-color: #fff;
border: .0625rem solid #eeeff1;
border-radius: 12px;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px;
padding: 1rem;
font-family: "Universal Sans Text 470 470 100", sans-serif;
text-decoration: none;
transition: none;
display: block;
position: relative;
}
.works_card:hover {
border-style: solid;
border-color: var(--blue-color);
box-shadow: none;
background-color: #fafafa00;
font-style: normal;
}
.work-img-div {
border-radius: 8px;
min-width: 4em;
max-width: 24em;
}
.image-90 {
border-radius: 8px;
width: 100%;
display: block;
}
.heading-11 {
display: block;
}
.hidden-errors {
display: none;
}
.ms-code-validation-error {
margin-top: 10px;
font-weight: 700;
list-style-type: none;
}
.buttontoggle-2 {
z-index: 2;
background-color: #fff0;
border-radius: 100%;
width: 32px;
height: 32px;
margin-left: 4px;
margin-right: 4px;
position: relative;
}
.buttontoggle-2.w--current {
background-color: #fff;
}
.buttontoggle-2.blue.w--current {
background-color: #266df0;
}
.toggle-home {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 12% 0% auto;
}
.toggle-home.freelancer {
justify-content: flex-end;
width: 600px;
}
.toggle-home.sticky {
position: absolute;
inset: 25% 0% auto;
}
.buttontext-off-3 {
color: #f8f8f833;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
font-weight: 400;
}
.togglebutton-3 {
background-color: #e9e9e9;
border-radius: 50px;
justify-content: flex-start;
align-items: center;
width: 100px;
height: 40px;
text-decoration: none;
display: flex;
position: relative;
}
.search-box-hire {
justify-content: center;
display: flex;
}
.shape-8-2 {
background-color: #3a7fff;
border-radius: 999em;
width: 47em;
height: 119em;
margin-left: auto;
margin-right: auto;
position: absolute;
top: -17.1em;
left: 26.7em;
right: 0;
transform: rotate(29deg);
}
.spacer-small-2 {
width: 100%;
padding-top: 1rem;
}
.heading-style-h1-2 {
font-size: 4rem;
font-weight: 400;
line-height: 1.1;
}
.ultra-gradient-wrapper-2 {
background-color: #1b1b1b;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
font-size: 1vw;
position: absolute;
inset: 0%;
overflow: hidden;
}
.button-30 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #000;
border-radius: 5rem;
padding: 1rem 1.5rem;
font-weight: 700;
line-height: 1;
}
.button-30.is-secondary {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #fff;
background-color: #00000040;
border: .0625rem solid #0000;
}
.gradient-intro-wrapper-2 {
z-index: 1;
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
}
.section_ultra-gradients-2 {
border-bottom: .0625rem solid #f0f0f0;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.text-size-medium-7 {
font-size: 1.25rem;
}
.background-noise-2 {
z-index: 0;
opacity: .3;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657063629542be7c04dadbc7_noise.png");
background-position: 0 0;
background-size: auto;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hero-badge-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #fff;
background-color: #1a21278c;
border: .0625rem solid #424242;
border-radius: 1rem;
align-items: center;
padding: .5rem 1.5rem;
font-weight: 700;
line-height: 1.2;
display: flex;
position: absolute;
top: auto;
bottom: 2rem;
left: auto;
}
._2-grid-2 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-items: center;
display: grid;
}
._2-grid-2.grid-1 {
grid-template-columns: 1fr;
}
.person-image-2 {
width: 40%;
max-width: 34.375rem;
position: absolute;
top: 0;
bottom: auto;
left: 49%;
}
.spacer-medium-2 {
width: 100%;
padding-top: 2rem;
display: block;
}
.hero-badge_image-2 {
object-fit: cover;
object-position: 50% 0%;
background-color: #1d3256;
border: .0625rem solid #404040;
border-radius: 5rem;
width: 2.8125rem;
height: 2.8125rem;
}
.heading-style-h1-3 {
font-family: Inter, sans-serif;
font-size: 4rem;
font-weight: 400;
line-height: 1.1;
}
.ultra-gradient-wrapper-3 {
background-color: #1b1b1b;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
font-size: 1vw;
position: absolute;
inset: 0%;
overflow: hidden;
}
.button-31 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #000;
border-radius: 5rem;
padding: 1rem 1.5rem;
font-weight: 700;
line-height: 1;
}
.button-31.is-secondary {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #fff;
background-color: #00000040;
border: .0625rem solid #0000;
}
.gradient-intro-wrapper-3 {
z-index: 1;
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
}
.section_ultra-gradients-3 {
border-bottom: .0625rem solid #f0f0f0;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.text-size-medium-8 {
font-size: 1.25rem;
}
.background-noise-3 {
z-index: 0;
opacity: .3;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657063629542be7c04dadbc7_noise.png");
background-position: 0 0;
background-size: auto;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.talent-type_inner-2 {
color: #fff;
background-image: linear-gradient(#0d152e80, #0d152e80);
background-position: 0 0;
background-size: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 5rem 1rem 1rem;
display: flex;
position: relative;
}
.heading-style-h3-2 {
text-align: center;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
}
.heading-style-h4-2 {
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.search-container {
border: 1px solid var(--card-border);
border-radius: 16px;
width: 500px;
}
.nav-menu-left {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
height: 36px;
display: flex;
}
.nav-menu-right {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.navbar1_component-3-copy {
z-index: 1000;
box-shadow: none;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: #fff;
background-color: #fff;
border-bottom: .0625rem solid #f0f0f0;
border-radius: 0;
justify-content: center;
align-items: center;
height: 60px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: sticky;
top: 0;
}
.navbar1_component-3-copy.dark {
background-color: #121316;
border-bottom-style: none;
height: 60px;
}
.navbar1_component-3-copy.mgmvn {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.navbar1_dropdown-toggle-3-copy {
grid-column-gap: .5rem;
color: var(--dark);
letter-spacing: -.1px;
align-items: center;
padding: .5rem 1rem;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
display: flex;
}
.navbar1_dropdown-toggle-3-copy.dark, .navbar1_dropdown-toggle-3-copy.dark.light {
color: var(--borders);
}
.navbar1_dropdown-toggle-3-copy.active {
color: var(--blue-primary);
font-weight: 500;
}
.search-talent {
opacity: 1;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #edededcc;
background-image: linear-gradient(90deg, #5f5d2033, #a28f7933 50%, #2c566b33);
border: 1px solid #eaeaea33;
border-radius: 100px;
padding: 6px;
display: flex;
}
.search-talent:active, .search-talent:focus {
box-shadow: 0 0 0 6px #698aff33;
}
.input__field_search {
z-index: 1;
color: #000;
-webkit-text-stroke-color: #fff;
background-color: #fff0;
border: 1px #000;
border-radius: 100px;
width: 600px;
height: 44px;
margin-bottom: 0;
margin-left: 40px;
padding-left: 0;
padding-right: 24px;
font-family: Inter, sans-serif;
font-weight: 500;
transition: background-color .2s;
}
.input__field_search:focus {
color: #000;
background-color: #fff0;
}
.input__field_search::placeholder {
color: #999;
background-color: #fff0;
}
.skills-tag {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: center;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.independence {
font-family: Great Vibes, cursive;
font-size: 5.9rem;
}
.independence.medium {
color: #eaeaff80;
font-family: Clashdisplay, sans-serif;
font-size: 3rem;
font-weight: 400;
}
.independence.white {
color: #fff;
}
.bold-text-6 {
color: #333;
text-align: center;
text-transform: none;
text-shadow: none;
font-family: Inter, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
}
.grid-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.grid-5.full {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.grid-5.full.gridfour {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.heading-style-h4-3 {
color: var(--dark);
font-family: Inter, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.4;
}
.heading-style-h4-3.white {
color: #fff;
}
.talent-body {
color: #707070;
border: 1px #000;
border-radius: 0;
font-family: Inter, sans-serif;
font-size: 14px;
}
.talent-body.title {
color: #000;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
}
.talent-body.title.topic {
font-size: 18px;
}
.talent-body.title.topic.white {
color: #fff;
}
.talent-body.black {
color: #000;
}
.talent-body.black.white {
color: #fff;
}
.flex-block {
border-radius: 0;
margin-bottom: 40px;
text-decoration: none;
}
.body-5 {
background-color: #fff;
background-image: linear-gradient(#0c0c12, #040406 30%, #0c0c12);
}
.body-5.bg-portfolio {
background-color: #121316;
}
.span-body-small-2-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
box-shadow: none;
background-color: #f7f7f7;
border: 1px solid #e5e7eb;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 30px;
padding: 0 12px;
font-size: 14px;
display: flex;
position: static;
top: 15.7715px;
left: .0859375px;
}
.span-body-small-2-copy.no-space {
top: 0;
}
.independent-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #fff;
border: 1px solid #00000014;
border-bottom-width: 2px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
display: flex;
}
.independent-card.no-padding {
border-style: none;
border-width: 1px;
padding: 0;
}
.div-block-73 {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
width: 352px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-73.length {
width: 100%;
}
.div-block-73.centre {
justify-content: center;
margin-left: auto;
}
.title {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.text-14 {
color: #2d432c;
letter-spacing: -.04em;
font-size: 36px;
font-weight: 500;
line-height: 100%;
}
.looking-for-work-bro {
color: #74816d;
letter-spacing: 0;
font-size: 16px;
font-weight: 500;
line-height: 100%;
}
.looking-for-work-bro-2 {
color: #1e1e1e;
letter-spacing: 0;
font-size: 16px;
font-weight: 500;
line-height: 100%;
}
.looking-for-work-bro-3 {
color: #0e8b00;
letter-spacing: 0;
font-size: 16px;
font-weight: 500;
line-height: 100%;
}
.card-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #f6f5f4;
border: 2px solid #f6f5f4;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 20px 16px;
display: flex;
}
.card-3:hover {
background-color: #fff;
}
.card-3.cover {
background-color: #3246b1;
border-radius: 14px;
}
.rating {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
display: flex;
}
.vectors-wrapper-27 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #3246b1;
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.text-16 {
color: #050505;
letter-spacing: 0;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
}
.text-16.white {
color: #fff;
}
.group-of-cards {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 93em;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.text-17 {
color: #6d7481;
letter-spacing: 0;
font-family: Inter, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 100%;
}
.text-17.light-blue {
color: #fffc;
}
.text-17.cta-action {
color: #fff;
text-decoration: underline;
}
.block-cards-1 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.sub-content {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.link-34 {
color: #3246b1;
text-decoration: none;
}
.entire {
border-bottom: .0625rem none var(--borders);
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.entire.padding-global.padding-section-large {
background-color: #fff;
border-bottom-right-radius: 36px;
border-bottom-left-radius: 36px;
align-items: flex-start;
height: 797.84px;
padding-top: 0;
box-shadow: 0 2px #0003;
}
.entire.padding-global.padding-section-large.dark {
color: #121316;
background-color: #202124;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a0f1e1aa6fc7141dfba7e2_Section.svg");
background-position: 0 0;
background-size: cover;
border: 1px solid #000;
border-radius: 8px;
height: 864px;
margin-top: 24px;
margin-left: 2.5rem;
margin-right: 2.5rem;
padding-top: 8rem;
}
.entire.padding-global.padding-section-large.blue {
border: 1px solid var(--borders);
opacity: 1;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657eeeba826ca5895aa948be_div.copper-c-kAFKac.png");
background-position: 50% 0;
background-size: auto;
border-radius: 8px;
height: 864px;
margin: 24px 2.5rem 10px;
padding-top: 8rem;
top: auto;
box-shadow: 0 2px #0003;
}
.entire.is-full {
border-bottom-style: none;
width: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.content-6 {
grid-column-gap: 176px;
grid-row-gap: 176px;
background-color: #b7d6dd80;
border: 1px solid #000;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 540px;
padding: 32px;
display: flex;
}
.content-6.right {
border-left-style: none;
border-right-style: solid;
border-radius: 0 8px 8px 0;
width: 50%;
}
.content-6.right.cover {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a14a3dc7f1d0783670b705_Section%20%E2%86%92%20scout.jpg.svg");
background-position: 100%;
background-size: auto;
border-style: none;
border-color: #000;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
height: 100%;
padding: 0;
}
.content-6.right.cover.pro-color {
background-color: #6a57e300;
background-image: none;
background-size: auto;
border-style: none;
border-color: #000;
height: 100%;
padding: 32px;
}
.content-6.right.cover.pro-color.green {
background-color: #f6f5f4;
border-style: none;
border-color: #d0d4dc;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
justify-content: space-between;
}
.content-6.right.cover.proo {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657063629542be7c04dadc01_pexels-tim-douglas-6205523.jpg");
background-position: 100% 0;
background-size: cover;
border-style: none;
border-color: #000;
}
.content-6.left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 50%;
}
.content-6.left.freelancer {
background-color: #70aebb00;
border-style: none;
border-color: #0000001a;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
height: 100%;
}
.content-6.left.freelancer.linear {
background-color: #70aebb00;
background-image: none;
border-right-style: none;
height: 100%;
}
.content-6.left.freelancer.linear.cover {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a511cc4261408a71d43077_Section%20%E2%86%92%20people.png.png");
background-size: cover;
border-style: none;
border-color: #d0d4dc;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.content-6.left.freelancer.color-blue {
background-color: #3246b1;
border-left-color: #d0d4dc;
border-right-style: none;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
justify-content: space-between;
}
.find-talent-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f6f5f4;
border: 2px solid #f6f5f4;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 93em;
height: 540px;
margin-left: auto;
margin-right: auto;
padding: 0;
display: flex;
}
.subtitle-4 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.subtitle-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 442px;
display: flex;
}
.subtitle-3.length {
max-width: 100%;
}
.subtitle-3.length.less-gap {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.text-21 {
color: #1f58c3;
letter-spacing: 0;
font-size: 16px;
font-weight: 500;
line-height: 100%;
}
.text-20 {
color: #fff;
letter-spacing: 0;
font-size: 16px;
font-weight: 500;
line-height: 20px;
}
.text-22 {
color: #000;
letter-spacing: 0;
font-size: 18px;
font-weight: 500;
line-height: 32px;
}
.text-22.white {
color: #ffffff80;
letter-spacing: -.1px;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
}
.text-23 {
color: #000;
letter-spacing: 0;
font-size: 36px;
font-weight: 500;
line-height: 56px;
}
.text-23.white {
color: #050505;
letter-spacing: -.1px;
font-weight: 700;
line-height: 44px;
}
.title-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-family: Inter, sans-serif;
display: flex;
}
.title-4._100 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
width: 100%;
height: 100%;
}
.title-4._100.less-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
height: 100%;
}
.image-9 {
object-fit: cover;
border: 1px solid #000;
border-left-style: none;
border-radius: 0 8px 8px 0;
width: 50%;
max-width: 100%;
height: 640px;
}
.meet-clients-you-re {
color: #000;
letter-spacing: 0;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.meet-clients-you-re.white {
color: #050505;
letter-spacing: -.1px;
font-size: 36px;
}
.meet-clients-you-re.white.small {
color: #050505;
font-size: 14px;
line-height: 24px;
}
.cta_find-opportuniti {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border-radius: 45px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 12px 24px;
display: flex;
}
.descriptions {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 0 solid #ffffff80;
border-top-width: 1px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 24px;
display: flex;
}
._2-grid-container {
background-color: #fff;
max-width: 100%;
}
._2-grid-container.magmaven-pro {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.people-heading {
grid-column-gap: 10px;
grid-row-gap: 10px;
box-shadow: none;
background-color: #b7d6dd;
border: 1px #e5e7eb;
border-radius: 6px 6px 0 0;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
height: 34px;
margin-bottom: 0;
padding: 0 20px;
display: flex;
position: static;
top: 15.7715px;
left: .0859375px;
}
.people-heading.no-space {
top: 0;
}
.person-heading-text {
color: #000;
letter-spacing: -.07px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18.2px;
}
.testimonial-memberstack {
background-color: #f7f7f7;
border: 1px #0000001a;
border-radius: 15px;
align-items: center;
width: 100%;
max-width: 93em;
height: 300px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
display: flex;
}
.testimonial-memberstack.centre {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65a2cf0b09ef455e3f9d0926_Section%20%E2%86%92%20mission.jpg.png");
background-position: 0 0, 0 0;
background-size: auto, auto;
border-left-color: #d0d4dc;
justify-content: center;
}
.testimonial-memberstack.work-wrapper {
background-color: #b1323200;
height: 100%;
}
.membestack-pic {
border-radius: 10px;
height: 100%;
}
.image-91 {
object-fit: cover;
border: 1px #000;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
height: 540px;
display: none;
}
.text-span-16 {
color: #6a57e3;
}
.text-span-16.green {
color: #439c68;
}
.div-block-74 {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: flex-start;
margin-bottom: 12px;
display: flex;
}
.image-92 {
width: 14px;
height: 14px;
}
.div-block-75 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin-top: 4px;
display: flex;
position: static;
}
.div-block-76, .div-block-77, .div-block-78, .div-block-79 {
width: 450px;
}
.div-block-80 {
color: #050505;
margin-top: 0;
}
.saving-label {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #f5f5f5;
border: 1px solid #c9c7c5;
border-radius: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 5px 10px;
display: flex;
position: relative;
top: auto;
left: auto;
box-shadow: inset 0 -1px #439c681a;
}
.saving-label.no-space {
top: 0;
}
.saving-label.purple {
border-color: #483e8b;
}
.text-block-169 {
color: #707070;
}
.anime-title-card {
grid-template-rows: auto;
align-content: center;
align-items: center;
height: 200px;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 0;
}
.anime-title-card._1grid {
display: block;
}
.anime-title-card._1grid.centre {
display: flex;
}
.div-block-81 {
max-width: 85em;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.link-35 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #fff;
border: 1px solid #000;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
display: flex;
}
.link-36 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000000a;
border: 1px solid #efefef;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1px;
display: flex;
}
.pic-of-member-2 {
object-fit: cover;
border-radius: 100%;
width: 74px;
max-width: 74px;
height: 74px;
}
.padding-global-5 {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
position: relative;
}
.vectors-wrapper-28 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 1px;
display: flex;
}
.heading-style-h1-4 {
font-family: "Universal Sans Display 380 380 100", sans-serif;
font-size: 4rem;
font-weight: 200;
line-height: 1.1;
}
.heading-style-h1-4.text-color-white {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.heading-style-h1-4.text-color-white.centre {
color: #65697b;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
font-family: Inter, sans-serif;
font-weight: 700;
display: flex;
}
.span-body-small-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #f5f5f5;
border: 1px solid #00000014;
border-radius: 4px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 1px 4px;
display: flex;
position: absolute;
top: 15.7715px;
left: .0859375px;
box-shadow: inset 0 -1px #0000001a, inset 0 1px #0000001a;
}
.spacer-medium-3 {
width: 100%;
padding-top: 2rem;
}
.div-flex-5 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
padding-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.div-flex-5.parallel {
flex-direction: row;
align-items: center;
margin-top: 0;
margin-left: 20px;
}
.padding-section-medium-3 {
padding-top: 4em;
padding-bottom: 4em;
}
.padding-section-medium-3.is--half-bottom {
align-content: start;
max-width: 93em;
margin-left: auto;
margin-right: auto;
padding: 4em 24px;
}
.padding-section-medium-3.is--half-bottom.upper-no-margin {
padding-top: 4em;
}
.padding-section-medium-3.is--half-bottom.upper-no-margin.max-width-full {
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.link-37 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000000a;
border: 1px solid #efefef;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1px;
display: flex;
}
.button-32 {
color: #fff;
text-align: center;
letter-spacing: .1px;
text-transform: none;
white-space: nowrap;
background-color: #005faf;
border-radius: 100px;
height: 2.86em;
padding: .7em 1.7em;
font-size: .875em;
font-weight: 500;
text-decoration: none;
transition: box-shadow .175s, background-color .175s;
}
.button-32:hover {
background-color: #186bb5;
box-shadow: 0 1px 3px 1px #00000026, 0 1px 2px #0000004d;
}
.button-32.outline {
color: #005faf;
background-color: #0000;
border: 1px solid #c3c6cf;
padding-top: .6em;
}
.button-32.outline:hover {
box-shadow: none;
}
.text-24 {
color: #303030;
letter-spacing: -.17px;
font-family: Inter, sans-serif;
font-size: 17px;
font-weight: 300;
line-height: 22.95px;
}
.text-24.large {
font-size: 30px;
line-height: 39px;
}
.text-25 {
color: #000;
letter-spacing: -.07px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18.2px;
}
.spacer-small-3 {
width: 100%;
padding-top: 1rem;
}
.link-38 {
grid-column-gap: 10px;
grid-row-gap: 10px;
object-fit: cover;
background-color: #0000000a;
border: 1px #efefef;
border-radius: 6px 6px 0 0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 180px;
padding: 0;
display: block;
overflow: hidden;
}
.link-38.extra {
border-color: #000;
border-radius: 0 0 6px 6px;
}
.link-38.extra.portfolio {
height: 240px;
}
.user-details {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.user-details.full {
justify-content: flex-start;
width: 100%;
}
.ratings {
grid-column-gap: 2px;
grid-row-gap: 2px;
align-items: center;
display: flex;
}
.member {
width: 32px;
height: 32px;
}
.project-member {
justify-content: space-between;
width: 100%;
margin-bottom: 4px;
display: flex;
}
.project-filter {
justify-content: space-between;
align-items: center;
display: flex;
}
.categories {
width: 40px;
height: 40px;
}
.freelance-toggle {
margin-right: 12px;
}
.comapny-toggle {
margin-left: 12px;
}
.freelance {
color: #666;
font-family: Inter, sans-serif;
font-size: .9rem;
font-weight: 600;
text-decoration: none;
}
.freelance.w--current {
direction: ltr;
color: var(--light);
text-transform: uppercase;
font-family: Inter, sans-serif;
font-style: normal;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
}
.freelance.active, .freelance.active.w--current {
color: #fff;
font-weight: 600;
}
.company {
color: var(--tags);
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: .9rem;
font-weight: 600;
text-decoration: none;
}
.company.w--current {
color: var(--light);
font-family: "Universal Sans Text 560 520 100", sans-serif;
font-weight: 600;
}
.company.active {
color: #000;
font-weight: 600;
}
.company.active.w--current {
color: #222;
}
.freelance-feature-spline {
margin-bottom: 0;
padding-bottom: 0;
position: absolute;
inset: 0% 60px 60px 50%;
}
.freelance-feature-spline.full {
opacity: .5;
bottom: 0%;
left: 0;
right: 0;
}
.freelance-feature-spline.full.left-area {
bottom: 10%;
right: auto;
}
.freelance-feature-spline.full.right-area {
opacity: 1;
height: 500px;
margin-top: 0;
margin-right: 0;
position: absolute;
inset: 10% 10% auto auto;
}
.freelance-feature-spline.full.bottom {
margin-top: 0;
top: 0%;
bottom: 0%;
}
.startup-feature-spline {
position: absolute;
inset: 0%;
}
.text-block-170 {
color: #007aff;
letter-spacing: -.1px;
}
.text-block-171 {
color: #007aff;
}
.link-39 {
padding-left: 6px;
text-decoration: none;
}
.link-block-7 {
text-decoration: none;
}
.link-block-7:hover {
color: #fff;
text-decoration: underline;
}
.link-40 {
padding-left: 20px;
text-decoration: none;
}
.text-block-172 {
margin-top: 0;
}
.glassy {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background-image: linear-gradient(29deg, #fff3, #0038ff33);
border: .5px solid #91acf7;
border-radius: 20px;
width: 76px;
height: 76px;
position: absolute;
inset: auto auto -30px -30px;
box-shadow: 0 0 0 .5px #00000040, 0 120px 80px #ffffff1a;
}
.glassy.long {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 50px;
width: 152px;
top: -30px;
left: auto;
right: -30px;
}
.glassy.long.rl-10px-hover {
color: var(--light);
background-image: linear-gradient(29deg, #fff3, #0003);
border-color: #454545;
border-radius: 14px;
justify-content: center;
align-items: center;
width: 124px;
height: 40px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 600;
display: flex;
position: static;
}
.glassy.long.rl-10px-hover:hover {
background-image: linear-gradient(29deg, #fff3, #fff3);
}
.glassy.long.rl-10px-hover.dark {
color: var(--dark);
background-color: #f7f7f7;
background-image: none;
border-style: none;
}
.glassy.long.rl-10px-hover.dark:hover {
background-color: var(--navy);
color: var(--light);
}
.glassy.long.rl-10px-hover.dark.light {
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: var(--dark);
background-color: #fff0;
background-image: none;
border-style: none;
width: 100px;
}
.glassy.long.rl-10px-hover.dark.light:hover {
box-shadow: none;
color: #0a85d1;
background-color: #f7f7f700;
border-style: none;
}
.span-text {
display: inline-block;
}
.span-text.two {
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
}
.span-text.one {
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
display: block;
}
.button-shadow-2 {
filter: blur(5px);
background-image: radial-gradient(circle farthest-side at 30% 0, #bbc8ff 17%, #0000), radial-gradient(circle farthest-side at 70% 100%, #ff88fe, #0000 71%), linear-gradient(72deg, #02feff, #0777fd);
border-radius: 14px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: absolute;
}
.button-33 {
z-index: 2;
border: 1px solid var(--navy);
background-color: var(--blue-primary);
color: #fff;
cursor: pointer;
background-image: linear-gradient(29deg, #000, #0038ff33);
border-radius: 14px;
justify-content: center;
align-items: center;
width: 160px;
min-width: 200px;
height: 44px;
min-height: 56px;
padding-left: 1rem;
padding-right: 1rem;
font-size: 50px;
font-weight: 800;
line-height: 60px;
text-decoration: none;
display: flex;
position: static;
}
.button-33.green {
background-color: var(--green-s);
background-image: none;
border-style: none;
}
.btn-title {
z-index: 10;
position: relative;
}
.div-ab {
width: 100%;
height: 100%;
position: absolute;
}
.div-ab.flex-h-cc.button-hover-bg {
z-index: 0;
border-radius: 8em;
display: none;
}
.btn-img {
width: 80px;
position: absolute;
}
.btn-img.four {
filter: blur(2px);
width: 14%;
}
.btn-img.one {
width: 35%;
}
.btn-img.three {
filter: blur(2px);
width: 25%;
}
.btn-img.two {
width: 45%;
}
.header-scroll__ui-aspect-cms {
width: 100%;
padding-top: 47.66%;
position: relative;
}
.button-34 {
color: #fff;
background-color: #4353ff;
justify-content: flex-start;
align-items: center;
height: 50px;
padding: 0 24px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
display: flex;
}
.button-34:hover {
background-color: #3545ee;
}
.button-34.cc-large {
height: 60px;
}
.button-34.cc-large.cc-block {
margin-top: 16px;
}
.header-scroll__designer-overlay {
z-index: 1;
background-image: linear-gradient(#0000 20%, #1b1b1b99);
width: 100%;
height: 100%;
margin-top: 0;
position: absolute;
inset: 0%;
}
.header-flex {
justify-content: space-between;
align-items: center;
margin-top: 8%;
display: flex;
}
.subheading {
color: #fff;
}
.logo-link-block {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 12px;
}
.nav-2 {
z-index: 10;
background-color: #0000;
justify-content: center;
width: 100%;
padding-bottom: 32px;
display: flex;
}
.header-scroll__designer-site-wrapper {
z-index: 1;
background-color: #fff;
flex: 1;
width: 100%;
position: relative;
overflow: hidden;
}
.cta-button__sub-text {
opacity: .8;
font-weight: 400;
}
.header-scroll__ui-aspect-type {
width: 100%;
padding-top: 137.614%;
position: relative;
}
.header-scroll__ui-aspect-publish {
width: 100%;
padding-top: 85%;
position: relative;
}
.header-scroll__ui-aspect-logic {
width: 100%;
padding-top: 19%;
position: relative;
}
.header-scroll__ui-aspect-color {
width: 100%;
padding-top: 145.63%;
position: relative;
}
.header-scroll__designer-container {
width: 97%;
max-width: 1600px;
height: 100%;
max-height: 900px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 40px;
bottom: auto;
}
.header-scroll__ui-overlay {
background-image: linear-gradient(162deg, #0e0e0e00, #0e0e0ee6);
position: absolute;
inset: 0%;
}
.header-scroll__ui-overlay.cc-flip {
background-image: linear-gradient(#1b1b1b00, #1b1b1bfa);
}
.header-scroll__ui-image {
width: 100%;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.subheading-wrapper {
z-index: 1;
flex-direction: column;
flex: none;
align-items: flex-start;
width: 90%;
max-width: 310px;
margin-bottom: 2vw;
margin-left: 5vw;
display: flex;
position: relative;
}
.header-scroll__designer {
z-index: 2;
border-radius: 4px;
flex-direction: column;
width: 95%;
max-width: 1400px;
height: 100%;
max-height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 50px 300px #00000080, 0 10px 30px #0000004d;
}
.header-scroll__ui-aspect-ix-2 {
width: 100%;
padding-top: 102.04%;
position: relative;
}
.header-scroll__designer-top {
width: 100%;
max-width: none;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.section-13 {
padding-top: 8%;
padding-bottom: 8%;
}
.section-13.section--hero {
background-color: var(--company-dashboard);
color: #fff;
background-image: radial-gradient(circle at 10% 0, #222222fa, #0e0e0e33 14%, #0e0e0e00 48%), linear-gradient(170deg, #0e0e0e00 85%, #0e0e0efa);
flex-direction: column;
min-height: 250vh;
padding-top: 100px;
padding-bottom: 0;
display: flex;
}
.section-13.section--hero.white {
background-color: #fff;
background-image: none;
}
.header-scroll__designer-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100vh;
margin-top: -8vh;
padding-top: 8vh;
padding-bottom: 8vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.header-scroll {
flex: 1;
margin-top: -55px;
}
.header-scroll__ui {
opacity: 0;
border-radius: 2px;
position: absolute;
overflow: hidden;
box-shadow: 20px 0 50px #0003, 4px 0 8px #0000001f;
}
.header-scroll__ui.ui--cc-publish {
z-index: 3;
width: 18%;
top: 12%;
left: -4%;
}
.header-scroll__ui.ui--cc-ix-2 {
z-index: 1;
width: 14%;
top: -2%;
left: 24%;
}
.header-scroll__ui.ui--cc-logic {
z-index: 1;
width: 20%;
bottom: -2%;
right: 20%;
}
.header-scroll__ui.ui--cc-color {
z-index: 3;
width: 16%;
bottom: 17%;
right: -4%;
}
.header-scroll__ui.ui--cc-cms {
z-index: 1;
box-shadow: none;
width: 14%;
bottom: 3%;
left: -5%;
}
.header-scroll__ui.ui--cc-type {
z-index: 1;
box-shadow: none;
width: 13%;
top: 0%;
right: -6%;
}
.nav-button {
color: #fff;
background-color: #ffffff14;
height: 50px;
margin-right: 16px;
padding: 1px 24px 0;
font-size: 15px;
font-weight: 500;
line-height: 49px;
text-decoration: none;
}
.nav-button.cc-main {
z-index: 1;
color: #4353ff;
background-color: #4353ff1a;
margin-right: 0;
position: relative;
}
.nav-button.cc-main.cc-white {
color: #000;
background-color: #fff;
}
.nav-button.cc-main.cc-white:hover {
background-color: #f1f1f1;
}
.nav-button.cc-secondary {
color: #4353ff;
background-color: #0000;
position: relative;
}
.nav-button.cc-secondary.cc-white {
color: #fff;
background-color: #ffffff14;
}
.nav-button.cc-secondary.cc-white:hover {
background-color: #ffffff1f;
}
.header-scroll__designer-preview-bar {
flex: none;
width: 100%;
padding-top: 2.55%;
display: flex;
overflow: hidden;
}
.webflow-logo {
width: 90px;
}
.header-scroll__designer-site {
width: 100%;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.header-scroll__designer-site.cc-third {
top: auto;
bottom: 0;
}
.header-scroll__designer-site.cc-first, .header-scroll__designer-site.cc-second {
opacity: 0;
}
.main-container-3 {
width: 90%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.nav__wrap {
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1280px;
display: flex;
}
.header-scroll__designer-ui {
width: 80%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
}
.button-profile-card {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.button-profile-card.absolute {
position: relative;
inset: auto 0% 20px;
}
.editors-choice {
grid-column-gap: 0px;
grid-row-gap: 0px;
box-shadow: none;
background-color: #fff;
border: 1px solid #9d9dff0d;
border-radius: 5px;
flex-direction: column;
justify-content: space-between;
width: 100%;
padding-bottom: 20px;
display: flex;
}
.editors-choice:hover {
box-shadow: 0 0 20px 2px #0000001f;
}
.editors-choice.dark {
box-shadow: none;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff08;
background-image: none;
border-radius: 14px;
padding-bottom: 0;
}
.editors-choice.dark:hover {
box-shadow: 0 4px 16px 4px #a1a3d21f;
}
.rdio-btn {
border: 6px solid #353c8b;
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
inset: auto 15px 15px auto;
}
.get-started-details {
flex-direction: column;
align-items: center;
width: 260px;
margin-bottom: 2rem;
padding-top: 0;
padding-left: 0;
display: flex;
}
.div-block-85 {
height: 80px;
}
.flex-price-wrap-3 {
flex-flow: column wrap;
justify-content: space-around;
align-items: stretch;
display: flex;
}
.div-block-86, .div-block-87 {
height: 80px;
}
.member-type-card {
box-shadow: none;
background-color: #0000;
border: 1px solid #0000;
border-radius: 0;
width: 100%;
padding: 0;
display: block;
}
.get-started-content {
height: 80px;
display: flex;
}
.get-started-content.content-box {
flex-direction: column;
justify-content: flex-start;
align-self: auto;
width: 100%;
height: 100%;
display: flex;
}
.price-name-3 {
color: #000;
text-align: center;
letter-spacing: 0;
width: 200px;
min-width: 200px;
margin-bottom: .33em;
font-family: "Angellist 400 100", sans-serif;
font-size: 1.3rem;
font-weight: 500;
}
.price-name-3.white {
color: #fff;
}
.price-box-tall-3 {
background-color: #fff;
border: 1px solid #0000001a;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
width: 48rem;
margin-top: -1rem;
margin-bottom: 1rem;
padding: .5em 1em 0;
transition: border-color .2s;
display: flex;
}
.price-box-tall-3:hover {
border-color: #000;
}
.price-box-tall-3.w--current {
background-color: #fff;
border-width: 2px;
border-color: #f8ea92;
margin-top: 0;
margin-bottom: 2rem;
padding-top: .5em;
padding-bottom: 0;
}
.price-box-tall-3.recruit {
margin-top: -1rem;
margin-bottom: 1rem;
}
.price-box-tall-3.recruit.w--current {
border-color: #353c8b;
}
.price-box-tall-3.talent {
margin-top: 0;
margin-bottom: 2rem;
}
.price-box-tall-3.talent.w--current {
border-color: #353c8b;
}
.div-block-89 {
height: 80px;
}
.tab-radio-button-2 {
border: 2px solid #b0b0b0;
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
inset: auto 15px 15px auto;
}
.div-block-90 {
height: 80px;
}
.get-started-image.hire, .get-started-image.talent {
border-radius: 100px;
width: 240px;
height: 240px;
margin-top: 20px;
}
.terms-box {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.terms-content {
color: #73767c;
text-align: center;
align-items: center;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 19.6px;
text-decoration: none;
display: flex;
}
.terms-content.t {
text-decoration: underline;
}
.terms-content-box {
grid-column-gap: 5px;
grid-row-gap: 5px;
display: flex;
}
.tabs-2 {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
}
.sign-up-image {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.image-95 {
border-radius: 20px;
width: 400px;
height: 400px;
margin-left: auto;
margin-right: auto;
}
.image-95.company {
width: 100%;
}
.flex-horizontal {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.nw-link {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 20px;
margin-top: 0;
margin-bottom: 0;
padding: 8px 12px;
text-decoration: none;
}
.container-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 538px;
padding: 0;
display: flex;
}
.section-14 {
border-bottom: 1px solid #80808033;
flex: none;
}
.snap-text {
letter-spacing: -.09em;
font-size: 8rem;
line-height: 1;
}
.snap-container {
border-radius: 30px;
align-items: flex-end;
width: 61.25rem;
height: 100%;
padding: 3.5rem;
display: flex;
}
.snap-container.is-red {
color: #f7bb2e;
background-color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 0;
}
.snap-container.is-red.work {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
}
.snap-container.is-purple {
color: #fea4b9;
background-color: #614f89;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.snap-container.is-green {
color: #ddea90;
background-color: #1d7948;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.snap-container.is-navy {
color: #f7d5b1;
background-color: #2c3950;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
}
.experience_wrapper {
flex-direction: column;
align-items: stretch;
font-family: Inter, sans-serif;
display: flex;
}
.profile_banner {
background-color: #0a66c2;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65afccb4863fe99b0aa9ddeb_linkedin-banner.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: row;
align-items: flex-start;
height: 50%;
display: flex;
position: relative;
}
.font-size--s {
font-weight: 500;
}
.profile_info {
justify-content: center;
align-items: center;
margin-left: 8px;
padding-left: 16px;
font-family: Inter, sans-serif;
display: flex;
position: relative;
}
.experience_link {
color: #333;
align-items: center;
width: 100%;
margin-bottom: 8px;
font-family: Inter, sans-serif;
display: flex;
}
.button-35 {
color: #0a66c2;
background-color: #fff;
border: 1px solid #9b9797;
border-radius: 50px;
flex: none;
justify-content: center;
align-items: center;
margin-left: 4px;
margin-right: 4px;
padding: 8px 16px;
transition: background-color .2s;
display: flex;
}
.button-35:hover {
background-color: #eee;
border-color: #333;
text-decoration: none;
}
.button-35.state--preferred {
color: #fff;
background-color: #0a66c2;
border-color: #0000;
}
.button-35.state--preferred:hover {
background-color: #00527e;
}
.profile_col-main {
flex-direction: column;
flex: 1;
align-items: flex-start;
font-family: Inter, sans-serif;
display: flex;
}
.font-size--xl {
font-size: 24px;
font-weight: 600;
line-height: 24px;
}
.font-size--xs {
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 20px;
}
.card-4 {
background-color: #fff;
border: 1px #c9c9c9;
border-radius: 15px;
flex-direction: column;
justify-content: flex-start;
width: 100%;
height: 100%;
margin-bottom: 0;
display: flex;
overflow: hidden;
box-shadow: 0 2px 8px 2px #0000000d;
}
.profile_wrapper {
flex-direction: row;
width: 100%;
display: flex;
}
.profile_row {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
margin-bottom: 8px;
font-family: Inter, sans-serif;
display: flex;
}
.profile_row.bottom-space--none {
margin-bottom: 0;
}
.profile_info-dot {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 25%;
left: 0%;
right: auto;
}
.font-size--m {
font-size: 18px;
}
.profile_col-sub {
flex-direction: column;
flex: none;
align-items: flex-start;
width: 33%;
display: flex;
}
.profile_photo {
background-color: #5c6e7c;
border: 4px solid #fff;
border-radius: 100%;
width: 160px;
height: 160px;
position: absolute;
inset: auto auto -64px 20px;
overflow: hidden;
box-shadow: 0 2px 8px 2px #0000000d;
}
.profile_button-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex: 1;
justify-content: flex-end;
align-items: center;
width: 100%;
margin-right: 0;
display: flex;
}
.experience_icon {
background-color: #0a66c2;
width: 24px;
height: 24px;
margin-right: 16px;
}
.card_row {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: row;
align-items: flex-start;
padding: 16px 24px;
display: flex;
}
.contra-profile-card {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 538px;
padding: 0;
display: flex;
}
.contra-members {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
padding: 20px 15px 15px;
display: flex;
}
.auto-layout-vertical-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
display: flex;
}
.auto-layout-horizontal {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
display: flex;
}
.auto-layout-vertical-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 12px;
display: flex;
}
.auto-layout-vertical-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 64px;
height: 64px;
display: flex;
position: relative;
}
.frame {
border: 1px undefined undefined;
object-fit: cover;
background-color: #fff;
border-radius: 32px;
}
.auto-layout-vertical-6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: absolute;
top: 53px;
left: 12px;
}
.auto-layout-vertical-7 {
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 40px;
height: 22px;
padding: 1.8px 1.8px 1.8px 1.8px;
display: flex;
position: relative;
}
.vectors-wrapper-29 {
object-fit: cover;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 38px;
height: 20px;
display: flex;
position: absolute;
top: 1px;
left: 1px;
}
.auto-layout-horizontal-2 {
opacity: .8;
background-color: #ffffffb3;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 36px;
min-height: 18px;
padding-left: 7.66797px;
padding-right: 7.33203px;
display: flex;
}
.text {
color: #93370d;
text-align: center;
letter-spacing: .15px;
font-family: Inter, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 13.33px;
}
.auto-layout-vertical-8 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
padding-left: 12px;
display: flex;
}
.auto-layout-vertical-9 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
display: flex;
}
.auto-layout-vertical-10 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 212px;
padding-bottom: 4px;
display: flex;
}
.auto-layout-horizontal-3 {
grid-column-gap: 5.68px;
grid-row-gap: 5.68px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 212px;
padding-right: 13.52px;
display: flex;
}
.auto-layout-vertical-11 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.auto-layout-horizontal-4 {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-color: #eeebff;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 126px;
height: 24px;
padding: 5.8px;
display: flex;
box-shadow: 0 0 60px #e4e8f766;
}
.vectors-wrapper-30 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
display: flex;
}
.text-26 {
color: #6a57e3;
letter-spacing: .2px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 12px;
}
.auto-layout-horizontal-5 {
background-color: #cff0d7;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 68px;
height: 24px;
padding: 5.8px;
display: flex;
box-shadow: 0 0 55.5188px #e4e8f766;
}
.text-27 {
color: #307f4a;
letter-spacing: .2px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 12px;
}
.auto-layout-vertical-12 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 212px;
height: 28px;
padding-right: 0;
display: flex;
}
.text-28 {
color: #222834;
font-family: Inter, sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 27.93px;
}
.auto-layout-horizontal-6 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 212px;
height: 24px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0;
display: flex;
}
.auto-layout-horizontal-7 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
display: flex;
}
.auto-layout-horizontal-8 {
flex-wrap: wrap;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 16px;
display: flex;
}
.auto-layout-vertical-13 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 20px;
height: 16px;
padding-right: 4px;
display: flex;
}
.auto-layout-vertical-14 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 16px;
display: flex;
}
.vectors-wrapper-31 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.text-29 {
color: #4a5264;
letter-spacing: .15px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 7px;
}
.auto-layout-horizontal-9 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 212px;
height: 24px;
display: flex;
}
.auto-layout-horizontal-10 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 100%;
height: 24px;
padding-top: 2.06px;
padding-bottom: 2.06px;
padding-right: 0;
display: flex;
}
.vectors-wrapper-32 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.auto-layout-vertical-15 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 4px;
display: flex;
}
.auto-layout-vertical-16 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 20px;
display: flex;
}
.text-30 {
color: #677084;
letter-spacing: .15px;
width: 100%;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 19.88px;
}
.auto-layout-horizontal-11 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 100%;
display: flex;
}
.auto-layout-vertical-17 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
display: flex;
}
.frame-1171276060 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
max-height: 72px;
display: flex;
}
.auto-layout-horizontal-12 {
background-color: #ebf1fd;
border: 1px solid #ebf1fd;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 106px;
height: 32px;
padding: 8px 12px;
display: flex;
}
.auto-layout-horizontal-13 {
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.auto-layout-vertical-18 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-31 {
color: #0b2866;
text-align: center;
letter-spacing: .15px;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.auto-layout-horizontal-14 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 133px;
height: 32px;
padding: 8px 12px;
display: flex;
}
.text-32 {
color: #14171f;
text-align: center;
letter-spacing: .15px;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.auto-layout-horizontal-15 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 107px;
height: 32px;
padding: 8px 12px;
display: flex;
}
.auto-layout-vertical-19 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 32px;
padding-right: 50px;
display: flex;
}
.auto-layout-horizontal-16 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 83px;
height: 32px;
padding: 4px 12px 4px 6px;
display: flex;
}
.auto-layout-horizontal-17 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.auto-layout-horizontal-18 {
background-color: #f9fafb;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.frame-1171276061 {
object-fit: cover;
border-radius: 12px;
}
.contra-projects {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 100%;
display: flex;
}
.auto-layout-horizontal-20 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 239px;
display: flex;
}
.auto-layout-horizontal-21 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.auto-layout-vertical-20 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.auto-layout-vertical-21 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 318.4px;
display: flex;
}
.auto-layout-vertical-22 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 318px;
height: 239px;
padding-top: 1.42109e-14px;
display: flex;
}
.frame-1171276062 {
object-fit: cover;
width: 100%;
height: 100%;
position: static;
inset: 0;
}
.contra-contacts {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
padding: 15px;
display: flex;
}
.auto-layout-horizontal-22 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100%;
display: flex;
}
.auto-layout-vertical-24 {
background-color: #fff;
border: 1px solid #d0d4dc;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 40px;
height: 40px;
padding: .8px .799998px .799998px .8px;
display: flex;
}
.auto-layout-horizontal-23 {
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
padding: 11.2px 11.2px 11.2px 11.2px;
display: flex;
}
.auto-layout-vertical-25 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
padding-left: 16px;
display: flex;
}
.auto-layout-vertical-26 {
background-color: #222834;
border-radius: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 40px;
padding: 2px 16px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-24 {
grid-column-gap: 5.96532px;
grid-row-gap: 5.96532px;
justify-content: center;
align-items: center;
width: 100%;
height: 38px;
padding: 9px 0;
display: flex;
}
.auto-layout-vertical-27 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.vectors-wrapper-33 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.auto-layout-vertical-28 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 20px;
display: flex;
}
.text-33 {
color: #fff;
text-align: center;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 19.88px;
}
.hero-gradient {
background-image: linear-gradient(to top, #0f0f0f, #fff0), linear-gradient(239deg, #0f0f0f00 23%, #0f0f0f4a 67%), radial-gradient(circle at 0 0, #332c2a24 53%, #0f0f0fb0 82%);
position: absolute;
inset: 0%;
}
.level-wrap {
grid-column-gap: 10px;
align-items: center;
margin-top: 7px;
margin-bottom: 7px;
font-size: 11px;
display: flex;
}
.section-15 {
padding-top: 65px;
padding-bottom: 65px;
position: relative;
}
.section-15.hero {
background-image: none;
background-size: auto;
border-bottom: 1px solid #3d3d41;
height: auto;
padding-top: 22px;
overflow: hidden;
}
.button-wrapper-3 {
margin-top: 60px;
display: flex;
}
.breadcurmb-link {
border-left: 4px solid #d15a4f;
padding: 12px 10px;
display: inline-block;
}
.paragraph-7 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.breadcrumbs-2 {
align-items: center;
font-weight: 500;
display: flex;
}
.h2 {
font-size: 40px;
font-weight: 600;
line-height: 1.2;
}
.h2.mb-10 {
margin-top: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 56px;
font-weight: 400;
}
.hairline {
background-color: #f0f0f0;
width: 1px;
height: 16px;
}
.hero-content {
align-self: flex-end;
width: 100%;
margin-top: auto;
margin-bottom: auto;
display: block;
}
.hero-video {
min-height: 520px;
position: absolute;
inset: 0%;
}
.button-36 {
grid-column-gap: 8px;
background-color: #d15a4f;
align-items: center;
height: 52px;
padding: 20px 24px;
font-weight: 500;
display: flex;
}
.button-36.w--current {
height: 52px;
}
.hero-wrap {
z-index: 10;
flex-direction: column;
justify-content: space-between;
min-height: 433px;
padding-right: 100px;
display: flex;
position: relative;
}
.breadcrumb-arrow {
margin-left: 4px;
margin-right: 14px;
}
.play-pause {
z-index: 99;
background-color: #000;
width: 66px;
height: 69px;
position: absolute;
inset: auto auto 12px 20px;
}
.hero-p {
width: 100%;
max-width: 550px;
margin-top: 16px;
margin-bottom: 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.7;
}
.container-94 {
width: 100%;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.linkedin_posts {
width: 100%;
}
.linkedin_filter {
background-color: #fff;
border: 1px #d8d8d8;
border-radius: 8px;
flex-direction: column;
width: 100%;
padding: 0;
position: sticky;
top: 0;
}
.linkedin_item {
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 8px;
margin-bottom: 1rem;
padding: 1rem 2rem .5rem;
}
.button-37 {
color: #0b66c3;
text-align: center;
background-color: #0000;
border-radius: 10rem;
justify-content: center;
align-items: center;
padding: .25rem 2rem;
font-weight: 500;
transition: all .25s;
box-shadow: 0 0 0 1px #0b66c3;
}
.button-37:hover {
background-color: #0b66c340;
box-shadow: 0 0 0 2px #0b66c3;
}
.linkedin-ads-banner {
object-fit: cover;
width: 100%;
height: 4rem;
}
.linkedin-reset-filter {
color: #5e5e5e;
margin-top: .5rem;
transition: all .25s;
position: absolute;
inset: .5rem .5rem auto auto;
}
.linkedin-reset-filter:hover, .text-color-blue {
color: #0b66c3;
}
.linkedin_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: 1fr;
grid-template-columns: .3fr 1fr .5fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch center;
place-items: start stretch;
display: grid;
position: relative;
}
.linkedin_wrapper._2-rows {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: .3fr 1fr;
justify-content: center;
place-items: start center;
display: grid;
}
.linkedin_featured {
text-align: center;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1rem;
display: flex;
position: sticky;
top: 2rem;
}
.container-large-3 {
margin-left: 0;
margin-right: 0;
}
.auto-layout-vertical {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 1486px;
padding-bottom: 0;
display: flex;
}
.auto-layout-vertical-29 {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #fff;
border: 1px #e5e7eb;
border-radius: 5px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0;
display: flex;
}
.auto-layout-vertical-30 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 366px;
display: flex;
}
.auto-layout-vertical-31 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
display: flex;
}
.auto-layout-vertical-32 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.auto-layout-vertical-32.move-up {
margin-top: -20px;
}
.auto-layout-vertical-33 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.auto-layout-horizontal-25 {
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.frame-1171276063 {
grid-column-gap: 10px;
grid-row-gap: 10px;
object-fit: cover;
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 88px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 10px;
display: flex;
}
.auto-layout-horizontal-26 {
background-color: #cff0d7;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 88px;
padding: 6px 7.51426px 6px 7.82573px;
display: flex;
box-shadow: 0 0 24px #e4e8f7cc;
}
.auto-layout-vertical-34 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-34 {
color: #21713b;
text-align: center;
letter-spacing: .2px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 13px;
}
.auto-layout-vertical-35 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 100%;
display: flex;
}
.frame-1171276064 {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
padding: 8px 1px;
display: flex;
position: relative;
}
.frame-1171276064.full {
padding-left: 0;
padding-right: 0;
}
.text-35 {
color: #14171f;
text-align: center;
letter-spacing: -.5px;
font-family: Inter, sans-serif;
font-size: 34px;
font-weight: 700;
line-height: 40px;
}
.text-35.white {
color: #fff;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: 18px;
text-decoration: none;
}
.auto-layout-horizontal-27 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
inset: 0;
}
.auto-layout-vertical-36 {
background-color: #fff;
background-image: linear-gradient(90deg, #f3ca4d80 0%, #ff989a80 43%, #cbabff80 95%);
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 4px 8px;
display: flex;
}
.text-36 {
color: #93370d;
text-align: center;
letter-spacing: .6px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.auto-layout-vertical-37 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
display: flex;
}
.auto-layout-horizontal-28 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.auto-layout-vertical-38 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 282px;
display: flex;
}
.auto-layout-horizontal-29 {
background-color: #222834;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 282px;
height: 48px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.auto-layout-horizontal-30 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 234px;
height: 48px;
padding: 12px 0;
display: flex;
}
.auto-layout-vertical-39 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.vectors-wrapper-34 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.text-37 {
color: #fff;
text-align: center;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.auto-layout-vertical-40 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid #e5e7eb;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 139px;
padding: 16.8px 16.8px 16.8px 16.8px;
display: flex;
}
.auto-layout-horizontal-31 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100%;
min-height: 36px;
display: flex;
}
.text-38 {
color: #14171f;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.frame-1171276065 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #e5e7eb;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: .5px 10px;
display: flex;
}
.auto-layout-horizontal-32 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100%;
min-height: 36px;
padding-right: 0;
display: flex;
}
.auto-layout-horizontal-33 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex: 0 auto;
justify-content: space-between;
align-items: center;
display: flex;
}
.vectors-wrapper-35 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.auto-layout-vertical-41 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 4px;
display: flex;
}
.auto-layout-horizontal-34 {
flex: 0 auto;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.auto-layout-vertical-42 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 32px;
display: flex;
}
.auto-layout-vertical-43 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.frame-1171276066 {
object-fit: cover;
background-color: #fff;
border-radius: 16px;
box-shadow: 0 0 #fff;
}
.frame-1171276067 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.frame-1171276068 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-start;
height: 32px;
display: flex;
}
.auto-layout-vertical-44 {
background-color: #f5f6f9;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 32px;
height: 32px;
padding: 8.4px 8.82075px 8.6px 9.17925px;
display: flex;
}
.text-39 {
color: #4a5264;
text-align: center;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 500;
}
.frame-1171276069 {
justify-content: space-between;
align-items: center;
width: 24px;
padding: 5px 8px;
display: flex;
}
.vectors-wrapper-36 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 7.59097px;
height: 13.0607px;
display: flex;
}
.auto-layout-vertical-45 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
display: flex;
position: relative;
}
.auto-layout-vertical-46 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
display: flex;
}
.text-40 {
color: #4a5264;
letter-spacing: 1.2px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 16px;
}
.auto-layout-vertical-47 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
padding-right: 266.75px;
display: flex;
}
.auto-layout-vertical-48 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100px;
display: flex;
}
.frame-1171276070 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-height: 392px;
display: flex;
}
.auto-layout-horizontal-35 {
background-color: #ebf1fd;
border: 1px solid #ebf1fd;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 120px;
height: 32px;
padding: 8.01px 12.8px 7.99px;
display: flex;
}
.text-41 {
color: #0b2866;
text-align: center;
letter-spacing: .15px;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.frame-1171276071 {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 372px;
max-height: 72px;
display: flex;
}
.auto-layout-horizontal-36 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: auto;
height: 32px;
padding: 6.68px 10px 6.66px;
display: flex;
}
.auto-layout-vertical-49 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 19px;
display: flex;
}
.text-42 {
color: #14171f;
text-align: center;
letter-spacing: .15px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18.66px;
}
.auto-layout-horizontal-37, .auto-layout-horizontal-38 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: auto;
height: 32px;
padding: 6.68px 10.8px 6.66px;
display: flex;
}
.auto-layout-vertical-50 {
opacity: .6;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 32px;
display: flex;
}
.auto-layout-horizontal-39 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 63px;
height: 32px;
padding: 6.68px 10.8px 6.66px;
display: flex;
}
.frame-1171276072 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90px;
display: flex;
}
.auto-layout-horizontal-40 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.auto-layout-horizontal-41 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 40px;
height: 32px;
padding: 6.68px 9.96px 6.66px 10.8px;
display: flex;
}
.frame-1171276073 {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.auto-layout-horizontal-42 {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 5px;
justify-content: center;
align-items: center;
width: auto;
height: 30px;
padding: 6.8px 10.8px 6.8px 6.8px;
display: flex;
}
.text-43 {
color: #373f51;
letter-spacing: .2px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 13px;
}
.auto-layout-horizontal-43 {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 5px;
justify-content: center;
align-items: center;
width: auto;
height: 30px;
padding: 6.8px 10.37px 6.8px 6.8px;
display: flex;
}
.auto-layout-horizontal-44 {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 5px;
justify-content: center;
align-items: center;
width: auto;
height: 28px;
padding: 6.8px 10.8px 6.8px 6.8px;
display: flex;
position: absolute;
top: 300.2px;
left: .199219px;
}
.auto-layout-vertical-51 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
height: 437px;
display: flex;
}
.frame-1171276074 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 366px;
height: 405px;
padding-top: 1px;
padding-bottom: 1px;
display: flex;
position: relative;
}
.auto-layout-horizontal-45 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
display: flex;
}
.auto-layout-vertical-52 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
padding-left: 12px;
display: flex;
}
.auto-layout-vertical-53 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 350px;
display: flex;
}
.text-44 {
color: #14171f;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.frame-1171276075 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: relative;
}
.frame-1171276076 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 1px;
padding-bottom: 1px;
display: flex;
}
.vectors-wrapper-37 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 15.6392px;
height: 14.3404px;
display: flex;
}
.fluent-in-english-limited-working-proficiency-in-korean {
color: #14171f;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18.4px;
position: relative;
top: -1px;
left: 28px;
}
.auto-layout-vertical-54 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
padding-right: 0;
display: flex;
position: absolute;
top: -1px;
left: 0;
}
.frame-1171276077 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: static;
}
.auto-layout-vertical-55 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: static;
top: 24px;
left: 0;
}
.auto-layout-vertical-56 {
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 400px;
max-width: 390px;
padding: 8px 38px 8px 12px;
display: flex;
}
.auto-layout-horizontal-46 {
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 100%;
height: 100%;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 0;
display: flex;
}
.auto-layout-vertical-57 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-right: 16px;
display: flex;
}
.auto-layout-horizontal-47 {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.projects-list {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 32px;
display: grid;
}
.projects-wrapper {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.bio-text {
color: #14171f;
text-align: left;
letter-spacing: -.5px;
margin-bottom: 1rem;
font-family: Inter, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 60px;
}
.auto-layout-vertical-58 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding-top: 0;
display: flex;
}
.auto-layout-vertical-59 {
grid-column-gap: 24.01px;
grid-row-gap: 24.01px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.frame-1171276078 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #fff;
border-radius: 10px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.auto-layout-vertical-60 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
padding-right: 20px;
display: flex;
}
.auto-layout-vertical-61 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.auto-layout-vertical-62 {
border-radius: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 244px;
display: flex;
}
.auto-layout-vertical-63 {
border-radius: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.auto-layout-vertical-64 {
border-radius: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 4px;
display: flex;
}
.auto-layout-horizontal-48 {
border-radius: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
max-width: 244px;
display: flex;
position: relative;
}
.auto-layout-vertical-65 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 244px;
display: flex;
}
.auto-layout-vertical-66 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 244px;
height: 183px;
padding-left: .00698261px;
padding-right: .00697918px;
display: flex;
}
.vectors-wrapper-38 {
flex: 0 auto;
justify-content: center;
align-items: center;
height: 183px;
display: flex;
}
.frame-1171276079 {
object-fit: cover;
border-radius: 10px;
width: 264px;
height: 187px;
position: static;
top: 0;
left: 0;
}
.auto-layout-vertical-67 {
grid-column-gap: 6.8px;
grid-row-gap: 6.8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 452px;
padding-bottom: 0;
display: flex;
}
.auto-layout-vertical-68 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-right: 33px;
display: flex;
}
.furni---e-commerce-furniture-website-design {
color: #14171f;
letter-spacing: -.25px;
font-family: Inter, sans-serif;
font-size: 23px;
font-weight: 600;
line-height: 32.2px;
}
.auto-layout-vertical-69 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-right: 36px;
display: flex;
}
.furniture-e-commerce-website-design-development-in-figma-project-developed-through-figma-for-web-designers-course-by-flux-academy {
color: #4a5264;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.frame-1171276080 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.auto-layout-horizontal-49 {
background-color: #f2f4f7;
border-radius: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
height: 32px;
padding: 6.67px 12px;
display: block;
}
.auto-layout-horizontal-50 {
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.auto-layout-vertical-70 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
}
.text-45 {
color: #14171f;
text-align: center;
letter-spacing: .15px;
justify-content: space-between;
align-items: flex-start;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18.66px;
display: block;
}
.auto-layout-horizontal-51 {
background-color: #f2f4f7;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 127px;
height: 32px;
padding: 6.67px 11.53px 6.67px 12px;
display: flex;
}
.auto-layout-horizontal-52 {
background-color: #f2f4f7;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 82px;
height: 32px;
padding: 6.67px 11.31px 6.67px 12px;
display: flex;
}
.vectors-wrapper-39 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 1px;
display: flex;
}
.collection-item-2 {
height: 100%;
margin-top: 0;
margin-bottom: 0;
}
.body-7 {
background-color: #f8f8f800;
}
.workcard {
width: 100%;
height: 100%;
}
.sub-workcard {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 100%;
height: 100%;
padding: 24px;
display: flex;
}
.workcard-profile {
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.workcard-view {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid #e5e7eb;
border-radius: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 318px;
max-width: 100%;
height: 139px;
padding: 16.8px 16.8px 16.8px 16.8px;
display: flex;
}
.workcard-details {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
display: flex;
position: relative;
}
.secondary-button {
color: #1b1b1b;
background-color: #fff;
border: 2px solid #000;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 56px;
margin-top: 12px;
font-size: 16px;
font-weight: 500;
line-height: 130%;
transition: background-color .3s;
display: flex;
}
.secondary-button:hover {
background-color: #fff9;
}
.image-96 {
object-fit: cover;
width: 100%;
height: 100%;
}
.main-button {
background-color: #ff5e1a;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 56px;
font-size: 16px;
font-weight: 500;
line-height: 130%;
transition: background-color .3s;
display: flex;
}
.main-button:hover {
background-color: #e65517;
}
.slide-next.desktop-arrow {
z-index: 5;
cursor: pointer;
background-color: #c9c9c999;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
}
.slide-next.desktop-arrow:hover {
background-color: #c9c9c9;
}
.wrapper {
flex-direction: row;
align-items: center;
width: 100%;
height: auto;
margin: 0;
padding-top: 36px;
padding-bottom: 36px;
display: flex;
overflow: hidden;
}
.slide-item {
opacity: .4;
background-color: #1b1b1b;
border-radius: 16px;
align-items: center;
margin-left: 0;
margin-right: 0;
transition: all .2s;
display: flex;
transform: scale(.9);
}
.inner-swipe {
display: none;
}
.slide-prev.desktop-arrow {
z-index: 5;
cursor: pointer;
background-color: #c9c9c999;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
position: absolute;
top: 50%;
left: 20px;
transform: translate(0, -50%);
}
.slide-prev.desktop-arrow:hover {
background-color: #c9c9c9;
}
.button-container {
padding-left: 20px;
padding-right: 20px;
position: absolute;
inset: auto 0% 3%;
}
.text-block-2 {
color: #1b1b1b;
font-size: 18px;
line-height: 140%;
}
.slide-item-wrapper {
border-radius: 16px;
flex-direction: column;
justify-content: flex-end;
width: 308px;
height: 548px;
margin-left: 0;
margin-right: 0;
padding: 24px;
line-height: 40px;
transition: all .3s;
display: flex;
position: relative;
overflow: hidden;
}
.content-wrapper-2 {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.slide-container {
align-items: center;
height: 100vh;
margin-bottom: 0;
display: flex;
position: relative;
}
.slide-content {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65b1f24e56612743dbcc302d_Slide-end.png");
background-position: 50%;
background-size: cover;
height: 100%;
padding: 20px;
}
.image-26 {
width: 30px;
height: 30px;
}
.gradient-card-wrapper {
z-index: 10;
width: 100%;
height: 300px;
margin-left: 0;
margin-right: 0;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
position: static;
bottom: 47px;
left: 0%;
right: 0%;
}
.apple-card-wrapper {
position: relative;
}
.card-branding {
z-index: 2;
position: absolute;
inset: 0% auto auto 0%;
}
.card-gradient-end {
z-index: 1;
border: 1px solid #e5e0da;
border-radius: 9px;
position: absolute;
inset: 0% auto auto 0%;
}
.div-block-91 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: row;
align-items: center;
display: flex;
}
.jobs-member-name {
color: #707070;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 600;
}
.jobs-company {
color: #707070;
font-family: Inter, sans-serif;
font-size: 14px;
}
.authors {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #707070;
width: 150px;
display: flex;
}
.generator_text {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: left;
justify-content: flex-start;
align-items: center;
width: 480px;
margin-left: 20%;
padding-left: 0;
display: flex;
}
.generator_bubble-light {
opacity: .35;
filter: blur(8px);
background-color: #fff;
border-radius: 1005px;
width: 20%;
height: 20%;
position: absolute;
inset: 25% auto auto 25%;
}
.generator_bubble {
opacity: .85;
border-radius: 100%;
width: 20%;
position: absolute;
inset: -5% auto auto -3%;
overflow: hidden;
box-shadow: 14px 14px 13px -10px #2c2b2914;
}
.generator_bubble.is-4 {
z-index: 1;
width: 5%;
inset: auto 2% 13% auto;
}
.generator_bubble.is-2 {
width: 5%;
top: -2%;
left: 20%;
}
.generator_bubble.is-3 {
width: 15%;
inset: auto 3% -2% auto;
}
.switch-toggle {
background-color: #f8f3ee;
border-radius: 1rem;
width: 1rem;
height: 1rem;
box-shadow: 0 1px 3px #c4b8ae87;
}
.heading-small-3 {
font-size: 1.25rem;
font-weight: 400;
line-height: 1.4;
}
.heading-small-3.text-weight-normal {
color: #b1b1b1;
text-align: center;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.generator_chage-color-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 578px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.generator_font-button {
background-color: #c4b8ae87;
border-radius: 1005px;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
margin-left: 1rem;
display: flex;
}
.generator_font-button.is-font-3 {
color: #fff;
background-color: #1a1a2533;
font-family: Clashdisplay, sans-serif;
font-weight: 600;
text-decoration: none;
}
.generator_font-button.is-font-1 {
color: #fff;
background-color: #1a1a2533;
font-family: Inter, sans-serif;
font-weight: 500;
text-decoration: none;
}
.generator_font-button.is-font-2 {
color: #fff;
background-color: #1a1a2533;
font-family: Merriweather, serif;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
.generator_form-wrapper {
margin-bottom: 0;
}
.generator_change-button {
color: #3d3936;
padding: .5rem;
}
.generator_component {
border-radius: 14px;
}
.form-input-3 {
color: #fff;
background-color: #0000;
border: 1px #000;
border-top-right-radius: 14px;
border-bottom-right-radius: 14px;
height: 100%;
margin-bottom: 0;
padding: .5rem 1rem;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.form-input-3:focus {
border-bottom-style: solid;
border-bottom-color: #3d3936;
}
.form-input-3::placeholder {
color: #c4b8ae87;
}
.form-input-3.is-text-area {
color: #969696;
border-style: none solid none none;
border-color: #000 #434343 #000 #000;
border-radius: 10px 0 0 10px;
align-items: center;
margin-bottom: 0;
padding-top: .5rem;
padding-bottom: .5rem;
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.5;
display: block;
overflow: visible;
}
.form-input-3.is-text-area.color {
color: #fff;
border-right-width: 2px;
border-right-color: #0003;
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
font-weight: 500;
}
.generator_bubble-square {
padding-bottom: 100%;
position: relative;
}
.button-38 {
color: #0d0d14;
text-align: center;
text-transform: uppercase;
background-color: #fff;
border: 1px #000;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 180px;
padding: 1rem 1.5rem;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
display: flex;
box-shadow: 0 3px 6px #0003;
}
.button-38:hover {
box-shadow: none;
text-transform: none;
}
.generator_whos-txt {
color: #232323;
margin-bottom: 1rem;
font-family: Inter, sans-serif;
font-weight: 500;
}
.generator_art-wrapper {
height: 100%;
position: relative;
}
.generator_slider-nav {
display: none;
}
.generator_switch-container {
align-items: center;
height: 100%;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.generator_mask {
border-radius: 16px;
height: 100%;
}
.generator_text-wrapper {
z-index: 2;
text-align: center;
border-radius: 1px;
justify-content: center;
align-items: center;
padding-left: 15%;
padding-right: 10%;
display: flex;
position: absolute;
inset: 0%;
}
.generator_composition {
border-radius: 1px;
width: 578px;
height: 365px;
margin-left: auto;
margin-right: auto;
position: relative;
transform: perspective(1765px);
}
.generator_arrow-icon {
color: #fff;
width: 1rem;
height: 1rem;
line-height: 0;
}
.button_icon {
width: 1rem;
height: 1rem;
margin-right: 1rem;
line-height: 0;
}
.generator_fonts-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.generator_composition-wrapper {
background-color: #f8f3ee;
height: 100%;
padding: 0%;
}
.generator_slider {
z-index: 0;
box-shadow: none;
border-radius: 14px;
height: 365px;
}
.generator_slide {
height: 100%;
}
.switch_background {
background-color: #9bfac3;
border-radius: 1rem;
justify-content: flex-end;
width: 2rem;
height: 1rem;
margin-left: 1rem;
display: flex;
}
.generator_gradient {
color: #e8f4cc;
background-image: radial-gradient(circle at 100% 100%, #faf3f2, #fff0 52%), radial-gradient(circle farthest-side at 50% 0, #e8f4cc, #fff0), linear-gradient(225deg, #e97882 67%, #e7f4ca);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
box-shadow: inset 11px 17px 60px 13px #f8f3ee6e;
}
.generator_gradient.is-color2 {
background-image: radial-gradient(circle at 100% 100%, #faf3f2, #fff0 52%), radial-gradient(circle farthest-side at 50% 0, #e8f4cc 24%, #fff0), linear-gradient(287deg, #cefff5, #78ecd6 42%, #e7f4ca);
}
.generator_gradient.is-color4 {
background-image: radial-gradient(circle at 100% 100%, #fff, #fff0 52%), radial-gradient(circle farthest-side at 50% 0, #fff, #fff0), linear-gradient(193deg, #78c0ff, #da96ff 28%, #7db5ff 67%, #cadff4);
}
.generator_gradient.is-color3 {
background-image: radial-gradient(circle at 100% 100%, #faf3f2, #fff0 52%), radial-gradient(circle farthest-side at 50% 0, #e8f4cc, #fff0), linear-gradient(66deg, #eeceff 2%, #b9e7de 67%, #cadff4);
}
.generator_gradient-container {
width: 100%;
padding-bottom: 75%;
overflow: hidden;
}
.field-label-3 {
margin-bottom: 1rem;
font-weight: 400;
}
.generator_buttons-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.generator_quote {
color: #3d3936;
font-family: Montserrat, sans-serif;
font-size: 2.5rem;
font-style: normal;
font-weight: 400;
line-height: 1.25;
}
.generator_quote.is-style-1 {
text-align: left;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.generator_quote.is-style-3 {
text-align: left;
font-family: Clashdisplay, sans-serif;
font-size: 1rem;
font-weight: 600;
}
.generator_quote.is-style-2 {
text-align: left;
font-family: Merriweather, serif;
font-size: 1rem;
font-style: normal;
font-weight: 700;
}
.generator_slider-buttons-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.switch-component {
color: #707070;
align-items: center;
text-decoration: none;
display: flex;
}
.form-9 {
background-color: #2e2e2e;
border-radius: 10px;
height: 60px;
display: flex;
}
.form-9.color {
background-color: #00000040;
border-radius: 14px;
}
.workcard-chip {
position: absolute;
inset: 40% auto auto 10%;
}
.workcard-chip-logo {
opacity: .2;
color: #0000001a;
width: 160px;
padding-bottom: 10px;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
font-size: 4rem;
font-weight: 900;
line-height: 1.2;
position: absolute;
inset: auto auto 5% 5%;
}
.hero-block {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 30px;
display: flex;
}
.wrapper-2 {
height: 900px;
}
.container-95 {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.hero-heading {
color: #151515;
text-align: center;
margin-top: 0;
margin-bottom: 0;
margin-right: 20px;
font-family: Clashdisplay, sans-serif;
font-size: 100px;
font-weight: 500;
line-height: 1.1;
}
.hero-logo {
width: 132px;
margin-bottom: 40px;
}
.hero-image {
width: 100%;
height: 100%;
margin-top: -400px;
transform: translate(0, 400px);
}
.hero-content-holder {
margin-top: 60px;
overflow: hidden;
}
.hero-span-holder {
text-align: center;
display: inline-block;
overflow: hidden;
}
.heading-holder {
text-align: center;
width: 80%;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
}
.feature-buttons {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
align-items: center;
display: flex;
}
.feature-buttons.centre {
justify-content: center;
}
.card-body-text {
color: #050505;
letter-spacing: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.card-body-text.white {
color: #fff;
}
.text-span-17 {
color: var(--designer);
}
.text-span-17.orange {
color: var(--orange);
}
.image-97 {
height: 100%;
margin-left: auto;
}
.image-97.centre {
margin-top: 20px;
margin-right: auto;
display: block;
}
.draw-pic.adjust {
margin-bottom: 200px;
}
.div-block-93 {
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: -150px;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.div-block-94 {
justify-content: center;
height: 80px;
display: flex;
}
.div-block-95 {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
width: 260px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-95.icons {
justify-content: center;
width: 400px;
display: flex;
}
.text-block-173 {
color: #121212;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 700;
}
.text-block-174 {
color: #121212;
font-family: Inter, sans-serif;
font-size: 14px;
}
.image-98 {
border: 1px #000;
width: 100%;
height: 44px;
}
.image-98.resize {
height: 60px;
}
.image-98.re-small {
height: 36px;
}
.image-99 {
width: 20px;
height: 20px;
}
.div-block-96 {
background-color: #f0e1f9;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.div-block-96.yellow {
background-color: #fff6d6;
}
.div-block-96.portfolio {
background-color: #fce9e8;
}
.div-block-96.projects {
background-color: #e2ecf3;
border-radius: 5px;
justify-content: center;
align-items: center;
height: 32px;
display: flex;
}
.div-block-96.jobs {
background-color: #fce7d9;
}
.collection-list-wrapper {
width: 100%;
padding-top: 10px;
padding-left: 0;
padding-right: 20px;
}
.tryfree {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #f0e1f900;
border-radius: 5px;
justify-content: center;
align-items: center;
height: 32px;
display: flex;
}
.tryfree.yellow {
background-color: #fff6d6;
}
.tryfree.portfolio {
background-color: #fce9e8;
}
.tryfree.projects {
background-color: #e2ecf3;
border-radius: 5px;
justify-content: center;
align-items: center;
height: 32px;
display: flex;
}
.tryfree.jobs {
background-color: #fce7d9;
}
.text-block-175 {
color: #9e34db;
font-size: 14px;
font-weight: 600;
}
.text-block-175.green {
color: #448d6a;
}
.text-block-175.red {
color: #eb5448;
}
.text-span-18 {
font-weight: 700;
}
.div-block-97 {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: flex-start;
margin-bottom: 12px;
display: flex;
}
.spacer-small-4 {
width: 100%;
padding-top: 1rem;
display: block;
}
.spacer-medium-4 {
width: 100%;
padding-top: 2rem;
}
.text-span-19 {
color: #6a57e3;
}
.image-100 {
width: 14px;
height: 14px;
}
.div-block-98 {
width: 450px;
}
.image-101 {
object-fit: cover;
border: 1px #000;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
height: 540px;
display: none;
}
.text-46 {
color: #333;
letter-spacing: -.07px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 18.2px;
}
.div-block-99 {
margin-top: 0;
}
.image-102 {
object-fit: cover;
border: 1px solid #000;
border-left-style: none;
border-radius: 0 8px 8px 0;
width: 50%;
max-width: 100%;
height: 640px;
}
.person-image-3 {
border-radius: 20px;
width: 45%;
max-width: 45rem;
position: absolute;
inset: auto 0 auto 50%;
}
.person-image-3.second {
width: 70%;
max-width: 25rem;
top: 8rem;
left: 30%;
}
.person-image-3.second.cloth {
max-width: 35rem;
top: 4rem;
left: 15%;
}
.div-block-100 {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
width: 352px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-100.length {
width: 100%;
}
.div-block-101 {
width: 450px;
}
.div-block-102 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin-top: 4px;
display: flex;
position: static;
}
.div-block-103 {
width: 450px;
}
.text-47 {
color: #000;
letter-spacing: 0;
font-size: 36px;
font-weight: 500;
line-height: 56px;
}
.text-47.white {
color: #050505;
letter-spacing: -.1px;
font-weight: 700;
line-height: 44px;
}
.text-48 {
color: #fff;
letter-spacing: 0;
font-size: 16px;
font-weight: 500;
line-height: 20px;
}
.line-divider-2 {
background-color: #f0f0f0;
height: .0625rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.line-divider-2.length {
background-color: #29834f;
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
}
.line-divider-2.length.purple {
background-color: #473e8a;
}
.div-block-104 {
width: 450px;
}
.text-49 {
color: #000;
letter-spacing: 0;
font-size: 18px;
font-weight: 500;
line-height: 32px;
}
.text-49.white {
color: #ffffff80;
letter-spacing: -.1px;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
}
.text-50 {
color: #1f58c3;
letter-spacing: 0;
font-size: 16px;
font-weight: 500;
line-height: 100%;
}
.subtitle-5 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 442px;
display: flex;
}
.subtitle-5.length {
max-width: 100%;
}
.subtitle-5.length.less-gap {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.text-span-20 {
font-weight: 700;
}
.div-block-105, .div-block-106 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.div-block-107 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-top: 16px;
display: flex;
}
.sidebar-collapse {
opacity: .2;
cursor: pointer;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin-left: 3px;
transition: opacity .2s;
display: flex;
}
.sidebar-collapse:hover {
opacity: .6;
}
.top-member-nav {
display: flex;
}
.sidebar-collapse-2 {
opacity: .2;
cursor: pointer;
width: 20px;
height: 20px;
margin-left: 3px;
transition: opacity .2s;
}
.sidebar-collapse-2:hover {
opacity: .6;
}
.announcement-bar {
color: #fff;
background-color: #131313;
align-items: center;
display: flex;
overflow: hidden;
}
.container---main {
width: 100%;
max-width: 1452px;
margin: auto;
padding-left: 24px;
padding-right: 24px;
}
.container---main.justify-content {
z-index: 2;
pointer-events: auto;
text-align: center;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: center;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: relative;
}
.announcement-contents {
align-items: center;
display: flex;
}
.announcement-text {
flex: 1;
padding-top: 18px;
padding-bottom: 18px;
font-size: 13px;
line-height: 1.4em;
}
.text-white {
color: #fff;
}
.announcement-cross {
cursor: pointer;
width: 24px;
height: 24px;
transition: opacity .2s;
display: block;
}
.announcement-cross:hover {
opacity: .7;
}
.dropdown-wide {
grid-column-gap: 48px;
grid-row-gap: 48px;
background-color: var(--light);
color: #131313;
border: 1px solid #f7fdf7;
border-radius: 0;
width: 100%;
padding: 24px;
display: flex;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-wide-wrapper.w--open {
grid-column-gap: 48px;
grid-row-gap: 48px;
background-color: #0000;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
left: 0;
}
.large-text-2 {
color: #52525b;
max-width: 740px;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4em;
text-decoration: none;
}
.large-text-2.grey {
color: var(--tags);
}
.large-text-2.bio-copy {
font-size: 20px;
}
.navbar-wrapper-2 {
z-index: 99;
padding: 9px;
position: sticky;
top: 0;
}
.navbar-wrapper-2.inside-image-bg-section {
background-color: #0000;
border-top: 1px #000;
border-bottom: 1px #bdbdf41a;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 60px;
margin-top: 20px;
padding: 0;
display: flex;
position: absolute;
}
.navbar-wrapper-2.inside-image-bg-section.top-sticky-nav {
justify-content: center;
align-items: flex-start;
width: auto;
margin-left: auto;
margin-right: auto;
display: flex;
inset: 16px 0% auto;
}
.navbar-wrapper-2.inside-image-bg-section.unpadding {
margin-top: 0;
}
.nav-logo {
width: auto;
height: 24px;
padding-left: 0;
padding-right: 0;
}
.dropdown-arrow {
opacity: .7;
}
.image-bg-scrim {
opacity: .3;
background-image: linear-gradient(#0000, #000002);
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
left: 0;
}
.small-text-2 {
font-size: 13px;
line-height: 1.4em;
}
.small-text-2.muted {
opacity: .5;
text-align: left;
}
.image-bg-header {
z-index: 100;
color: #fff;
background-color: #131313;
flex-direction: column;
width: 100%;
height: 720px;
margin-top: -82px;
display: flex;
position: relative;
overflow: hidden;
}
.image-bg-header.justify-content {
background-color: #131313;
justify-content: space-between;
height: 830px;
margin-top: -64px;
padding-top: 82px;
padding-bottom: 48px;
font-family: Inter, sans-serif;
}
.image-bg-header.justify-content.reduce {
background-color: #5c0786;
background-image: none;
background-size: auto;
height: 1012px;
margin-top: -52px;
padding-top: 0;
padding-bottom: 0;
}
.image-bg-header.justify-content.reduce.bg-video {
background-color: #09090c;
height: 1024px;
}
.image-bg-header.justify-content.reduce.bg-video.designer {
background-color: #fff;
background-image: none;
background-size: auto;
height: 1624px;
margin-top: -50px;
padding-top: 0;
padding-bottom: 0;
}
.image-bg-header.justify-content.reduce.bg-image {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65e1949a3b1bfdc2c93c419f_642e149f564a93981412de6d_Agency%20Bg.png");
}
.image-bg-header.justify-content {
justify-content: space-between;
height: 830px;
padding-top: 82px;
padding-bottom: 48px;
}
.navbar-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 42px;
padding-left: 0;
padding-right: 0;
font-family: Inter, sans-serif;
display: flex;
}
.navbar-row.top-nav {
grid-column-gap: 2px;
grid-row-gap: 2px;
background-color: var(--black-grey);
border: 1px solid #29292b;
border-radius: 10px;
height: 52px;
padding-left: 5px;
padding-right: 5px;
box-shadow: 0 0 5px #0003;
}
.navbar-row.designer {
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 24px;
}
.navbar-row.designer.applicant {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-style: none;
padding-right: 24px;
}
.cart-quantity-wrapper {
align-items: center;
display: flex;
}
.menu-button-horziontal-2 {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.cart-close-button {
width: 24px;
height: 24px;
}
.dropdown-wide-menu {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
flex: 1;
display: flex;
}
.cart-empty {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
}
.nav-links-wrapper {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav-links-wrapper.centre {
justify-content: center;
align-items: center;
width: 400px;
}
.nav-right-cart {
display: none;
}
.dropdown-promo {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #fff;
background-color: #384438;
border-radius: 4px;
flex-direction: column;
align-items: flex-start;
width: 370px;
max-width: 370px;
padding: 18px;
display: flex;
}
.nav-link-11 {
color: #131313;
cursor: pointer;
border-radius: 6px;
margin-left: 0;
margin-right: 0;
padding: 3px 9px;
text-decoration: none;
transition: background-color .2s;
position: static;
}
.nav-link-11:hover {
background-color: #e7f0e7;
}
.nav-link-11.w--current {
color: #131313;
}
.nav-link-11.white {
color: #fff;
}
.nav-link-11.white:hover {
background-color: #fff3;
}
.nav-link-11.dropdown {
position: relative;
}
.menu-button-wrapper-2 {
justify-content: center;
width: 36px;
height: 48px;
display: flex;
position: relative;
}
.navbar-right-contents {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-end;
align-items: center;
width: 350px;
display: flex;
}
.navbar-right-contents.r-gap {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-end;
align-items: center;
width: 350px;
}
.navbar-right-contents.r-gap.portfolio {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-end;
align-items: center;
width: 1px;
}
.navbar-right-contents.r-gap.remove-s {
width: auto;
}
.dropdown-promo-image {
border-radius: 4px;
}
.dropdown-links {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-start;
min-width: 140px;
display: flex;
}
.container---m {
width: 100%;
max-width: 630px;
}
.menu-button-8 {
padding: 0;
}
.cart-container {
color: #131313;
background-color: #e7f0e7;
border-radius: 9px;
}
.navbar-2 {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #fff;
border-top: 1px #000;
border-bottom: 1px solid #0000001a;
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 60px;
padding-left: 18px;
padding-right: 18px;
display: flex;
position: relative;
top: auto;
}
.navbar-2.bg-white {
color: #fff;
background-color: #fff3;
border-radius: 0;
}
.navbar-2.teams {
background-color: #0000;
justify-content: center;
align-items: center;
padding-left: 18px;
padding-right: 18px;
display: flex;
}
.navbar-2.team-white {
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.navbar-2.team-white.applicant {
-webkit-backdrop-filter: none;
backdrop-filter: none;
border: 1px #000;
}
.navbar-2.landing {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
color: #ffffff03;
background-color: #ffffff80;
border: 1px solid #e4e4e7;
border-radius: 100px;
max-width: 984px;
height: 60px;
margin-left: auto;
margin-right: auto;
box-shadow: 0 6px 13px #00000005, 0 24px 24px #00000005, 0 53px 32px #00000003;
}
.navbar-2.landing.full {
box-shadow: none;
border-style: solid;
border-color: #e4e4e780;
border-radius: 0;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.hero-cta-text {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 10px;
display: flex;
}
.hero-cta-text.verticaltype {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.dropdown-toggle-6 {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
align-items: center;
padding: 0;
display: flex;
}
.dropdown-toggle-6.white {
color: #fff;
}
.dropdown-list-15 {
background-color: #e7f0e7;
border: 1px solid #f7fdf7;
border-radius: 9px;
min-width: 210px;
padding: 9px;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-list-15.w--open {
background-color: #0000;
min-width: 210px;
padding: 0;
}
.cart-footer {
border-top-style: none;
}
.nav-cart-button {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
background-color: #0000;
padding: 0;
}
.nav-cart-button.inside-navbar.white {
color: #fff;
}
.menu-button-cross-2 {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.image-bg {
opacity: .7;
filter: none;
object-fit: cover;
background-color: #0000;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.image-bg.bg-video {
opacity: 1;
filter: none;
-webkit-text-fill-color: inherit;
background-color: #fff0;
background-clip: border-box;
margin-top: 30em;
display: block;
}
.nav-menu-13 {
position: static;
}
.dropdown-list-link {
opacity: .7;
border-radius: 6px;
padding: 9px;
transition: opacity .2s, background-color .2s;
}
.dropdown-list-link:hover {
opacity: 1;
background-color: #fff;
}
.dropdown-list-link.w--current {
color: #131313;
}
.cart-error {
text-align: center;
border-radius: 6px;
font-size: 14px;
}
.dropdown-list-wrapper.w--open {
color: var(--light);
background-color: #0000;
}
.dropdown-list-menu {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
display: flex;
}
.trigger-search-modal-2 {
padding: 0;
}
.nav-menu-close {
z-index: 99999;
opacity: 0;
pointer-events: none;
cursor: pointer;
display: none;
position: fixed;
top: 24px;
right: 24px;
}
.order-item-text {
margin-left: 0;
}
.mobile-logo {
display: none;
}
.bold-text-7 {
font-variation-settings: "wght" 550;
}
.button-39 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #131313;
text-align: center;
background-color: #0000;
border: 1px solid #131313;
border-radius: 200px;
justify-content: center;
align-items: center;
padding: 9px 24px;
text-decoration: none;
transition: color .2s, background-color .2s;
display: flex;
}
.button-39:hover {
color: #fff;
background-color: #131313;
}
.button-39.white {
color: #fff;
background-color: #ffffff1a;
border-color: #fff;
border-radius: 6px;
height: 45px;
}
.button-39.white:hover {
color: #131313;
background-color: #fff;
}
.button-39.nav-button.bg-white {
color: #131313;
background-color: #fff;
border-color: #fff;
}
.button-39.nav-button.bg-white:hover {
color: #fff;
background-color: #0000;
}
.apple-pay-button {
border-radius: 6px;
}
.dropdown-links-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-block-176 {
font-weight: 400;
}
.cart-header {
border-bottom-style: none;
}
.load-in-second.inside-header {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: var(--tags);
flex-flow: column;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
padding-bottom: 50px;
display: flex;
}
.load-in-second.inside-header.adjust {
justify-content: center;
align-items: center;
margin-top: -60px;
padding-bottom: 0;
}
.nav-links-4 {
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.cart-quantity-text {
color: #131313;
background-color: #0000;
border-radius: 0;
min-width: auto;
height: auto;
margin-left: 0;
padding: 0;
font-size: 16px;
line-height: 1.4em;
}
.cart-quantity-text.white {
color: #fff;
}
.dropdown-link-6 {
opacity: .7;
text-decoration: none;
transition: opacity .2s;
}
.dropdown-link-6:hover {
opacity: 1;
}
.back-to-top-container {
height: 0;
}
.navbar-wrapper-3 {
z-index: 99;
background-color: #fff;
border-bottom: 1px #0000001a;
height: 50px;
padding: 0;
display: block;
position: sticky;
top: 0;
}
.navbar-wrapper-3.inside-image-bg-section {
width: 100%;
padding: 0;
position: absolute;
}
.navbar-wrapper-3.inside-image-bg-section.no-color {
background-color: #fff0;
}
.navbar-wrapper-3.dark {
background-color: #00000080;
justify-content: space-between;
width: 100%;
font-family: Inter, sans-serif;
display: flex;
}
.navbar-wrapper-3.dark.adjust {
justify-content: center;
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navbar-wrapper-3.dark.applicant {
background-color: var(--black-grey);
border: 1px #000;
border-radius: 0;
}
.menu-button-horziontal-3 {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.nav-link-12 {
color: #131313;
cursor: pointer;
border-radius: 6px;
margin-left: 0;
margin-right: 0;
padding: 3px 9px;
text-decoration: none;
transition: background-color .2s;
position: static;
}
.nav-link-12:hover {
background-color: #e7f0e7;
}
.nav-link-12.w--current {
color: #131313;
}
.nav-link-12.dropdown {
position: relative;
}
.menu-button-wrapper-3 {
justify-content: center;
width: 36px;
height: 48px;
display: flex;
position: relative;
}
.menu-button-9 {
padding: 0;
}
.dropdown-toggle-7 {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
align-items: center;
padding: 0;
display: flex;
}
.dropdown-list-16 {
background-color: #e7f0e7;
border: 1px solid #f7fdf7;
border-radius: 9px;
min-width: 210px;
padding: 9px;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-list-16.w--open {
background-color: #0000;
min-width: 210px;
padding: 0;
}
.menu-button-cross-3 {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.nav-menu-14 {
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.trigger-search-modal-3 {
padding: 0;
}
.bold-text-8 {
font-variation-settings: "wght" 550;
}
.button-40 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #131313;
text-align: center;
background-color: #0000;
border: 1px solid #131313;
border-radius: 200px;
justify-content: center;
align-items: center;
padding: 9px 24px;
text-decoration: none;
transition: color .2s, background-color .2s;
display: flex;
}
.button-40:hover {
color: #fff;
background-color: #131313;
}
.button-40.bg-primary-1 {
background-color: #56db56;
border-color: #56db56;
width: 160px;
}
.button-40.white {
color: #fff;
border-color: #fff;
border-radius: 2px;
height: 28px;
}
.button-40.white:hover {
color: #131313;
background-color: #fff;
}
.button-40.nav-button.bg-white {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-style: solid;
border-color: var(--left-nav--background);
background-color: var(--white);
color: var(--dark);
border-radius: 100px;
width: 124px;
height: 40px;
margin-right: 0;
padding: 3px 16px;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: .8rem;
font-weight: 500;
line-height: 1.5rem;
}
.button-40.nav-button.bg-white:hover {
border-style: none;
border-color: var(--left-nav--background);
color: var(--dark);
background-color: #c4c4c4;
width: 124px;
height: 40px;
padding-left: 16px;
padding-right: 16px;
}
.button-40.nav-button.bg-white.back {
border-color: var(--left-nav--background);
background-color: #fff;
}
.button-40.nav-button.bg-white.back:hover {
border-style: solid;
border-color: var(--left-nav--background);
background-color: #f0f0f0;
}
.button-40.nav-button.bg-white.feature-card {
border-style: solid none none;
border-color: var(--grey) var(--tags) var(--tags);
background-color: var(--left-nav--background);
color: var(--light);
text-transform: uppercase;
border-top-width: 4px;
border-radius: 1px;
width: 180px;
height: 44px;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
font-size: .8rem;
}
.button-40.nav-button.bg-white.feature-card:hover {
color: var(--light);
background-color: #202020;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
}
.button-40.nav-button.bg-white.coloring {
color: #52525b;
text-transform: none;
background-color: #fff;
border-color: #d4d4d8;
border-radius: 100px;
flex-flow: row;
justify-content: center;
align-items: center;
width: 88px;
height: 38px;
padding: 3px 10px;
font-family: "Angellist Display 400 100", sans-serif;
font-size: .9rem;
display: flex;
box-shadow: 0 1px 2px #1018280f, 0 1px 3px #1018281a;
}
.button-40.nav-button.bg-white.coloring:hover {
background-color: #f3f3f3;
border-style: solid;
border-color: #d4d4d8;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
}
.button-40.nav-button.bg-white.coloring.early-access {
width: 140px;
}
.button-40.nav-button.bg-white.coloring.dark {
border-color: var(--dark);
background-color: var(--dark);
color: var(--light);
border-radius: 6px;
}
.button-40.nav-button.bg-white.coloring.dark:hover {
border-color: var(--black-grey);
background-color: var(--black-grey);
}
.button-40.bg-primary-1 {
background-color: #56db56;
border-color: #56db56;
}
.button-40.bg-primary-1:hover {
color: #131313;
background-color: #0000;
border-color: #131313;
}
.text-block-177 {
font-weight: 400;
}
.nav-links-5 {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.nav-links-5.r-gap {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: center;
align-items: center;
height: 60px;
font-family: "Universal Sans Text 380 380 100", sans-serif;
}
.menu-button-horziontal-4 {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.nav-link-13 {
color: #131313;
cursor: pointer;
border-radius: 6px;
margin-left: 0;
margin-right: 0;
padding: 3px 9px;
text-decoration: none;
transition: background-color .2s;
position: static;
}
.nav-link-13:hover {
background-color: #e7f0e7;
}
.nav-link-13.w--current {
color: #131313;
}
.nav-link-13.nav-right-link.white {
color: var(--dark);
text-transform: none;
background-color: #ffffff1a;
border: 1px solid #0003;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 110px;
height: 32px;
padding-left: 10px;
padding-right: 10px;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: .8rem;
line-height: 24px;
display: flex;
}
.nav-link-13.nav-right-link.white:hover {
background-color: #ffffff1f;
}
.nav-link-13.nav-right-link.white.design {
border: 1px solid #e6e6e8;
border-radius: 20rem;
padding: .5rem 1rem;
}
.nav-link-13.nav-right-link.white.design.darkish {
color: var(--dark);
}
.nav-link-13.nav-right-link.white.design.darkish:hover {
background-color: #f3f3f3;
}
.nav-link-13.nav-right-link.white.dark {
color: #52525b;
border: 1px solid #d4d4d8;
border-radius: 100px;
width: 108px;
height: 38px;
padding-left: 20px;
padding-right: 20px;
font-family: Inter, sans-serif;
font-size: .9rem;
font-weight: 500;
box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}
.nav-link-13.nav-right-link.white.dark:hover {
background-color: #f3f3f3;
}
.nav-link-13.nav-right-link.white.no-box {
background-color: #fff0;
border-style: none;
width: 70px;
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
}
.nav-link-13.nav-right-link.white.no-box:hover {
color: #fffc;
}
.nav-link-13.nav-right-link.white.feature-card {
color: var(--dark);
background-color: #fff;
border: 1px #000;
border-radius: 6px;
width: 200px;
height: 50px;
font-family: "Angellist Display 400 100", sans-serif;
font-size: 1rem;
font-weight: 500;
}
.nav-link-13.nav-right-link.white.feature-card:hover {
background-color: var(--light-blue);
color: var(--dark);
font-family: "Angellist Display 400 100", sans-serif;
}
.nav-link-13.nav-right-link.white.feature-card._1 {
color: #fff;
background-image: linear-gradient(#27272a, #18181b);
border-style: solid;
border-color: #27272a;
border-radius: 100px;
font-family: Inter, sans-serif;
box-shadow: 0 3px 6px #0003;
}
.nav-link-13.nav-right-link.white.feature-card._1:hover {
box-shadow: none;
}
.nav-link-13.nav-right-link.white.feature-card._2 {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #52525b;
border-style: solid;
border-color: #e4e4e7;
border-radius: 100px;
font-family: Inter, sans-serif;
}
.nav-link-13.nav-right-link.white.feature-card._2:hover {
color: #27272a;
border-color: #27272a;
}
.nav-link-13.dropdown {
position: relative;
}
.nav-link-13.dropdown.white {
color: var(--background-grey);
background-color: #fff0;
border-radius: 6px;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: .8rem;
font-weight: 300;
}
.nav-link-13.dropdown.white:hover {
color: var(--dark);
background-color: #67626800;
border-radius: 4px;
}
.nav-link-13.dropdown-wide-nav-link.white {
color: var(--background-grey);
letter-spacing: .5px;
border-radius: 6px;
padding: 0 10px;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
}
.nav-link-13.dropdown-wide-nav-link.white:hover {
color: var(--dark);
letter-spacing: .5px;
background-color: #67626800;
border-radius: 4px;
font-family: Inter, sans-serif;
font-weight: 500;
}
.nav-link-13.dropdown-wide-nav-link.white.fff {
color: var(--grey);
border-radius: 6px;
padding-left: 10px;
padding-right: 10px;
}
.nav-link-13.dropdown-wide-nav-link.white.fff:hover {
color: var(--dark);
}
.nav-link-13.white {
color: #fff;
}
.nav-link-13.white:hover {
background-color: #fff3;
}
.menu-button-wrapper-4 {
justify-content: center;
width: 36px;
height: 48px;
display: flex;
position: relative;
}
.menu-button-10 {
padding: 0;
}
.dropdown-toggle-8 {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
align-items: center;
padding: 0;
display: flex;
}
.dropdown-list-17 {
background-color: #e7f0e7;
border: 1px solid #f7fdf7;
border-radius: 9px;
min-width: 210px;
padding: 9px;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-list-17.w--open {
background-color: #0000;
min-width: 210px;
padding: 0;
}
.menu-button-cross-4 {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.text-block-178 {
font-weight: 400;
}
.menu-button-11 {
padding: 0;
}
.dropdown-toggle-9 {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
align-items: center;
padding: 0;
display: flex;
}
.dropdown-toggle-9.white {
color: var(--dark);
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: .9rem;
}
.dropdown-toggle-9.white:hover {
font-family: "Universal Sans Text 560 520 100", sans-serif;
}
.dropdown-list-18 {
background-color: var(--light);
color: var(--accent);
border: 1px solid #f7fdf7;
border-radius: 4px;
min-width: 210px;
padding: 9px;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-list-18.w--open {
background-color: #0000;
min-width: 210px;
padding: 0;
}
.menu-button-cross-5 {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.text-block-179 {
font-weight: 400;
}
.form-input-4 {
color: #131313;
background-color: #0000;
border: 1px #000;
border-bottom: 1px solid #131313;
border-radius: 0;
height: auto;
margin-bottom: 0;
padding: 12px 0;
font-size: 16px;
line-height: 1.4em;
}
.form-input-4:focus {
border-bottom-color: #131313;
}
.form-input-4::placeholder {
color: #131313;
}
.form-input-4.large {
font-variation-settings: "wght" 400;
font-size: 21px;
line-height: 1.4em;
}
.large-text-3 {
color: var(--green-s);
font-family: Inter, sans-serif;
font-size: 15px;
line-height: 1.4em;
}
.form-success {
background-color: #56db56;
border-radius: 6px;
}
.widget-avatar-wrapper {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.widget-body {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
flex: none;
padding: 12px;
display: flex;
}
.form-10 {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
display: flex;
}
.form-10.reduced-gaps {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.horizontal-line {
background-color: #00000026;
width: 100%;
height: 1px;
}
.uppercase-text {
font-variation-settings: "wght" 500;
letter-spacing: .03em;
text-transform: uppercase;
font-size: 13px;
line-height: 1.4em;
text-decoration: none;
}
.uppercase-text.small {
font-variation-settings: "wght" 480;
font-size: 10px;
}
.form-block-9 {
align-self: stretch;
margin-bottom: 0;
}
.form-error {
border-radius: 6px;
margin-top: 24px;
padding: 12px;
font-size: 13px;
}
.pricing-header {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pricing-header.left-grid {
grid-template-columns: .25fr 1fr;
max-width: 93em;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.image-with-widget {
height: 100%;
position: relative;
}
.widget-avatar-text {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: column;
display: flex;
}
.widget-overlay-image {
width: 100%;
position: absolute;
top: 72px;
left: -72px;
}
.container---s-2 {
width: 100%;
max-width: 456px;
}
.container---s-2.hero-contents {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
justify-content: center;
height: 100%;
display: flex;
}
.container---s-2.hero-contents.full-width {
max-width: 100%;
}
.container---s-2.hero-contents.top-align {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 12px;
}
.widget-placeholder {
opacity: .1;
background-color: #131313;
border-radius: 200px;
width: 90%;
height: 8px;
}
.widget-progress {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #272b270d;
border-radius: 9px;
flex-direction: column;
width: 100%;
height: 9px;
display: flex;
position: relative;
overflow: hidden;
}
.widget-grid-item {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.container---xs {
width: 100%;
max-width: 338px;
}
.container---xs.inside-hero-contents.full-width {
max-width: 100%;
}
.widget-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.widget-progress-wrapper {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-direction: column;
display: flex;
}
.widget-justified-data {
justify-content: space-between;
align-items: center;
display: flex;
}
.widget-justified-data.muted {
opacity: .7;
}
.widget-title {
color: #fff;
background-color: #131313;
padding: 12px;
}
.widget-progress-bar {
background-color: #56db56;
border-radius: 9px;
width: 93%;
height: 9px;
position: absolute;
top: 0;
left: 0;
}
.widget-avatar {
width: auto;
max-height: 72px;
}
.widget {
grid-column-gap: 18px;
grid-row-gap: 18px;
color: #131313;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
flex: none;
padding: 12px;
display: flex;
box-shadow: 0 3px 6px #0000001a;
}
.widget.with-title {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding: 0;
overflow: hidden;
}
.widget.with-title.style-4 {
width: 100%;
max-width: 344px;
overflow: hidden;
}
.div-block-108 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--company-dashboard);
flex-flow: row;
justify-content: flex-start;
align-items: center;
height: 360px;
margin: auto;
padding: 0 2.5rem;
display: flex;
}
.form-input-5 {
color: #131313;
background-color: #0000;
border: 1px #000;
border-bottom: 1px solid #131313;
border-radius: 0;
height: auto;
margin-bottom: 0;
padding: 12px 0;
font-size: 16px;
line-height: 1.4em;
}
.form-input-5:focus {
border-bottom-color: #131313;
}
.form-input-5::placeholder {
color: #131313;
}
.form-input-5.large, .large-text-4 {
font-variation-settings: "wght" 400;
font-size: 21px;
line-height: 1.4em;
}
.form-success-3 {
background-color: #56db56;
border-radius: 6px;
}
.section-16 {
padding-top: 48px;
padding-bottom: 72px;
}
.form-block-10 {
align-self: stretch;
margin-bottom: 0;
}
.container---s-3 {
width: 100%;
max-width: 456px;
}
.container---s-3.hero-contents {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.image-103 {
height: 100%;
}
.widget-avatar-2 {
border-radius: 100px;
width: auto;
max-height: 72px;
}
.heading-12 {
font-family: Inter, sans-serif;
font-size: 3rem;
font-weight: 500;
}
.heading-12.white {
color: #fff;
font-size: 2.5rem;
line-height: 1.25;
}
.navbar-row-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: center;
height: 64px;
font-family: Inter, sans-serif;
display: flex;
}
.menu-button-12 {
padding: 0;
}
.dropdown-toggle-10 {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
align-items: center;
padding: 0;
display: flex;
}
.dropdown-list-19 {
background-color: #e7f0e7;
border: 1px solid #f7fdf7;
border-radius: 9px;
min-width: 210px;
padding: 9px;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-list-19.w--open {
background-color: #0000;
min-width: 210px;
padding: 0;
}
.menu-button-cross-6 {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.text-block-180 {
font-weight: 400;
}
.menu-button-13 {
padding: 0;
}
.dropdown-toggle-11 {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
align-items: center;
padding: 0;
display: flex;
}
.dropdown-list-20 {
background-color: #e7f0e7;
border: 1px solid #f7fdf7;
border-radius: 9px;
min-width: 210px;
padding: 9px;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-list-20.w--open {
background-color: #0000;
min-width: 210px;
padding: 0;
}
.menu-button-cross-7 {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.text-block-181 {
font-weight: 400;
}
.menu-button-14 {
padding: 0;
}
.dropdown-toggle-12 {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
align-items: center;
padding: 0;
display: flex;
}
.dropdown-list-21 {
background-color: #e7f0e7;
border: 1px solid #f7fdf7;
border-radius: 9px;
min-width: 210px;
padding: 9px;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-list-21.w--open {
background-color: #0000;
min-width: 210px;
padding: 0;
}
.menu-button-cross-8 {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.text-block-182 {
font-weight: 400;
}
.dropdown-toggle-13 {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
align-items: center;
padding: 0;
display: flex;
}
.dropdown-list-22 {
background-color: #e7f0e7;
border: 1px solid #f7fdf7;
border-radius: 9px;
min-width: 210px;
padding: 9px;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-list-22.w--open {
background-color: #0000;
min-width: 210px;
padding: 0;
}
.menu-button-cross-9 {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.text-block-183 {
font-weight: 400;
}
.large-text-5 {
font-variation-settings: "wght" 400;
font-size: 21px;
line-height: 1.4em;
}
.dropdown-toggle-14 {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #131313;
align-items: center;
padding: 0;
display: flex;
}
.dropdown-toggle-14.white {
color: #fff;
}
.dropdown-list-23 {
background-color: #e7f0e7;
border: 1px solid #f7fdf7;
border-radius: 9px;
min-width: 210px;
padding: 9px;
transform: translate(0, 12px);
box-shadow: 0 2px 12px #00000014;
}
.dropdown-list-23.w--open {
background-color: #0000;
min-width: 210px;
padding: 0;
}
.menu-button-cross-10 {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.text-block-184, .text-block-185, .text-block-186 {
font-weight: 400;
}
.link-block-8, .link-block-9 {
width: 140px;
}
.list-header-1 {
margin-bottom: 1.25rem;
}
.arrow-icon.is--sm {
width: 16px;
height: 16px;
line-height: 12px;
}
.section-17 {
background-color: #0000;
width: 100%;
}
.heading-50 {
letter-spacing: -.01em;
font-size: 24px;
font-weight: 500;
line-height: 28px;
}
.heading-100 {
letter-spacing: -.018em;
margin-bottom: -20px;
font-size: 68px;
font-weight: 400;
line-height: 76px;
}
.spacer-20 {
height: 3rem;
}
.spacer-20.is--fluid {
min-height: 6vh;
}
.feature-card-7-header {
position: relative;
}
.feature-card-4-image-wrap {
flex-direction: column;
justify-content: center;
max-height: 44rem;
display: flex;
overflow: hidden;
}
.modal-insert-1-container {
width: 100%;
max-width: 80vw;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.modal-1-close {
z-index: 999;
opacity: 1;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3.75rem;
height: 3.5rem;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.modal-1-close.is--theme-3 {
color: gray;
}
.modal-1-close.is--theme-3:hover {
color: #fff;
}
.list-header-2-tablet {
display: none;
}
.modal-close-icon {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex;
}
.video-card-1-controls {
color: #fff;
width: 2.75rem;
height: 2.75rem;
padding: .5rem;
transition: all .2s;
display: none;
inset: auto 1rem 1rem auto;
}
.video-card-1-controls:hover {
color: #fffc;
}
.list-header-2-right {
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.list-header-2-links {
grid-column-gap: 1.5rem;
flex-direction: row;
display: flex;
}
.footer-1-top {
justify-content: space-between;
display: flex;
}
.button-41 {
cursor: pointer;
border-radius: 100vw;
padding: 0;
font-weight: 500;
transition: color .2s, box-shadow .2s, background-color .2s;
position: relative;
}
.button-41.theme-1-fill-b {
color: #000f1d;
background-color: #f5f5f5;
}
.button-41.theme-1-fill-b:hover {
background-color: #e6e6e6;
}
.button-41.theme-1-fill-b:active {
background-color: #ccc;
}
.button-41.theme-1-fill-a {
color: #fff;
background-color: #111;
}
.button-41.theme-1-fill-a:hover {
background-color: #404040;
}
.button-41.theme-1-fill-a:active {
background-color: #595959;
}
.button-41.image-fill-a {
color: #000f1d;
background-color: #fff;
}
.button-41.image-fill-a:hover {
background-color: #e9e9e9;
}
.button-41.image-fill-a:active {
background-color: #d9d9d9;
}
.text-link-2 {
cursor: pointer;
flex-direction: column;
align-items: flex-end;
padding: 0;
transition: box-shadow .2s, color .2s;
display: block;
position: relative;
}
.text-link-2.theme-1-text-a {
color: #000f1d;
}
.text-link-2.theme-1-text-a:hover {
color: #6a6f74;
}
.text-link-2.theme-1-text-c:hover {
color: #000f1d;
}
.video-card-1-eyebrow {
margin-bottom: .75rem;
}
.slider-1-arrow {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
inset: -4rem 0% auto auto;
}
.slider-1-arrow.is--left {
right: 3.5rem;
}
.slider-1-arrow.is--left.is--theme-1 {
display: none;
}
.slider-1-arrow.is--right {
bottom: auto;
left: auto;
right: 0%;
}
.card-16-body {
z-index: 2;
grid-row-gap: .75rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-top: 1.25rem;
display: flex;
position: relative;
}
.slider-1-mask {
z-index: 0;
width: 33.333%;
padding-bottom: 2.5rem;
position: relative;
overflow: visible;
}
.heading-30 {
font-size: 16px;
font-weight: 500;
}
.breadcrumb-1-wrap {
align-items: center;
width: 100%;
}
.footer-1-list {
grid-row-gap: .75rem;
flex-direction: column;
display: flex;
}
.slider-1-slide {
z-index: 0;
padding-right: .75rem;
}
.feature-card-7-media-wrap {
flex-direction: column;
justify-content: center;
max-height: 44rem;
display: flex;
position: relative;
overflow: hidden;
}
.text-50 {
font-size: 18px;
line-height: 22px;
}
.placeholder-dropdown {
outline-offset: -20px;
background-color: #e6edf7;
outline: 1px dashed #597eb2;
min-width: 200px;
height: 200px;
}
.list-header-1-title {
grid-column-gap: .25rem;
flex-wrap: wrap;
display: flex;
}
.button-body {
grid-column-gap: 4px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 7px 22px 4px;
line-height: 1;
display: flex;
}
.button-body.is--sm {
min-height: 40px;
padding-left: 24px;
padding-right: 24px;
font-size: 16px;
}
.button-body.is--sm.is--tight {
min-height: auto;
padding: 0;
}
.modal-1-active {
z-index: 9999;
background-color: #0000;
flex-direction: row;
justify-content: center;
padding: 0;
position: fixed;
inset: 0%;
}
.modal-1-active.w--open {
background-color: #ffffffdb;
flex-direction: row;
justify-content: center;
align-items: center;
}
.card-11-wrap {
display: block;
position: relative;
}
.list-header-2-wrap {
grid-column-gap: 16px;
grid-row-gap: .25rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
margin-bottom: 2rem;
display: grid;
}
.footer-1-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: space-between;
margin-top: 8rem;
display: flex;
}
.feature-card-5-image-wrap {
flex-direction: column;
justify-content: center;
height: 100%;
max-height: 70rem;
display: flex;
overflow: hidden;
}
.video-card-1-desc {
max-width: 30rem;
}
.card-16-wrap {
display: block;
position: relative;
}
.video-card-1-body-container {
grid-row-gap: 2rem;
flex-direction: column;
align-items: center;
max-width: 50rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.social-icons-1-list {
grid-column-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.feature-card-7-image {
z-index: 1;
background-color: #f2f2f2;
width: 100%;
height: auto;
padding-top: 62.5%;
position: absolute;
}
.dropdown-4 {
margin-left: 0;
margin-right: 0;
display: block;
}
.breadcrumb-1-list {
grid-column-gap: .375rem;
grid-row-gap: .25rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.slider-1-nav {
flex-direction: row;
height: 12px;
padding-top: 0;
display: flex;
position: static;
}
.feature-card-5-image {
height: 100%;
min-height: 30rem;
padding-top: 62.5%;
position: relative;
}
.feature-card-4-body-container {
grid-row-gap: 2rem;
flex-direction: column;
align-items: center;
max-width: 50rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.eyebrow-20 {
letter-spacing: .025em;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
line-height: 16px;
}
.feature-card-3-desc {
max-width: 30rem;
}
.modal-1-toggle {
z-index: 999;
float: none;
grid-column-gap: 2px;
cursor: pointer;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
position: relative;
}
.modal-1-toggle.w--open {
z-index: 10;
background-color: #0000;
}
.standard-list-1 {
grid-column-gap: 1rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.social-icons-1-link {
width: 16px;
height: 16px;
line-height: 1;
transition: color .2s;
display: block;
}
.social-icons-1-link.is--theme-3 {
color: gray;
}
.social-icons-1-link.is--theme-3:hover {
color: #fff;
}
.feature-card-5-wrap {
height: 100%;
display: block;
position: relative;
}
.card-16-media-wrap {
flex-direction: column;
justify-content: center;
max-height: 50rem;
display: flex;
overflow: hidden;
}
.footer-1-top-list {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 75%;
display: grid;
}
.list-header-2-breadcrumb {
margin-bottom: .5rem;
}
.feature-card-5-overlay {
z-index: 1;
background-color: #0000;
position: absolute;
inset: 0%;
}
.quilted-list-1-list-item.is--duo {
grid-column-gap: 0rem;
grid-row-gap: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.dropdown-list-24 {
background-color: #0000;
padding-top: 5px;
}
.dropdown-list-24.is--right {
right: 0;
}
.video-card-1-link {
grid-column-gap: .5rem;
max-width: 30rem;
display: flex;
}
.arrow-icon-wrapper {
border-radius: 100vw;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: color .2s, background-color .2s;
display: flex;
overflow: hidden;
}
.arrow-icon-wrapper.is--theme-1 {
background-color: #f5f5f5;
}
.arrow-icon-wrapper.is--theme-1:hover {
background-color: #e6e6e6;
}
.arrow-icon-wrapper.is--theme-1:active {
background-color: #ccc;
}
.spacer-40 {
height: 7rem;
}
.spacer-40.is--fluid {
min-height: 10vh;
}
.text-link-body {
grid-column-gap: .25rem;
flex-direction: row;
align-items: center;
padding: 0;
line-height: 1;
display: flex;
}
.text-link-body.is--md {
grid-column-gap: 3px;
font-size: 16px;
font-weight: 500;
}
.card-16-image {
display: block;
position: relative;
}
.card-16-image.is--1-1 {
padding-top: 100%;
}
.text-40 {
font-size: 16px;
line-height: 22px;
}
.has--strikethrough {
text-decoration: line-through;
}
.slider-1 {
z-index: 0;
background-color: #0000;
width: 100%;
height: auto;
position: relative;
}
.button-text-3 {
flex: none;
}
.card-11-image {
display: block;
position: relative;
}
.card-11-image.is--1-1 {
padding-top: 100%;
}
.spacer-30 {
height: 5rem;
}
.spacer-30.is--fluid {
min-height: 8vh;
}
.feature-card-4-image {
padding-top: 62.5%;
display: block;
position: relative;
}
.image--cover {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.button-icon-3 {
flex-direction: column;
justify-content: center;
}
.button-icon-3.is--sm {
width: 16px;
line-height: 0;
}
.feature-card-4-body {
z-index: 2;
grid-row-gap: 2rem;
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 3rem;
}
.feature-card-5-content {
z-index: 2;
grid-row-gap: 1.5rem;
color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 2.5rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.card-11-body {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 1.25rem;
padding-right: 1rem;
display: flex;
position: relative;
}
.modal-1-active-content {
z-index: 20;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #000000e6;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
position: relative;
}
.modal-1-active-content.is--theme-3 {
background-color: #111111f2;
}
.video-card-1-body {
z-index: 2;
grid-row-gap: 2rem;
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 3rem;
}
.feature-card-4-wrap {
display: block;
position: relative;
}
.footer-1-link.is--theme-3:hover {
color: #d4d4d4;
}
.feature-card-5-title {
max-width: 50rem;
padding-right: 1rem;
}
.feature-card-4-eyebrow {
margin-bottom: .75rem;
}
.footer-1-list-title {
margin-bottom: .5rem;
}
.footer-1-wrap {
padding-top: 2.25rem;
padding-bottom: 1.75rem;
}
.footer-1-top-secondary {
flex-direction: column;
align-items: flex-end;
width: 25%;
display: flex;
}
.feature-card-7-header-link {
z-index: 2;
position: absolute;
inset: auto auto 2rem 2rem;
}
.footer-1-secondary-link.is--theme-3:hover {
color: #fff;
}
.text-link-body-icon {
line-height: 1;
}
.text-link-body-icon.is--xsm {
width: 12px;
height: 12px;
}
.text-link-body-icon.is--xsm.is--dropdown-icon {
margin-bottom: 3px;
}
.feature-card-4-link {
grid-column-gap: .5rem;
max-width: 30rem;
display: flex;
}
.modal-1-wrap {
z-index: 999;
background-color: #0000;
display: block;
position: static;
}
.footer-1-secondary-list {
grid-column-gap: 1rem;
justify-content: flex-end;
display: flex;
}
.quilted-list-1-list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.card-16-body-price {
grid-column-gap: .25rem;
grid-row-gap: .5rem;
display: flex;
}
.feature-card-7-wrap {
display: block;
position: relative;
}
.feature-card-7-media {
z-index: 2;
height: auto;
padding-top: 62.5%;
}
.modal-1-active-wrap {
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
overflow: auto;
}
.container-96 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
}
.container-96.is--huge {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.card-11-body-price {
grid-column-gap: .25rem;
grid-row-gap: .5rem;
display: flex;
}
.div-block-109 {
width: 100%;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.industries-section {
grid-column-gap: 96px;
grid-row-gap: 96px;
flex-direction: column;
display: flex;
}
.tab-icons {
flex: 1;
}
.tab-image-2 {
max-width: 456px;
}
.tabs-3 {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
margin-top: -72px;
margin-bottom: -72px;
display: flex;
}
.heading-four {
font-variation-settings: "wght" 450;
font-size: 21px;
line-height: 1.4em;
text-decoration: none;
}
.section-18 {
padding-top: 48px;
padding-bottom: 72px;
}
.section-18.bg-gray-d {
color: #fff;
background-color: #131313;
}
.section-18.bg-gray-d.increased-bottom-padding {
font-family: Inter, sans-serif;
}
.tabs-menu {
grid-column-gap: 9px;
grid-row-gap: 9px;
display: flex;
}
.container---s-4 {
width: 100%;
max-width: 456px;
}
.icon-features-grid {
grid-column-gap: 48px;
grid-row-gap: 72px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.small-icon-feature {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.tab-link {
color: #fff;
text-align: center;
background-color: #0000;
border: 1px solid #ffffff1a;
flex: 1;
padding: 18px 12px;
transition: background-color .2s, border-color .2s;
}
.tab-link:hover {
background-color: #ffffff0d;
border-color: #fff0;
}
.tab-link.w--current {
background-color: #ffffff1a;
border-color: #fff0;
}
.heading-two {
font-variation-settings: "wght" 380;
letter-spacing: -.01em;
font-size: 51px;
line-height: 1.15em;
}
.tab-content {
grid-column-gap: 96px;
grid-row-gap: 96px;
align-items: center;
display: flex;
}
.image-relume {
width: 8.75rem;
height: 2.8125rem;
}
.page-wrapper-2 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.image-design-league {
width: 55%;
position: absolute;
top: 0;
right: 0;
}
.flex-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.title-wrapper {
flex-direction: column;
width: 100%;
margin-top: .25rem;
display: flex;
}
.title-wrapper.ipsum {
top: 249px;
}
.title-wrapper.library--agancy {
top: 365px;
}
.cofunder-image {
z-index: -7;
border: 2.5px solid #fff;
border-radius: 100%;
width: 50px;
}
.cofunder-image._5 {
z-index: 0;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: 0% 0 0% -137%;
}
.cofunder-image._5:hover {
transform: translate(-10px);
}
.cofunder-image._6 {
z-index: 0;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: 0% 0 0% -70%;
}
.cofunder-image._6:hover {
transform: translate(-10px);
}
.cofunder-image._3 {
z-index: 0;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: 0% 0 0% -280%;
}
.cofunder-image._3:hover {
transform: translate(-10px);
}
.cofunder-image._2 {
z-index: 0;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: 0% 0 0% -352%;
}
.cofunder-image._2:hover {
transform: translate(-10px);
}
.cofunder-image._7 {
z-index: 0;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: 0%;
}
.cofunder-image._1 {
z-index: 0;
border-color: #fff;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: 0% 0% 0% -425%;
}
.cofunder-image._1:hover {
transform: translate(-10px);
}
.cofunder-image._4 {
z-index: 0;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: 0% 0 0% -207%;
}
.cofunder-image._4:hover {
transform: translate(-10px);
}
.icon-arrow-wrapper {
z-index: 1;
background-color: #fff;
border-radius: 50%;
height: 45px;
display: none;
position: absolute;
top: 10px;
bottom: auto;
right: 10px;
}
.link-relume {
color: #727272;
text-decoration: none;
}
.link-relume:hover {
color: #161616;
}
.flex-relume {
justify-content: space-between;
display: flex;
}
.image-agency {
width: 80%;
position: absolute;
inset: 40px auto 0%;
}
.label-text-up {
background-color: #fff;
border-radius: .3765rem;
}
.image-figma-kit {
width: 45%;
position: absolute;
top: auto;
left: auto;
right: 0;
}
.cell-relume {
z-index: 1;
box-shadow: none;
background-color: #fff;
border: 1px solid #ffffff0f;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 1.25rem;
display: flex;
position: relative;
overflow: hidden;
}
.cell-relume.icons {
background-image: linear-gradient(#ffdcd5, #ffdcd5);
}
.cell-relume.agency {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65e1949a3b1bfdc2c93c419f_642e149f564a93981412de6d_Agency%20Bg.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
border-width: 2px;
border-color: #0a0a0a;
justify-content: space-between;
}
.cell-relume.library {
background-color: #e4e2df;
}
.cell-relume.figma-kit {
z-index: 0;
background-color: #e4e2df;
}
.cell-relume.extension {
z-index: 0;
background-color: #2b2b2b;
}
.cell-relume.design-league {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65e1949a3b1bfdc2c93c419b_642e25abd43afc85d4aad997_RDL%20Bg%203.png");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
}
.cell-relume.community {
background-color: #e0daff;
}
.cell-relume.ipsum {
grid-column-gap: 50px;
grid-row-gap: 50px;
background-color: #161616;
justify-content: space-between;
}
.container-97 {
width: 90%;
max-width: 97.5rem;
margin-left: auto;
margin-right: auto;
}
.hero-relume {
grid-column-gap: 1.5rem;
grid-row-gap: 1rem;
width: 100%;
max-width: 88rem;
height: 100svh;
min-height: 50rem;
margin-left: auto;
margin-right: auto;
padding: 0 1.5rem;
}
.social-media {
width: 1.125rem;
}
.social-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.flex-cofunder {
align-items: flex-start;
display: flex;
position: relative;
}
.image-extension {
width: 70%;
position: absolute;
top: 0;
left: 250px;
right: auto;
}
.paragraph-8 {
margin: .5rem .125rem .125rem 0;
font-size: 13px;
}
.paragraph-8.text-white {
color: #f7f7f7;
letter-spacing: .5px;
font-size: 12px;
font-weight: 400;
line-height: 30px;
}
.icon-2 {
object-fit: cover;
width: 40px;
margin: 0 0 1rem;
}
.arrow-icon-2 {
height: 45px;
}
.cell-content-wrap {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.cell-content-wrap.color {
justify-content: space-between;
}
.heading-medium-wrapper.extension, .heading-medium-wrapper.agency {
top: auto;
bottom: 0;
}
.heading-medium-wrapper.library-text, .heading-medium-wrapper.figma-kit-text {
top: auto;
bottom: 0;
left: 20px;
}
.heading-medium-wrapper.design-league-text {
top: auto;
bottom: 0;
}
.image-library {
width: 90%;
height: 13.5rem;
position: absolute;
top: 86px;
left: 20px;
right: 15px;
}
.heading-medium-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 400;
line-height: 30px;
}
.heading-medium-3.text-white {
color: #f7f7f7;
letter-spacing: .05px;
}
.text-up-small {
padding: .25rem .5rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 13px;
}
.image-ipsum {
width: 80%;
position: absolute;
inset: 0% -39% 0% auto;
}
.grid-6 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-110 {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.jobs-name {
width: 180px;
overflow: scroll;
}
.jobs-company {
width: 120px;
}
.number-of-employees {
text-align: left;
width: 160px;
}
.jobs-salary {
width: 150px;
}
.company-logo {
background-color: #f0f0f0;
}
.col-sidebar {
flex-direction: column;
flex: none;
align-items: flex-start;
width: 340px;
padding: 0;
display: flex;
}
.suggested_wrapper {
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.user-overlay_back {
position: absolute;
inset: 0% auto auto 0%;
}
.highlight_button-wrapper {
align-items: center;
margin-top: 8px;
margin-left: -4px;
display: flex;
}
.profile_photo-2 {
background-color: #5c6e7c;
border: 4px solid #fff;
border-radius: 100%;
width: 180px;
height: 180px;
position: absolute;
inset: auto auto -120px 24px;
overflow: hidden;
box-shadow: 0 2px 8px 2px #0000000d;
}
.thumb_img {
background-color: #0073b1;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
}
.card_grid-item-half {
flex: none;
width: 50%;
padding-bottom: 24px;
padding-right: 48px;
display: flex;
}
.col-main {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 24px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.card_footer-link {
flex: 1;
justify-content: center;
align-items: center;
padding: 16px 24px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.card_footer-link:hover {
background-color: #e5f6ff;
}
.recommendation_profile {
flex: none;
width: 33%;
padding-bottom: 24px;
padding-right: 48px;
display: flex;
}
.user_name {
color: #333;
}
.button-42 {
color: #0073b1;
background-color: #fff;
border: 1px solid #666;
border-radius: 12px;
flex: none;
justify-content: center;
align-items: center;
margin-left: 4px;
margin-right: 4px;
padding: 8px 16px;
transition: background-color .2s;
display: flex;
}
.button-42:hover {
background-color: #eee;
border-color: #333;
text-decoration: none;
}
.button-42.state--preferred {
color: #fff;
background-color: #0073b1;
border-color: #0000;
border-radius: 12px;
}
.button-42.state--preferred:hover {
background-color: #00527e;
}
.button-42.state--subtle {
color: #666;
border-style: none;
}
.user_profile {
flex-flow: column;
width: 100%;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.profile_banner-2 {
background-color: #ebf6fc00;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 20px;
flex-direction: row;
align-items: flex-start;
height: 200px;
display: flex;
position: relative;
}
.font-size--xxs {
font-size: 12px;
}
.grid-item_thumb {
flex: none;
width: 56px;
height: 56px;
margin-right: 8px;
}
.grid-item_thumb.margin--right {
margin-right: 24px;
}
.card_tab-wrapper {
flex: 1;
}
.card_grid-item-full {
width: 100%;
padding-bottom: 24px;
padding-right: 48px;
display: flex;
}
.font-size--l {
font-size: 20px;
line-height: 24px;
}
.recommendation_wrapper {
border-top: 1px solid #c9c9c9;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.flex-col {
flex-direction: column;
flex: 1;
align-items: flex-start;
display: flex;
}
.user-overlay_front {
z-index: 10;
position: absolute;
inset: 16px auto auto 16px;
}
.user_photo {
background-color: #5c6e7c;
border: 2px solid #fff;
border-radius: 100%;
width: 48px;
height: 48px;
overflow: hidden;
box-shadow: 0 2px 8px 2px #0000000d;
}
.user_photo.size--s {
width: 40px;
height: 40px;
}
.card_footer {
border-top: 1px solid #eeeff1;
display: flex;
}
.subheading-2 {
color: #000;
margin-bottom: 4px;
font-weight: 600;
display: flex;
}
.card_header {
color: #333;
flex-direction: row;
align-items: center;
padding: 24px 24px 16px;
display: flex;
}
.card_header.border--top {
border-top: 1px solid #c9c9c9;
padding-top: 32px;
}
.tab_link {
color: #666;
background-color: #fff;
border-bottom: 2px solid #0000;
margin-right: 16px;
padding: 0 8px 8px;
}
.tab_link.w--current {
background-color: #fff;
border-bottom-color: #0073b1;
}
.card_grid-wrapper {
flex-flow: wrap;
flex: 1;
align-items: stretch;
font-family: Inter, sans-serif;
display: flex;
}
.container-98 {
flex-direction: column;
width: 100%;
max-width: 1366px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.profile_list-header {
padding-top: 16px;
padding-bottom: 16px;
display: block;
}
.card-5 {
box-shadow: none;
background-color: #fff;
border: 1px solid #0000001a;
border-radius: 20px;
width: 100%;
margin-bottom: 16px;
}
.subtext {
color: #9b9797;
}
.experience_icon-2 {
background-color: #0073b1;
width: 24px;
height: 24px;
margin-right: 16px;
}
.flex-row-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
align-items: flex-start;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.recommendation_content {
width: 100%;
}
.grid-item_content {
flex-direction: column;
flex: 1;
align-items: flex-start;
display: flex;
}
.grid-item_content.border--bottom {
border-bottom: 1px solid #c9c9c9;
padding-bottom: 24px;
}
.section-body {
min-width: 1100px;
margin-top: 0;
}
.grid-item_description {
margin-top: 8px;
}
.thumb_user-overlay {
position: relative;
}
.profile-header {
z-index: 100;
background-color: #fff;
border-bottom: 1px solid #c9c9c9;
position: fixed;
inset: 64px 0% auto;
box-shadow: 0 2px 8px 2px #0000000d;
}
.fixed-header_wrapper {
justify-content: space-between;
align-items: center;
padding: 8px 8px 4px;
display: flex;
}
.button-43 {
color: #0073b1;
background-color: #fff;
border: 1px solid #666;
border-radius: 4px;
flex: none;
justify-content: center;
align-items: center;
margin-left: 4px;
margin-right: 4px;
padding: 8px 16px;
transition: background-color .2s;
display: flex;
}
.button-43:hover {
background-color: #eee;
border-color: #333;
text-decoration: none;
}
.button-43.state--preferred {
color: #fff;
background-color: #0073b1;
border-color: #0000;
}
.button-43.state--preferred:hover {
background-color: #00527e;
}
.subheading-3 {
color: #000;
margin-bottom: 4px;
font-weight: 600;
display: flex;
}
.container-99 {
flex-direction: column;
width: 100%;
max-width: 1366px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.profile {
width: 100%;
padding-right: 24px;
display: flex;
}
.image-104 {
border-radius: 12px;
}
.background-video-2 {
width: 100%;
}
.heading-101 {
opacity: .72;
color: #fff;
letter-spacing: 0;
font-family: Inter, sans-serif;
font-size: 4rem;
font-weight: 400;
text-decoration: none;
}
.heading-101.skiff {
font-family: Clashdisplay, sans-serif;
}
.heading-101.dark {
color: #000;
}
.grey-text {
color: #666;
}
.grey-text.lightgreen {
color: #a5b3a5;
}
.div-block-111 {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
align-items: center;
display: flex;
}
.logo-float {
position: absolute;
inset: 40px auto auto 40px;
}
.logo-transparent {
opacity: .1;
}
.div-block-112 {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.div-block-113, .div-block-114 {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
align-items: center;
display: flex;
}
.slide-inner {
background-color: #fff;
overflow: hidden;
}
.container-100 {
margin-left: auto;
margin-right: auto;
}
.mb-xlarge {
margin-bottom: 80px;
}
.sec-customers {
display: block;
}
.slide-footer {
color: #11181c;
background-color: #fbfcfd;
justify-content: space-between;
align-items: center;
padding: 30px 40px 25px;
display: flex;
}
.slide-content-2 {
color: #11181c;
background-color: #fff;
border-radius: 24px;
min-height: 540px;
padding: 40px 40px 100px;
font-family: Open Sans, sans-serif;
font-size: 22px;
line-height: 1.6;
}
.reviewer {
object-fit: cover;
border: 1px solid #bbb;
border-radius: 8px;
width: 85px;
height: 85px;
margin-bottom: 30px;
}
.text-block-187 {
color: #b3b3b3;
font-family: Inter, sans-serif;
font-size: 16px;
}
.max-w-550 {
text-align: center;
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.padding-global-6 {
padding-left: 20px;
padding-right: 20px;
}
.swiper-slide {
background-color: #fff;
border: 1px #000;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 0 20px 2px #0000001f;
}
.company-name {
color: #474747;
letter-spacing: -.05em;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
}
.padding-section-1 {
padding-top: 0;
padding-bottom: 0;
}
.text-block-3 {
margin-bottom: 2px;
font-family: Inter, sans-serif;
font-weight: 600;
}
.swiper {
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
}
.paragraph-9 {
font-family: Inter, sans-serif;
}
.link-list__dropdown-wrapper {
align-items: center;
font-weight: 500;
display: flex;
position: static;
}
.navmenu__dropdown-section-link-heading {
margin-right: 8px;
line-height: 1.5;
}
.navmenu__dropdown-section-link-description {
color: #666;
margin-top: 8px;
font-size: 14px;
font-weight: 400;
line-height: 1.5em;
}
.brand-2 {
color: #1b1b1b;
align-self: center;
padding-top: 15px;
padding-bottom: 15px;
transition: color .2s;
}
.brand-2:hover {
color: #4353ff;
}
.navmenu__cta-wrapper {
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.navmenu__dropdown-right {
grid-column-gap: 80px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr .4fr;
padding-top: 40px;
padding-bottom: 52px;
}
.link-list__dropdown-icon {
align-self: center;
align-items: center;
margin-left: 8px;
margin-right: 0;
display: flex;
position: relative;
}
.link-list__dropdown-toggle {
color: #1b1b1b;
align-items: center;
height: 100%;
padding: 16px 0;
transition: box-shadow .2s, color .2s;
display: flex;
}
.link-list__dropdown-toggle:hover {
color: #4353ff;
box-shadow: inset 0 -3px #4353ff;
}
.link-list__dropdown-toggle.w--open {
box-shadow: inset 0 -3px #4353ff;
}
.navmenu__dropdown-banner-link {
background-color: #fafafa;
border-left: 1px solid #e4e4e4;
margin-bottom: 40px;
text-decoration: none;
}
.link-list__list-item {
margin-bottom: 0;
margin-right: 20px;
display: flex;
}
.navmenu__dropdown-container {
z-index: 1;
justify-content: space-between;
max-width: 1280px;
display: flex;
position: static;
}
.link-list__link {
color: #1b1b1b;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
font-weight: 500;
text-decoration: none;
transition: box-shadow .2s, color .2s;
display: flex;
}
.link-list__link:hover {
color: #4353ff;
box-shadow: inset 0 -3px #4353ff;
}
.navmenu__dropdown {
background-color: #fff;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.navmenu__dropdown.w--open {
max-height: 90vh;
overflow: auto;
}
.navmenu__dropdown-block {
background-color: #fafafa;
border-left: 1px solid #e4e4e4;
flex: 0 0 34%;
padding-left: 60px;
}
.navmenu__flex-container {
justify-content: space-between;
width: 100%;
display: flex;
}
.navmenu__link-list {
justify-content: space-between;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 10px;
font-family: Inter, sans-serif;
display: flex;
}
.nav-menu__cta-button {
color: #fff;
cursor: pointer;
background-color: #4353ff;
align-items: center;
padding: 12px 24px;
font-weight: 500;
text-decoration: none;
transition: box-shadow .2s, color .2s, background-color .2s;
display: flex;
}
.nav-menu__cta-button:hover {
background-color: #3545ee;
}
.navmenu__section-link-row {
color: #1b1b1b;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
margin-bottom: -1px;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.navmenu__section-link-row:hover {
color: #4353ff;
}
.navmenu__section-link-row.cc-last {
border-bottom-style: none;
border-bottom-width: 0;
}
.navmenu__section-link-row.cc-first {
border-top-style: none;
border-top-width: 0;
padding-top: 0;
}
.navbar__logo-embed {
display: flex;
}
.navmenu__dropdown-section-list {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: start;
margin-bottom: 0;
display: grid;
}
.navbar__navmenu {
flex: 1;
justify-content: space-between;
margin-left: 32px;
transition: all .2s;
display: flex;
position: static;
}
.navbar-3 {
z-index: 9999;
font-size: 1rem;
line-height: 1.7;
position: fixed;
inset: 0% 0% auto;
transform: none;
}
.navmenu__dropdown-section-heading {
color: #666;
text-transform: uppercase;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 28px;
padding-bottom: 8px;
font-size: 14px;
font-weight: 400;
}
.navmenu__dropdown-section {
margin-bottom: 40px;
}
.navmenu__dropdown-section.cc-last {
margin-bottom: 0;
}
.navbar__container {
justify-content: space-between;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.nav-menu__flex-wide {
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.navmenu__dropdown-section-link-icon {
width: 16px;
height: 16px;
margin-right: 16px;
transform: translate(0, 1px);
}
.navmenu__image {
object-fit: cover;
object-position: 50% 50%;
margin-right: 24px;
}
.navmenu__dropdown-list {
margin-bottom: 0;
}
.navmenu__beta-tag {
clear: left;
letter-spacing: .04em;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
display: inline-block;
}
.navmenu__content-block-overlay {
background-color: #fafafa;
}
.navbar__wrapper {
z-index: 100;
background-color: #fff;
border-bottom: 1px solid #e4e4e4;
position: relative;
}
.navmenu__dropdown-left {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 40px;
padding-bottom: 52px;
padding-right: 60px;
display: grid;
}
.navmenu__dropdown-section-link {
color: #1b1b1b;
text-decoration: none;
display: flex;
}
.navmenu__dropdown-section-link:hover, .navmenu__dropdown-section-link:focus {
color: #4353ff;
}
.button-44 {
color: #fff;
background-color: #4353ff;
justify-content: flex-start;
align-items: center;
height: 50px;
padding: 0 24px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
display: flex;
}
.button-44:hover {
background-color: #3545ee;
}
.button-44.cc-navbar {
padding-top: 12px;
padding-bottom: 12px;
transition: box-shadow .2s, color .2s, background-color .2s;
}
.button-44.cc-navbar.cc-secondary {
color: #4353ff;
background-color: #4353ff17;
margin-right: 10px;
}
.button-44.cc-navbar.cc-secondary:hover {
background-color: #4353ff29;
}
.sr-only {
white-space: nowrap;
border: 0 solid #0000;
width: 1px;
height: 1px;
margin-top: -1px;
position: absolute;
overflow: hidden;
}
.navmenu__banner-image {
width: 100%;
}
.navmenu__dropdown-grid {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(auto, 1280px) 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch;
width: 100%;
display: grid;
}
.navmenu__col-1-list {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.heading-102 {
font-family: Inter, sans-serif;
font-size: 44px;
font-weight: 600;
}
.heading-102.white {
color: #fff;
font-family: Clashdisplay, sans-serif;
font-weight: 400;
}
.member-name {
margin-left: 0;
padding-left: 5px;
padding-right: 0;
font-size: .8rem;
font-weight: 600;
}
.member-name.rerere {
padding-left: 10px;
padding-right: 0;
font-weight: 400;
}
.member-name.rerere.arroww {
padding-left: 5px;
padding-right: 20px;
font-weight: 600;
}
.dashboard {
padding: 0;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
}
.text-block-188 {
color: #ededed;
}
.text-span-21 {
font-family: Inter, sans-serif;
font-size: 14px;
}
.dashboard_content-block-copy {
border-style: none none solid;
border-width: .0625rem;
border-color: var(--borders) var(--borders) #2a2a2a;
color: #1a1a1a;
background-color: #1a1a1a00;
border-radius: 0;
max-width: 56em;
height: 60px;
margin-right: auto;
padding: 0 1.5rem;
display: block;
}
.dashboard_content-block-copy.no-edge {
border-top-style: none;
border-right-color: var(--divider-line);
border-bottom-style: solid;
border-bottom-color: #eeeff1;
border-left-style: none;
border-radius: 0;
padding-top: 1rem;
padding-bottom: 1rem;
}
.dashboard_content-block-copy.no-edge.blocker {
padding: 0;
}
.dashboard_content-block-copy.no-edge.light-bg {
background-color: #fafafa;
}
.dashboard_content-block-copy.no-edge.light-bg.full {
background-color: #fff;
justify-content: space-between;
align-items: stretch;
display: block;
}
.dashboard_content-block-copy.no-edge.light-bg.full.no-auto {
margin-right: 0;
}
.dashboard_content-block-copy.no-edge.full-length {
border-top-style: none;
border-left-style: none;
border-right-style: none;
border-radius: 0;
padding: 0;
}
.dashboard_content-block-copy.no-edge.full-length.no-space {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block-copy.no-edge.full-length.no-space.padding {
margin-top: 20px;
}
.dashboard_content-block-copy.no-edge.full-length.no-space.padding.extra {
margin-right: 1.5rem;
padding-left: 1.5rem;
}
.dashboard_content-block-copy.no-edge.right-margin {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
max-width: 56em;
margin-right: auto;
}
.dashboard_content-block-copy.no-edge.full {
max-width: 100%;
height: 60px;
padding-top: 0;
padding-bottom: 0;
font-family: Inter, sans-serif;
display: flex;
}
.dashboard_content-block-copy.no-edge.no-space {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block-copy.no-edge.no-space._60 {
height: 60px;
}
.dashboard_content-block-copy.no-edge._85 {
max-width: 85em;
margin-left: auto;
margin-right: auto;
padding: 0 0 2rem;
}
.dashboard_content-block-copy.no-edge._85._100-percent {
max-width: 100%;
padding-top: 2rem;
padding-left: 2rem;
padding-right: 22.2rem;
}
.dashboard_content-block-copy.no-edge.latte {
max-width: 85em;
margin-right: 0;
}
.dashboard_content-block-copy.no-edge.latte.no-margin {
max-width: 100%;
padding: 0;
}
.dashboard_content-block-copy.no-edge.with-margin {
max-width: 93em;
margin-left: auto;
}
.dashboard_content-block-copy.no-round {
border-left-style: none;
border-right-style: none;
border-radius: 0;
}
.dashboard_content-block-copy.no-round.full {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block-copy.full-edge {
max-width: 100%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.dashboard_content-block-copy.adjust {
background-color: #fff;
max-width: none;
height: 50px;
margin-right: 0;
display: flex;
}
.dashboard_content-block-feature {
border-style: none;
border-width: .0625rem;
border-color: var(--borders) var(--borders) #2a2a2a;
color: #1a1a1a;
background-color: #1a1a1a00;
border-radius: 0;
margin-right: 0;
padding: 0 1.5rem;
display: block;
}
.dashboard_content-block-feature.no-edge {
border-top-style: none;
border-right-color: var(--divider-line);
border-bottom-style: solid;
border-bottom-color: #eeeff1;
border-left-style: none;
border-radius: 0;
padding-top: 1rem;
padding-bottom: 1rem;
}
.dashboard_content-block-feature.no-edge.blocker {
padding: 0;
}
.dashboard_content-block-feature.no-edge.light-bg {
background-color: #fafafa;
}
.dashboard_content-block-feature.no-edge.light-bg.full {
background-color: #fff;
justify-content: space-between;
align-items: stretch;
display: block;
}
.dashboard_content-block-feature.no-edge.light-bg.full.no-auto {
margin-right: 0;
}
.dashboard_content-block-feature.no-edge.full-length {
border-top-style: none;
border-left-style: none;
border-right-style: none;
border-radius: 0;
padding: 0;
}
.dashboard_content-block-feature.no-edge.full-length.no-space {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block-feature.no-edge.full-length.no-space.padding {
margin-top: 20px;
}
.dashboard_content-block-feature.no-edge.full-length.no-space.padding.extra {
margin-right: 1.5rem;
padding-left: 1.5rem;
}
.dashboard_content-block-feature.no-edge.right-margin {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
max-width: 56em;
margin-right: auto;
}
.dashboard_content-block-feature.no-edge.full {
max-width: 100%;
height: 60px;
padding-top: 0;
padding-bottom: 0;
font-family: Inter, sans-serif;
display: flex;
}
.dashboard_content-block-feature.no-edge.no-space {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block-feature.no-edge.no-space._60 {
height: 60px;
}
.dashboard_content-block-feature.no-edge._85 {
max-width: 85em;
margin-left: auto;
margin-right: auto;
padding: 0 0 2rem;
}
.dashboard_content-block-feature.no-edge._85._100-percent {
max-width: 100%;
padding-top: 2rem;
padding-left: 2rem;
padding-right: 22.2rem;
}
.dashboard_content-block-feature.no-edge.latte {
max-width: 85em;
margin-right: 0;
}
.dashboard_content-block-feature.no-edge.latte.no-margin {
max-width: 100%;
padding: 0;
}
.dashboard_content-block-feature.no-edge.with-margin {
max-width: 93em;
margin-left: auto;
}
.dashboard_content-block-feature.no-round {
border-left-style: none;
border-right-style: none;
border-radius: 0;
}
.dashboard_content-block-feature.no-round.full {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block-feature.full-edge {
max-width: 100%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.dashboard_content-block-feature.adjust {
height: 50px;
display: flex;
}
.grey-body-small-text {
color: #707070;
padding-left: 0;
font-family: Inter, sans-serif;
font-size: .8rem;
}
.grey-body-small-text.extra {
margin-top: 0;
}
.dashboard_content-block-talent {
border-style: none;
border-width: .0625rem;
border-color: var(--borders) var(--borders) #2a2a2a;
color: #1a1a1a;
background-color: #1a1a1a00;
border-radius: 0;
max-width: 56em;
margin-right: auto;
padding: 0 1.5rem;
display: block;
}
.dashboard_content-block-talent.no-edge {
border-top-style: none;
border-right-color: var(--divider-line);
border-bottom-style: solid;
border-bottom-color: #eeeff1;
border-left-style: none;
border-radius: 0;
padding-top: 1rem;
padding-bottom: 1rem;
}
.dashboard_content-block-talent.no-edge.blocker {
padding: 0;
}
.dashboard_content-block-talent.no-edge.light-bg {
background-color: #fafafa;
}
.dashboard_content-block-talent.no-edge.light-bg.full {
background-color: #fff;
justify-content: space-between;
align-items: stretch;
display: block;
}
.dashboard_content-block-talent.no-edge.light-bg.full.no-auto {
margin-right: 0;
}
.dashboard_content-block-talent.no-edge.full-length {
border-top-style: none;
border-left-style: none;
border-right-style: none;
border-radius: 0;
padding: 0;
}
.dashboard_content-block-talent.no-edge.full-length.no-space {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block-talent.no-edge.full-length.no-space.padding {
margin-top: 20px;
}
.dashboard_content-block-talent.no-edge.full-length.no-space.padding.extra {
margin-right: 1.5rem;
padding-left: 1.5rem;
}
.dashboard_content-block-talent.no-edge.right-margin {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
max-width: 56em;
margin-right: auto;
}
.dashboard_content-block-talent.no-edge.full {
max-width: 100%;
height: 60px;
padding-top: 0;
padding-bottom: 0;
font-family: Inter, sans-serif;
display: flex;
}
.dashboard_content-block-talent.no-edge.no-space {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block-talent.no-edge.no-space._60 {
height: 60px;
}
.dashboard_content-block-talent.no-edge._85 {
max-width: 85em;
margin-left: auto;
margin-right: auto;
padding: 0 0 2rem;
}
.dashboard_content-block-talent.no-edge._85._100-percent {
max-width: 100%;
padding-top: 2rem;
padding-left: 2rem;
padding-right: 22.2rem;
}
.dashboard_content-block-talent.no-edge.latte {
max-width: 85em;
margin-right: 0;
}
.dashboard_content-block-talent.no-edge.latte.no-margin {
max-width: 100%;
padding: 0;
}
.dashboard_content-block-talent.no-edge.with-margin {
max-width: 93em;
margin-left: auto;
}
.dashboard_content-block-talent.no-round {
border-left-style: none;
border-right-style: none;
border-radius: 0;
}
.dashboard_content-block-talent.no-round.full {
max-width: 100%;
margin-right: 0;
}
.dashboard_content-block-talent.full-edge {
max-width: 100%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.dashboard_content-block-talent.adjust {
height: 50px;
display: flex;
}
.tutorial {
background-color: #fff0;
border: .0625rem solid #333;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
height: 90px;
padding: .5rem;
display: flex;
}
.tutorial:hover {
background-color: #333;
}
.tutorial-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
}
.tutorial-div-left {
border-radius: 10px;
width: 90px;
height: 72px;
}
.tutorial-div-right {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
width: 200px;
display: flex;
}
.tutorial-image {
border-radius: 10px;
width: 90px;
height: 72px;
}
.text-block-189 {
color: #fff;
font-family: Inter, sans-serif;
}
.empty-state-2 {
background-color: #ddd0;
}
.unit-image {
z-index: 1;
border-radius: 100px;
width: 120px;
height: 120px;
position: relative;
}
.unit-image.more-programs {
object-fit: cover;
object-position: 40% 50%;
width: 100%;
height: 100%;
}
.headline {
margin-top: 74px;
margin-bottom: 52px;
font-size: 40px;
font-weight: 600;
}
.cta-link {
color: #86868b;
letter-spacing: .011em;
justify-content: center;
align-items: center;
margin-top: 24px;
font-size: 21px;
text-decoration: none;
transition: filter .2s;
display: flex;
}
.cta-link:hover {
filter: brightness(200%);
}
.unit-copy-container {
max-width: 580px;
}
.unit-copy-container.more-programs {
max-width: 360px;
}
.module-content {
text-align: center;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-link-3 {
color: #f5f5f7;
text-decoration: none;
}
.text-link-3:hover {
text-decoration: underline;
}
.unit-program {
flex-direction: column;
align-items: center;
width: 400px;
padding-bottom: 0;
display: flex;
}
.unit-copy-wrapper {
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.description {
color: #86868b;
letter-spacing: -.374px;
margin-top: .8em;
font-weight: 400;
line-height: 25px;
}
.description.more-programs {
margin-top: 1.4em;
}
.paragraph-10 {
color: #86868b;
letter-spacing: .011em;
font-size: 21px;
font-weight: 400;
}
.bio-left {
color: #d2d2d7;
text-align: left;
width: 300px;
transform: translate(-150px, 34.5px);
}
.bio-left:hover {
display: block;
}
.cta-links {
margin-top: 25px;
}
.cta-links.more-programs {
justify-content: center;
align-items: center;
display: flex;
}
.text-link-icon {
margin-left: 5px;
}
.unit-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 30px;
display: flex;
position: relative;
overflow: hidden;
}
.unit-wrapper.theme-dark {
background-color: #141414;
flex-direction: column;
padding: 30px;
}
.unit-image-wrapper {
transform: ;
width: 100%;
transition: opacity .3s ease-out;
position: relative;
}
.unit-image-wrapper.more-programs {
height: 458px;
}
.unit-image-wrapper.matrix-1 {
perspective: 200px;
border-radius: 100px;
transform: none;
}
.heading-103 {
letter-spacing: -.009em;
width: 100%;
max-width: 635px;
margin-top: 17px;
margin-left: auto;
margin-right: auto;
font-size: 64px;
font-weight: 400;
line-height: 1.0625em;
position: relative;
}
.bottom-content {
text-align: center;
background-color: #141414;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.unit-column-wrapper {
z-index: 4;
grid-column-gap: 18px;
grid-row-gap: 16px;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: minmax(200px, 400px) minmax(200px, 400px);
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 2820px;
height: 100%;
max-height: 2350px;
margin-left: 217px;
margin-right: 217px;
display: grid;
position: relative;
}
.she-creates {
position: relative;
}
.hero {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
overflow: hidden;
}
.she-creates-image {
width: 820px;
max-width: 1068px;
height: 460px;
}
.button-45 {
background-color: #0000;
border: 1px solid #fff;
border-radius: 23px;
padding: 8px 17px;
}
.button-45:hover {
outline-offset: 0px;
outline: 1px solid #fff;
}
.unit-tile {
justify-content: center;
align-items: center;
padding: 30px;
position: absolute;
transform: translate(0);
}
.unit-tile.unit-tile-9 {
display: block;
transform: translate(-129px, -377px);
}
.unit-tile.unit-tile-15 {
display: block;
transform: translate(997px, -570px);
}
.unit-tile.unit-tile-16 {
display: block;
transform: translate(808px, -248px);
}
.unit-tile.unit-tile-13 {
display: block;
transform: translate(-1052px, -210px);
}
.unit-tile.unit-tile-11 {
display: block;
transform: translate(-506px, 61px);
}
.unit-tile.unit-tile-4 {
transform: translate(99px, -727px);
}
.unit-tile.unit-tile-10 {
display: block;
transform: translate(663px, -689px);
}
.unit-tile.unit-tile-8 {
transform: translate(518px, 64px);
}
.unit-tile.unit-tile-20 {
display: block;
transform: translate(940px, 105px);
}
.unit-tile.unit-tile-17 {
display: block;
transform: translate(370px, 772px);
}
.unit-tile.unit-tile-5 {
transform: translate(-764px, 779px);
}
.unit-tile.unit-tile-1 {
display: block;
transform: translate(245px, 385px);
}
.unit-tile.unit-tile-2 {
transform: translate(449px, -337px);
}
.unit-tile.unit-tile-12 {
display: block;
transform: translate(-1017px, 119px);
}
.unit-tile.unit-tile-6 {
transform: translate(-663px, -579px);
}
.unit-tile.unit-tile-7 {
transform: translate(-221px, 765px);
}
.unit-tile.unit-tile-3 {
transform: translate(-560px, -257px);
}
.unit-tile.unit-tile-19 {
display: block;
transform: translate(827px, 744px);
}
.unit-tile.unit-tile-14 {
display: block;
transform: translate(-732px, 431px);
}
.unit-tile.unit-tile-0 {
border-radius: 100px;
transform: translate(-289px, 382px);
}
.unit-tile.unit-tile-18 {
display: block;
transform: translate(792px, 407px);
}
.unit-tile.unit-tile-0 {
transform: translate(-289px, 382px);
}
.subhead {
letter-spacing: .007em;
margin-top: 44.4px;
font-size: 32px;
font-weight: 500;
line-height: 27px;
}
.subhead.more-programs {
letter-spacing: .004em;
margin-top: 1.35em;
line-height: 1.25em;
}
.unit-canvas-copy {
z-index: 3;
transform-style: preserve-3d;
position: relative;
transform: rotateX(.001deg)rotateY(0)rotateZ(0);
}
.unit-canvas-wrapper {
justify-content: center;
align-items: center;
width: 2820px;
height: 2350px;
display: flex;
position: absolute;
}
.image-105 {
margin-left: 10px;
}
.bio-right {
color: #d2d2d7;
text-align: left;
width: 300px;
transform: translate(150px, 34.5px);
}
.unit-canvas-container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 102vw;
height: 102vh;
display: flex;
}
.unit-bio {
z-index: 1;
letter-spacing: .012em;
width: 300px;
font-size: 19px;
font-weight: 600;
position: absolute;
}
.unit-bio:hover {
opacity: 1;
}
.after {
z-index: 6;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/663d17b2b0c81c709e31e351_np_chevron_933246_FFFFFF.svg"), linear-gradient(#0000, #fff);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 24px, auto;
justify-content: center;
align-items: center;
width: 100%;
height: 65px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.homepage-module {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/662f21653480e9da2b289c30_Screenshot%202024-04-29%20at%209.55.10%E2%80%AFAM.png");
background-position: 0 0;
background-size: auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
}
.account_signup {
width: 100%;
max-width: 15rem;
display: none;
}
.account_reset {
opacity: .5;
cursor: pointer;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
transition: opacity .2s;
display: flex;
position: absolute;
left: auto;
right: .5rem;
}
.account_reset:hover {
opacity: 1;
}
.heading-large {
margin-bottom: 1rem;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: 3.8rem;
font-weight: 500;
line-height: 1.3;
}
.account_signin {
width: 100%;
max-width: 15rem;
display: block;
}
.button_group {
grid-column-gap: 2rem;
align-items: center;
display: flex;
}
.notes_window {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #ffffffb3;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: auto;
}
.account_form-wrap {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.account_form-field-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.app-intro_wrap {
grid-column-gap: 0px;
grid-row-gap: 1.5rem;
text-align: center;
flex-direction: column;
align-items: center;
height: 600px;
line-height: 2;
display: flex;
}
.account_form-field {
color: #fff;
background-color: #0000;
border: 1px solid #ffffff1a;
border-radius: .3rem;
margin-bottom: 0;
font-size: 16px;
transition: background-color .2s;
}
.account_form-field:hover {
background-color: #ffffff0d;
}
.account_form-field:focus {
background-color: #ffffff1a;
border-style: solid;
border-color: #ffffff1a;
}
.account_form-field.align-top {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.account_form-field.align-bottom {
border-top-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding-right: 2rem;
}
.account_form-field.align-middle {
border-top-style: none;
border-radius: 0;
}
.text-color-grey-3 {
color: #b4b2b1;
line-height: 1.5;
}
.text-color-grey-3.top-margin {
margin-top: 1rem;
}
.text-link-4 {
color: #ffcb41;
}
.account_reset-icon {
height: 60%;
}
.text-color-gold {
color: #ffcb41;
}
.text-color-gold.pointer-on {
cursor: pointer;
}
.button-46 {
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #ffffff1a;
border: 1px #000;
border-radius: .3rem;
width: 7rem;
font-size: .8rem;
transition: color .2s, background-color .2s;
}
.button-46:hover {
background-color: #fff3;
}
.button-46:active {
color: #000;
background-color: #ffcb41;
}
.button-46.signin {
width: 100%;
margin-top: 1rem;
}
.notes_intro {
grid-row-gap: 3rem;
flex-direction: column;
align-items: center;
width: 40rem;
display: flex;
position: absolute;
}
.globalnav {
z-index: 9999;
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
background-color: #0000;
justify-content: center;
width: 100%;
height: 44px;
font-size: 12px;
line-height: 1.33337em;
position: fixed;
}
.mobile-burger-line {
background-color: #fff;
width: 60%;
height: 1px;
}
.gn-content {
z-index: 5;
max-width: 996px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.gn-list {
justify-content: space-between;
align-items: center;
padding-left: 22px;
padding-right: 22px;
display: flex;
}
.gn-link {
color: #1d1d1f;
text-align: center;
justify-content: center;
align-items: center;
height: 44px;
padding-left: 8px;
padding-right: 8px;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: 12px;
text-decoration: none;
transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
display: flex;
}
.gn-link:hover {
opacity: .7;
}
.gn-link.search {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/663d206dc52170d00b69f487_search.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
}
.gn-link.bag {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/663d206cc52170d00b69f44d_bag.svg");
background-position: 50%;
background-repeat: no-repeat;
}
.gn-link.gn-apple {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/663d206dc52170d00b69f47b_apple-logo.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 16px 44px;
}
.gn-link.title {
height: auto;
}
.gn-bread {
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 30px;
height: 30px;
padding-top: 7px;
padding-bottom: 7px;
display: none;
}
.homepage-module-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
}
.text-color-grey-4 {
color: #b4b2b1;
line-height: 1.5;
}
.text-link-5 {
color: #ffcb41;
}
.module-content-2 {
text-align: center;
background-color: #f5f5f7;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-105 {
color: #1d1d1f;
}
.paragraph-11 {
color: #86868b;
letter-spacing: .011em;
font-size: 21px;
font-weight: 400;
}
.heading-106 {
letter-spacing: -.009em;
width: 100%;
max-width: 635px;
margin-top: 17px;
margin-left: auto;
margin-right: auto;
font-family: "Angellist Display 400 100", sans-serif;
font-size: 64px;
font-weight: 400;
line-height: 1.0625em;
position: relative;
}
.heading-large-2 {
color: #000;
margin-bottom: 1rem;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: 3.8rem;
font-weight: 500;
line-height: 1.3;
}
.bold-text-9 {
color: #000;
}
.button-47 {
background-color: #0000;
border: 1px solid #fff;
border-radius: 23px;
padding: 8px 17px;
}
.button-47:hover {
outline-offset: 0px;
outline: 1px solid #fff;
}
.after-2 {
z-index: 6;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/663d17b2b0c81c709e31e351_np_chevron_933246_FFFFFF.svg"), linear-gradient(#0000, #fff);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 24px, auto;
justify-content: center;
align-items: center;
width: 100%;
height: 65px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.image-106 {
margin-left: 10px;
}
.cta-link-2 {
color: #86868b;
letter-spacing: .011em;
justify-content: center;
align-items: center;
margin-top: 24px;
font-size: 21px;
text-decoration: none;
transition: filter .2s;
display: flex;
}
.cta-link-2:hover {
filter: brightness(200%);
color: #424245;
}
.unit-image-wrapper-2 {
border-radius: 100px;
width: 100%;
transition: opacity .3s ease-out;
position: relative;
transform: none;
}
.unit-image-wrapper-2:hover {
outline-offset: 0px;
border: 4px solid #f7d0f0;
outline: 3px solid #ffe5fd;
}
.unit-image-wrapper-2.more-programs {
height: 458px;
}
.unit-image-wrapper-2.matrix-1 {
perspective: 200px;
transform: ;
}
.homepage-module-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
}
.title-text-heading {
color: #000;
text-align: center;
font-family: "Angellist Display 400 100", sans-serif;
font-size: 80px;
line-height: 1.4em;
text-decoration: none;
display: block;
position: static;
}
.feature-heading {
margin-top: 100px;
position: static;
inset: 0% 0% auto;
}
.collection-item-3 {
width: 100%;
}
.projects-card {
border: .0625rem none var(--borders);
color: #000;
border-radius: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding: 1.5rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
text-decoration: none;
display: flex;
}
.projects-card.work-card {
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
.projects-card.work-card.no-margin {
border-style: none;
height: 100%;
padding: 0;
}
.projects-card.work-card.projects {
border-style: none;
flex-direction: column;
height: 100%;
padding: 0;
}
.projects-card.discover {
border-radius: 8px;
width: 100%;
height: 100%;
}
.icon-embed-xsmall-3 {
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.icon-embed-xxsmall-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.builder_feature-10_figma-row {
grid-column-gap: .5rem;
cursor: pointer;
background-color: #0000;
align-items: center;
padding: .5rem 1rem;
display: flex;
}
.builder_feature-10_figma-row:hover {
background-color: #383838;
}
.builder_feature-10_figma-row.w--current {
background-color: #4a5878;
}
.builder_feature-8_ui-modal-close {
cursor: pointer;
border-radius: .5rem;
padding: .5rem;
transition: background-color .15s ease-out;
}
.builder_feature-8_ui-modal-close:hover {
background-color: #f4f3f3;
}
.star-pattern-wrapper {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: auto auto auto 0%;
overflow: hidden;
}
.builder_feature-2_ui-left-name {
justify-content: space-between;
display: flex;
}
.logo-slider_slide {
height: 4.5rem;
padding-bottom: 0;
padding-right: 0;
}
.builder_feature-5_ui-section_header1 {
transform-origin: 70% 100%;
background-color: #fff;
border-radius: 1rem;
flex: none;
transform: scale(.53);
}
.section_sb-header {
position: relative;
}
.builder_feature-9_ui-row {
grid-column-gap: .125rem;
cursor: pointer;
align-items: center;
padding: .5rem 1rem;
display: flex;
}
.builder_feature-9_ui-row:hover {
background-color: #4d4d4d;
}
.builder_feature-9_ui-row.indent-2 {
padding-left: 3rem;
}
.builder_feature-9_ui-row.indent-1 {
padding-left: 2rem;
}
.builder_feature-4-left {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: stretch;
display: flex;
}
.builder_feature-9_ui-text {
font-family: Inter, sans-serif;
line-height: 1;
}
.builder_feature-2_ui-top-text {
flex: 1;
font-family: Inter, sans-serif;
font-size: 1.5rem;
font-weight: 500;
}
.builder_feature-2_ui-top-text._2 {
display: none;
}
.builder_feature-3-left {
flex: 1;
padding: 3rem;
}
.builder_feature-card {
background-color: #e4e2df;
border-radius: 1rem;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.builder_feature-card.feature-4 {
flex-direction: row;
}
.builder_feature-card.feature-2 {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6650908cfd0cbb80faba0b4f_feature-2-bg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
flex-direction: row;
}
.builder_feature-2_ui-right-container {
grid-row-gap: 1rem;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
display: none;
overflow: scroll;
}
.builder_feature-1-ellipses {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.1875rem;
height: .3125rem;
display: flex;
}
.feature_ui-divider {
background-color: #dcdcdc;
align-items: center;
width: 100%;
height: 1px;
margin-top: .75rem;
margin-bottom: .75rem;
display: flex;
}
.feature_ui-divider.padding-none {
margin-top: 0;
margin-bottom: 0;
}
.builder_feature-10_figma-container {
z-index: 2;
color: #fff;
background-color: #2c2c2c;
border-top-left-radius: .25rem;
width: 11rem;
position: relative;
}
.builder_feature-3-right-dock {
grid-column-gap: .625rem;
-webkit-backdrop-filter: blur(26px);
backdrop-filter: blur(26px);
background-color: #fff9;
border: 1px solid #0000001f;
border-radius: 1.3125rem;
justify-content: center;
align-items: center;
padding: .75rem 1.5rem;
display: flex;
}
.builder_feature-4_ui-right-container {
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
overflow: hidden;
}
.builder_feature-1_ui-block {
border: 2px solid #161616;
border-radius: .75rem;
overflow: hidden;
}
.builder_feature-4_ui-right-image {
flex: none;
width: 100%;
}
.builder_feature-4_ui-right-image._1 {
height: 100%;
}
.builder_feature-7_ui-menu {
z-index: 1;
color: #161616;
background-color: #fff;
border: 1px solid #dcdcdc;
border-radius: .75rem;
flex-direction: column;
width: 15rem;
padding-top: .75rem;
padding-bottom: .75rem;
display: flex;
position: absolute;
top: 105%;
left: 0%;
}
.builder_feature-8_ui-top-button {
grid-column-gap: .5rem;
cursor: pointer;
border: 2px solid #d0d0ce;
border-radius: 1rem;
align-items: center;
padding: .75rem 1.5rem;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-8_ui-top-button:hover {
background-color: #ecebe9;
}
.builder_feature-2_ui-image {
grid-row-gap: .5rem;
text-align: center;
background-color: #ebeae8;
border-radius: .375rem;
flex-direction: column;
justify-content: center;
align-items: center;
padding: .5rem;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-2_ui-image:hover {
background-color: #e3e2de;
}
.builder_feature-2_ui-image._1, .builder_feature-2_ui-image._2, .builder_feature-2_ui-image._3 {
cursor: pointer;
}
.rl-page-padding {
padding-top: 100px;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.builder_feature-4_ui-left {
grid-column-gap: 3.25rem;
background-color: #f1f0ee;
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
justify-content: flex-end;
align-items: center;
padding: .75rem 2rem;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-4_ui-left:hover {
background-color: #d8d5d1;
}
.builder_feature-9_ui-row-container {
height: 1rem;
overflow: hidden;
}
.builder_feature-6_ui-top {
grid-column-gap: 1rem;
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.builder_feature-wipe {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.builder_feature-wipe.horizontal {
flex-direction: row;
}
.builder_feature-wipe.horizontal.align-top {
justify-content: flex-start;
height: 90%;
bottom: 0%;
}
.builder_feature-wipe.left-align {
align-items: flex-start;
}
.sb-header_image {
width: 100%;
transition: opacity .2s;
}
.builder_feature-1_ui-block-bottom {
grid-row-gap: .625rem;
letter-spacing: -.02em;
background-color: #fff;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding: .75rem;
font-weight: 500;
line-height: 1;
display: flex;
}
.builder_feature-2_ui-button {
grid-column-gap: .5rem;
cursor: pointer;
background-color: #fff;
border: 1px solid #dcdcdc;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-weight: 500;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-2_ui-button:hover {
background-color: #f9f9f9;
}
.builder_feature-1-line-wrapper {
flex: 1;
justify-content: center;
display: flex;
}
.builder_feature-4_ui-ellipses {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5625rem;
height: .5rem;
display: flex;
}
.builder_feature-11_ui {
flex: 1;
justify-content: center;
align-items: flex-end;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
position: relative;
}
.builder_feature-5_ui-button-wipe {
height: 1rem;
overflow: hidden;
}
.builder_feature-1_ui-line {
background-color: #161616;
width: 2px;
height: 100%;
}
.text-style-link-4 {
font-family: Inter, sans-serif;
text-decoration: underline;
}
.builder_feature-grid-6 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
}
.builder_feature-9_line {
background-color: #666;
width: 2px;
height: auto;
position: absolute;
inset: 3rem auto 0% 1.2rem;
}
.builder_feature-9_line.indent-1 {
top: 5rem;
left: 2.2rem;
}
.site-builder-form-icon {
color: #6248ff;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: absolute;
left: 1.25rem;
}
.builder_feature-grid-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-auto-flow: row;
}
.builder_feature-2_ui-top {
grid-column-gap: .5rem;
justify-content: space-between;
align-items: center;
padding: 1rem 1rem .75rem;
display: flex;
}
.builder_feature-5_ui-heading-container {
height: 7.5rem;
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
overflow: hidden;
}
.builder_feature-4_ui-text {
letter-spacing: 0;
font-size: 1.5rem;
line-height: 1;
}
.libraries-usecases_heading-wrapper {
text-align: left;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-family: Inter, sans-serif;
display: flex;
}
.builder_feature-5_ui-layout {
grid-column-gap: 2rem;
grid-row-gap: 0px;
align-items: center;
display: flex;
}
.builder_feature-7_ui-tooltip {
z-index: 2;
background-color: #161616;
border-radius: .75rem;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
padding: .5rem 1rem;
display: flex;
position: absolute;
bottom: 0%;
}
.builder_feature-1_ui-container {
flex-direction: column;
width: 100%;
max-width: 20rem;
display: flex;
position: relative;
}
.builder_feature-6_ui-middle-text {
flex: none;
width: 100%;
font-family: Inter, sans-serif;
}
.builder_feature-8_overlay {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
justify-content: center;
align-items: center;
padding: 3rem;
display: none;
position: absolute;
inset: 0%;
}
.builder_feature-8_ui-modal-top {
justify-content: space-between;
align-items: center;
display: flex;
}
.builder_feature-7_ui-block {
grid-row-gap: 1.5rem;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
flex-direction: column;
align-self: flex-start;
align-items: flex-start;
display: flex;
}
.text-size-large-3 {
font-size: 1.25rem;
}
.builder_feature-7_ui-top-menu-container {
z-index: 3;
position: relative;
}
.builder_feature-8_ui-block {
flex-flow: column wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 3rem;
display: flex;
position: relative;
overflow: hidden;
}
.page-padding-4 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.icon-embed-custom {
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.builder_feature-11_image {
border-radius: 4px;
}
.builder_feature-11_image.left {
z-index: 1;
width: 5.5rem;
margin-right: 12rem;
font-family: Inter, sans-serif;
position: absolute;
box-shadow: 0 4px 8px #0000001a;
}
.builder_feature-11_image.right {
width: 15.5rem;
height: 100%;
margin-left: 2rem;
position: absolute;
}
.builder_feature-5_ui-container {
width: 100%;
max-width: 68rem;
margin-left: auto;
margin-right: auto;
padding-top: 4rem;
padding-bottom: 4rem;
}
.container-large-4 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.builder_feature-10_figma-row-text {
color: #fff;
font-size: .75rem;
line-height: 1;
}
.builder_feature-8_ui-bottom {
align-self: flex-end;
font-family: Inter, sans-serif;
}
.logo-slider_mask {
height: 4.5rem;
}
.builder_feature-8_ui-modal-heading {
font-size: 1.25rem;
font-weight: 500;
line-height: 1;
}
.icon-xxxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: .5rem;
height: .5rem;
display: flex;
}
.max-width-medium-4 {
width: 100%;
max-width: 35rem;
}
.builder_feature-8_ui-top-text {
font-size: 2rem;
font-weight: 500;
}
.builder_feature-6_ui-button-text {
font-family: Inter, sans-serif;
font-weight: 500;
line-height: 1;
}
.builder_feature-6_ui {
grid-row-gap: 1.5rem;
background-color: #fff;
border-radius: .875rem;
flex-direction: column;
padding: 1rem;
display: flex;
}
.builder_feature-6_ui.max-width-xxsmall {
max-width: 100%;
}
.builder-card-overlay {
z-index: 1;
background-image: linear-gradient(#0000, #e4e2df);
height: 6rem;
position: absolute;
inset: auto 0% 0%;
}
.builder_feature-4_ui-right {
flex: 1;
justify-content: center;
align-items: flex-end;
padding-top: 3rem;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
}
.builder_feature-5_ui-text-container {
height: 7rem;
font-size: 1.5rem;
overflow: hidden;
}
.star-pattern-layer {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6650908cfd0cbb80faba0b49_Star%20Pattern%20Square.svg");
background-position: 50%;
background-repeat: repeat;
background-size: 24px;
background-attachment: scroll;
width: 100%;
height: 638px;
position: relative;
}
.feature-7_ui-menu-text {
flex: 1;
}
.builder_feature-8_ui-button-text {
font-size: 1.25rem;
font-weight: 500;
line-height: 1;
}
.builder_feature-8_ui-button-text._2 {
display: none;
}
.builder_feature-4_ui-button-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.625rem;
height: 1.5rem;
display: flex;
}
.builder_feature-9_ui-panes {
z-index: 0;
border-top-left-radius: .5rem;
position: absolute;
inset: 0% 0% 0% 1.5rem;
}
.builder_feature-1_ui-block-top {
color: #fff;
letter-spacing: -.02em;
background-color: #161616;
justify-content: space-between;
align-items: center;
padding: 1rem 27px 1rem 14px;
font-size: 1.3125rem;
font-weight: 500;
line-height: 1;
display: flex;
}
.text-color-darkgrey {
color: #161616bf;
margin-top: 0;
font-family: Inter, sans-serif;
}
.text-color-darkgrey.max-width-small {
font-family: Inter, sans-serif;
}
.builder_feature-2_ui-close {
cursor: pointer;
border-radius: .375rem;
padding: .5rem;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-2_ui-close:hover {
background-color: #f4f3f3;
}
.sb-header_image-wrapper {
background-color: #161616;
border: 2px solid #161616;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
overflow: hidden;
}
.sb-header_play-button {
z-index: 2;
filter: invert();
width: 6rem;
position: absolute;
top: auto;
left: auto;
}
.logo-slider_component {
background-color: #0000;
height: 4.5rem;
}
.builder_feature-6_ui-heading-container {
overflow: hidden;
}
.builder_feature-4-left-top {
flex-direction: column;
padding: 3rem;
display: flex;
}
.page-wrapper-3 {
display: block;
overflow: hidden;
}
.sb-header_bottom-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.site-builder-text-field {
border: 1px #000;
height: 3rem;
margin-bottom: 0;
padding-left: 2.75rem;
padding-right: 0;
font-size: 1.25rem;
}
.site-builder-text-field::placeholder {
color: #161616a6;
}
.builder_feature-bottom {
height: 25rem;
display: flex;
}
.builder_feature-bottom.feature-11 {
flex: 1;
height: 13.5rem;
}
.builder_feature-bottom.feature-8 {
flex: 1;
width: 100%;
}
.builder_feature-bottom.feature-6 {
flex: 1;
justify-content: center;
align-items: flex-end;
padding-bottom: 3rem;
padding-left: 3rem;
padding-right: 3rem;
}
.builder_feature-bottom.feature-7 {
flex-direction: column;
align-items: center;
width: 100%;
position: relative;
}
.builder_feature-bottom.feature-2 {
flex: 1;
justify-content: center;
align-items: flex-start;
}
.builder_feature-bottom.feature-10 {
flex: 1;
justify-content: flex-end;
align-items: flex-end;
height: 13.5rem;
position: relative;
}
.builder_feature-bottom.feature-9 {
flex-direction: column;
height: 13.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.builder_feature-bottom.feature-1 {
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: center;
}
.logo1_wrapper {
justify-content: center;
align-items: stretch;
display: flex;
position: relative;
}
.builder_feature-7_ui-menu-group {
flex-direction: column;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
}
.text-color-white-4 {
color: #fff;
font-family: Inter, sans-serif;
}
.site-builder-form-block {
width: 52rem;
margin-bottom: 1.5rem;
font-size: 1.125rem;
}
.button-48 {
color: #fff;
text-align: center;
background-color: #161616;
border: 2px solid #161616;
border-radius: .5rem;
padding: .75rem 1.5rem;
font-size: 1rem;
font-weight: 500;
line-height: 1;
transition: all .2s;
}
.button-48:hover {
background-color: #2e2e2e;
border-color: #0000;
}
.button-48.button-large {
border-radius: .625rem;
padding: 1rem 2rem;
font-size: 1.125rem;
}
.button-48.button-large.max-width-full-mobile-landscape.hidden {
display: none;
}
.site-builder-form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fff;
border-radius: 1rem;
align-items: center;
padding: .75rem;
transition: box-shadow .2s;
display: flex;
position: relative;
}
.site-builder-form:hover {
box-shadow: 0 2px 4px #00000014;
}
.builder_feature-5_ui-padding {
padding: 4rem 4rem 9rem;
}
.builder_feature-10_ui {
z-index: 1;
flex-direction: column;
flex: none;
display: flex;
}
.logo1_logo {
max-height: 3.5rem;
}
.sb-header-ai-text {
color: #6248ff;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6650908cfd0cbb80faba0b17_ai-stars.svg");
background-position: 100% 15%;
background-repeat: no-repeat;
background-size: auto;
margin-right: -1.25rem;
padding-right: 1.25rem;
display: inline-block;
}
.builder_feature-2_ui-left {
grid-row-gap: 1rem;
flex-direction: column;
flex: 1;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
}
.builder_feature-2_ui-left._1 {
width: auto;
display: flex;
}
.builder_feature-2_ui-left._3, .builder_feature-2_ui-left._2 {
display: none;
}
.builder_feature-9_ui-block {
color: #d7d7d7;
background-color: #404040;
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
flex: 1;
align-self: center;
width: 100%;
max-width: 20rem;
padding-top: 1rem;
position: relative;
overflow: hidden;
}
.builder_feature-1_ui-block-inner {
grid-row-gap: .5rem;
border: 2px solid #161616;
border-radius: .375rem;
flex-direction: column;
padding: 1rem .875rem;
font-size: 1.25rem;
transition: border-color .15s ease-out;
display: flex;
}
.builder_feature-1_ui-block-inner:hover {
border-color: #6248ff;
}
.builder_feature-1_ui-block-inner._3, .builder_feature-1_ui-block-inner._4, .builder_feature-1_ui-block-inner._2 {
display: none;
}
.builder_feature-9_arrow {
color: #a3a3a3;
}
.builder_feature-3-dock-icon {
cursor: pointer;
border-radius: .75rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
box-shadow: 0 1px 1px #00000040;
}
.builder_feature-9_ui-button {
grid-column-gap: .625rem;
color: #fff;
cursor: pointer;
background-color: #6248ff;
border-radius: .5rem;
justify-content: center;
align-items: center;
height: 3rem;
padding: .75rem 1.5rem;
font-family: Inter, sans-serif;
font-size: 1.125rem;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-9_ui-button:hover {
background-color: #5339ee;
}
.builder_feature-9_ui-button.is-orange {
background-color: #ff7448;
}
.builder_feature-9_ui-button.is-orange:hover {
background-color: #ec6237;
}
.builder_feature-9_ui-button.is-yellow {
color: #161616;
background-color: #dbfe52;
}
.builder_feature-9_ui-button.is-yellow:hover {
background-color: #e2ff72;
}
.header1_image {
width: 100%;
height: 100%;
}
.builder_feature-9_ui-button-wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 13.5rem;
padding-left: 5%;
display: flex;
}
.builder_feature-7_ui-image-container {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.builder_feature-8_ui-top-overlay {
pointer-events: none;
background-image: linear-gradient(to right, #e4e2df, #938b8900 50%, #e4e2df);
width: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.heading-xhuge {
font-family: Inter, sans-serif;
font-size: 4rem;
font-weight: 500;
line-height: 1.2;
}
.heading-huge {
font-size: 3.5rem;
font-weight: 500;
line-height: 1.2;
}
.builder_feature-4-right_swipe {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.sb-header_form-text-caption {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.builder_feature-2_ui-left-container {
flex-direction: column;
flex: 1;
display: flex;
position: relative;
overflow: hidden;
}
.image-11 {
font-family: Inter, sans-serif;
}
.builder_feature-5_ui {
flex: 1;
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
}
.builder_feature-7_ui-top-ellipses {
cursor: pointer;
border: 2px solid #686868;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .875rem;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-7_ui-top-ellipses:hover {
background-color: #d6d0f3;
}
.builder_feature-10_figma-row-color {
border: 1px solid #ffffff1f;
border-radius: 100rem;
width: 1rem;
height: 1rem;
}
.builder_feature-10_figma-row-color.orange {
background-color: #ff7448;
border-radius: 100rem;
}
.builder_feature-10_figma-row-color.purple {
background-color: #6248ff;
}
.builder_feature-10_figma-row-color.green {
background-color: #dbfe52;
}
.icon-embed-custom3 {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.icon-embed-custom3.is-purple {
color: #6248ff;
}
.builder_feature-6_ui-close-container {
cursor: pointer;
border-radius: .375rem;
padding: .5rem;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-6_ui-close-container:hover {
background-color: #f4f3f3;
}
.builder_feature-10_figma-headers {
border-bottom: 1px solid #444;
padding: 1rem;
font-family: Inter, sans-serif;
font-size: .75rem;
font-weight: 500;
line-height: 1;
}
.builder_feature-8_ui-button {
grid-column-gap: 1rem;
color: #fff;
cursor: pointer;
background-color: #161616;
border-radius: .75rem;
align-self: flex-end;
align-items: center;
padding: 1rem 1.5rem;
display: flex;
}
.main-wrapper-6 {
width: 100%;
min-height: 70vh;
display: block;
}
.builder_feature-8_ui-top {
grid-column-gap: 1rem;
transform-style: preserve-3d;
flex-direction: row;
flex: none;
justify-content: center;
width: 100%;
display: flex;
position: relative;
}
.builder_feature-1-plus-wrapper {
z-index: 2;
color: #6248ff;
cursor: pointer;
justify-content: center;
align-items: center;
transition: color .15s ease-out;
display: flex;
position: absolute;
inset: auto 0% -.5rem;
}
.builder_feature-1-plus-wrapper:hover {
opacity: 1;
color: #4e3be5;
}
.builder_feature-1-plus-wrapper._2 {
display: none;
}
.builder_feature-3-right {
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
padding: 3rem;
display: flex;
}
.builder_feature-6_ui-button {
grid-column-gap: .625rem;
color: #161616;
cursor: pointer;
background-color: #fff;
border: 1px solid #16161626;
border-radius: .5rem;
justify-content: center;
align-items: center;
height: 3rem;
padding: .75rem 1rem;
font-size: 1.125rem;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-6_ui-button:hover {
background-color: #f1f0ee;
}
.builder_feature-6_ui-button._2 {
display: none;
}
.builder_feature-6_ui-button._1 {
width: 100%;
}
.logo1_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
opacity: .65;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
display: flex;
}
.builder_feature-10_figma-bottom {
background-color: #2c2c2c;
padding-bottom: .5rem;
position: static;
}
.star-pattern-color {
filter: blur(56px);
background-image: linear-gradient(#5a3eff, #6248ff 60%, #ff4848 76%, #ff7448 88%);
align-self: center;
width: 100%;
height: 200px;
margin: auto;
position: absolute;
inset: 0%;
}
.heading-large-3 {
letter-spacing: -.02em;
font-family: Inter, sans-serif;
font-size: 2.25rem;
font-weight: 500;
line-height: 1.2;
}
.text-size-small-3 {
font-size: .875rem;
}
.builder_feature-6_ui-middle-input {
background-color: #e4e2df;
border-radius: .5rem;
padding: 1rem .75rem;
}
.builder_feature-7_ui-menu-row {
cursor: pointer;
border-radius: .375rem;
align-items: center;
height: 2.25rem;
padding: .25rem .5rem;
font-family: Inter, sans-serif;
transition: background-color .15s ease-out;
display: flex;
}
.builder_feature-7_ui-menu-row:hover {
background-color: #f1f0ee;
}
.builder_feature-2_ui-block {
background-color: #fff;
border-radius: .75rem;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 20rem;
height: 100%;
max-height: 24rem;
display: flex;
}
.builder_feature-top {
padding: 3rem;
}
.builder_feature-top.feature-11 {
text-align: center;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.feature-7_ui-menu-shortcut {
color: #8a8a8a;
background-color: #f1f0ee;
border-radius: .25rem;
justify-content: center;
align-items: center;
padding: .125rem .25rem;
font-size: .875rem;
display: flex;
}
.builder_feature-10_figma-tabs {
z-index: 1;
background-color: #2c2c2c;
padding-top: .5rem;
padding-bottom: .5rem;
}
.builder_feature-7_ui-top {
color: #686868;
background-color: #dfdafc;
border-top-right-radius: .75rem;
border-bottom-right-radius: .75rem;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 18rem;
padding: .375rem;
display: flex;
}
.builder_feature-8_ui-modal {
grid-row-gap: 1rem;
background-color: #fff;
border: 1px solid #1616161f;
border-radius: 1.25rem;
flex-direction: column;
align-items: stretch;
padding: 1.5rem;
display: flex;
}
.heading-custom-h3 {
font-family: Inter, sans-serif;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
}
.sb-header_component {
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.builder_feature-5_ui-button {
z-index: 99;
grid-column-gap: .625rem;
color: #fff;
cursor: pointer;
background-color: #6248ff;
border-radius: .5rem;
justify-content: center;
align-items: center;
height: 3rem;
padding: .75rem 1.5rem;
font-size: 1.125rem;
transition: background-color .15s ease-out;
display: flex;
position: absolute;
bottom: 3rem;
}
.builder_feature-5_ui-button:hover {
background-color: #5339ee;
}
.builder_feature-3-dock-image {
transform-origin: 50% 100%;
}
.builder_feature-4_ui-button {
grid-column-gap: 1.25rem;
cursor: pointer;
background-color: #fff;
border: 2px solid #dcdcdc;
border-radius: .75rem;
align-items: center;
padding: 1rem 1.25rem;
font-weight: 500;
display: flex;
}
.builder_feature-4_ui-button:hover {
background-color: #f9f9f9;
}
.builder_feature-4_ui-button._2 {
display: none;
}
.builder_feature-4_ui-button._1 {
width: auto;
}
.builder_feature-1-plus {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2.1875rem;
height: 2.1875rem;
display: flex;
transform: scale(.8);
}
.body-8 {
background-color: #fff;
}
.text-block-190, .paragraph-12, .text-block-191, .text-block-192, .text-block-193 {
font-family: Inter, sans-serif;
}
.skiff-font {
color: #52525b;
font-family: Inter, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 1.4em;
text-decoration: none;
}
.branding {
width: 350px;
}
.branding.portfolio {
width: 250px;
}
.branding.remove-space {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
width: auto;
display: flex;
}
.video {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: fill;
border: 1px solid #bdbdf41a;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 300px;
height: 190px;
display: block;
overflow: hidden;
}
.text-block-194 {
font-family: "Skiffmono Abfa 75 380 100", sans-serif;
}
.text-block-195 {
color: #dbdbdb;
font-family: Inter, sans-serif;
font-size: .9rem;
}
.text-block-196 {
color: #c1c2d9;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: .8rem;
}
.text-block-197, .text-block-198, .text-block-199 {
color: #c1c2d9;
}
.widget-wrapper {
width: 40vw;
height: 30vw;
padding: 1vw;
position: absolute;
bottom: 2rem;
right: 2rem;
}
.hero-move {
opacity: 0;
background-color: #161e2700;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-left: auto;
margin-right: auto;
transition: opacity .2s;
display: flex;
position: absolute;
bottom: 100%;
}
.hero-move:hover {
opacity: 1;
}
.hero-move.right-move {
margin: auto 0;
bottom: auto;
left: 100%;
transform: rotate(90deg);
}
.hero-move.left-move {
bottom: auto;
right: 100%;
transform: rotate(-90deg);
}
.hero-move.down-move {
inset: 100% auto auto;
transform: rotate(180deg);
}
.hero-move.close-move {
z-index: 5;
color: #3f3e46;
background-color: #161e2700;
border-radius: 50%;
width: 32px;
height: 32px;
margin-bottom: -.5vw;
margin-left: 0;
margin-right: 0;
right: 1vw;
}
.widget-svg-small {
pointer-events: auto;
color: #fff;
border: 1px solid #fff;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.text-block-200 {
padding-top: 3px;
padding-bottom: 3px;
font-size: .9rem;
font-weight: 500;
}
.collection-list-wrapper-2 {
padding-left: 0;
}
.link-block-10 {
text-decoration: none;
}
.portfolio-container {
background-color: #fff;
width: 100%;
}
.zero-nav {
opacity: 0;
width: 0;
}
.link-block-11, .link-block-11.w--current {
text-decoration: none;
}
.portfolio-1 {
width: 100%;
font-family: Inter, sans-serif;
}
.div-block-115 {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 250px;
display: flex;
}
.text-block-201 {
color: var(--grey);
margin-top: 0;
margin-bottom: 0;
padding: 3px 0;
font-family: Inter, sans-serif;
font-size: .8rem;
font-weight: 500;
}
.text-block-201:hover {
color: var(--dark);
}
.c-4 {
flex: 0 40%;
}
.campaign-description {
font-size: .85rem;
line-height: 1.2em;
}
.c-2 {
flex-direction: column;
flex: 0 30%;
align-items: center;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.profile-2 {
height: 75px;
display: flex;
position: relative;
}
.campaign.photo {
z-index: 3;
background-color: #fff;
border: 5px solid #fff;
border-radius: 100%;
width: 200px;
height: 200px;
position: absolute;
top: -125px;
overflow: hidden;
}
.campaign.contact {
justify-content: flex-end;
align-items: center;
height: 100%;
display: flex;
}
.campaign.info {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
display: flex;
}
.msg {
color: #070707;
align-items: center;
text-decoration: none;
display: flex;
}
.social-icon {
width: 25px;
height: 25px;
margin-left: 10px;
}
.campaign-name {
margin-top: 5px;
font-size: 1.5rem;
line-height: 1.2em;
}
.container-101 {
display: flex;
}
.container-101.boxed {
flex-direction: column;
margin-left: auto;
margin-right: auto;
display: flex;
}
.cover {
flex-direction: column;
justify-content: center;
}
.cover.mask {
z-index: 3;
object-fit: cover;
border-radius: 0;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 350px;
display: flex;
position: relative;
overflow: hidden;
}
.cover.img {
object-fit: cover;
object-position: 50% 0%;
}
.cover.overlay {
z-index: 2;
background-image: linear-gradient(#07070700, #070707bf);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.profile-pic {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.checklist_circle {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6656cecce58182dad002e623_done_black_24dp.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 25px;
border: 2px solid #d1e7fb;
border-radius: 50%;
flex: none;
width: 30px;
height: 30px;
margin-right: 1rem;
}
.checklist_progress {
background-color: #2cc05b;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/657063629542be7c04dadbc7_noise.png");
background-position: 0 0;
background-size: 200px;
width: 0%;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.step-order {
text-align: center;
display: none;
}
.progress-heading {
color: #272b31;
margin-bottom: .5rem;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.5em;
}
.checklist_instructions {
margin-right: auto;
}
.checklist-header {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: -1px;
padding: 1.5rem 2rem;
line-height: 1.4em;
display: flex;
}
.progress-contain {
width: 100%;
display: block;
}
.checklist_link {
color: #272b31;
text-align: left;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-top: 1px solid #e0e4fc;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: -1px;
padding: 1.1rem 100px 1rem 2rem;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.checklist_link:hover {
background-color: #e0e4fc40;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6656cecce58182dad002e648_arrow_forward_ios_black_24dp.svg");
background-position: 90%;
background-repeat: no-repeat;
background-size: 18px;
}
.progress-bar {
background-color: #d1e7fb;
border-radius: 20px;
width: 100%;
height: 12px;
margin-top: .75em;
position: relative;
overflow: hidden;
}
.checklist-wrapper {
z-index: 1;
text-align: left;
background-color: #fff;
border-radius: 30px;
width: 100%;
max-width: 360px;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
position: relative;
overflow: hidden;
box-shadow: inset 0 20px 50px -20px #ffffff80, 35px 35px 100px #00000040;
}
.g_visual_background {
opacity: .1;
background-color: currentColor;
}
.btn_main_text {
color: #1e1e1e;
}
.footer_top {
height: 0;
}
.btn_main_wrap {
color: #fff;
background-color: #fff;
border: 1.5px solid #fff;
border-radius: 13rem;
padding: .75rem 1.5rem;
line-height: 1;
transition: all .15s;
display: inline-block;
}
.btn_main_wrap:hover {
color: #fff;
background-color: #fff;
border-color: #fff;
}
.btn_main_list {
margin-left: auto;
margin-right: auto;
}
.footer_contain.u-container {
min-height: 100svh;
}
.footer_contain.u-container.u-vflex-stretch-between.u-gap-medium {
min-height: 30svh;
margin-top: 60px;
}
.footer_title.u-h1 {
color: #fff;
font-family: "Universal Sans Text 470 470 100", sans-serif;
}
.footer_bottom.u-hflex-between-center.u-gap-xsmall {
margin-top: 20px;
}
.g_visual_overlay {
background-color: #000;
}
.g_visual_video.u-cover-absolute {
width: 100%;
}
.footer_header {
text-align: center;
}
.footer_header.u-vflex-center-center.u-gap-small {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.text-block-202 {
color: #fff;
justify-content: center;
align-items: center;
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: .9rem;
display: flex;
}
.div-block-116 {
display: flex;
}
.div-block-117 {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.text-block-203 {
font-family: "Universal Sans Text 470 470 100", sans-serif;
}
.text-block-204 {
text-transform: none;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.text-block-205, .text-block-206, .text-block-207 {
color: var(--dark);
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: .8rem;
}
.text-block-208 {
color: var(--background-grey);
padding: 3px 0;
font-family: "Universal Sans Text 470 470 100", sans-serif;
font-size: .8rem;
}
.text-block-208:hover {
color: var(--dark);
}
.image-107 {
color: #fff;
width: 20px;
height: 20px;
}
.image-107.dark {
mix-blend-mode: exclusion;
}
._24px {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.line {
min-width: 232px;
}
.preloader-text-wrap {
margin-right: 5vw;
display: flex;
overflow: hidden;
}
.preloader-text-wrap.btm {
margin-left: 5vw;
margin-right: 0;
}
.preloader-2 {
z-index: 9999;
background-color: #f0e6e6;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 10vh;
display: none;
position: fixed;
inset: 0%;
}
.line-wrap {
width: 232px;
position: absolute;
inset: auto 0% -30% 20%;
}
.display-xl {
color: #131520;
margin-top: 0;
margin-bottom: .5em;
font-size: 3.75rem;
line-height: 1.25;
}
.display-xl.preload-text-btm, .display-xl.preload-text-top {
margin-bottom: 0;
}
.line-wrap-inner {
overflow: hidden;
}
.preloader-line-wrap {
position: relative;
}
.footer-2 {
padding-top: 96px;
padding-bottom: 48px;
position: relative;
}
.container-102 {
z-index: 1;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.display-2xl {
color: #131520;
margin-top: 0;
margin-bottom: .5em;
font-size: 4.5rem;
line-height: 1.25;
}
.display-2xl.mb-0 {
margin-bottom: 0;
font-size: 3.5rem;
}
.display-sm {
color: #131520;
margin-top: 0;
margin-bottom: .5em;
font-size: 1.875rem;
line-height: 1.25;
}
.row {
flex-wrap: wrap;
width: 100%;
display: flex;
}
.row.row-justify-between {
justify-content: space-between;
}
.row.row-header, .row.row-split-content {
grid-column-gap: 64px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.row.mb-16 {
margin-bottom: 16px;
}
.header-2 {
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.hero-img-content {
perspective: 1000px;
position: relative;
}
.footer-top {
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-bottom: 72px;
display: flex;
}
.header-text-wrap {
overflow: hidden;
}
.header-text-wrap.btm {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
margin-bottom: 24px;
display: flex;
}
.btn-icon-r {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin-bottom: 2px;
margin-left: 8px;
margin-right: 0;
display: flex;
}
.row-btns {
flex-wrap: wrap;
align-items: stretch;
margin: -6px;
display: flex;
}
.signature {
height: 72px;
margin-top: 32px;
}
.logo-6 {
color: #131520;
align-items: center;
width: auto;
text-decoration: none;
display: flex;
}
.hero-image-wrap {
border-radius: 50%;
overflow: hidden;
}
.btn {
color: #131520;
letter-spacing: 1px;
white-space: nowrap;
cursor: pointer;
align-items: center;
margin: 6px;
padding: 8px;
font-weight: 500;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.btn:hover {
text-decoration: none;
}
.btn-icon-l {
width: 20px;
height: 20px;
margin-left: 0;
margin-right: 8px;
}
.text-xl {
margin-top: 0;
font-size: 1.25rem;
line-height: 1.5;
}
.text-xl.header-text {
margin-bottom: 64px;
}
.hero-img {
width: 100%;
}
.logo-icon {
width: 32px;
height: 32px;
margin-bottom: 2px;
margin-right: 8px;
}
.text-md {
margin-top: 0;
font-size: 1rem;
line-height: 1.5;
}
.content {
max-width: 560px;
}
.page-wrap {
overflow: hidden;
}
.section-19 {
padding-top: 9vh;
padding-bottom: 9vh;
position: relative;
}
.section-19.pb-0 {
padding-bottom: 0;
}
.text-medium {
font-weight: 500;
}
.text-medium.mb-32 {
margin-bottom: 32px;
}
.mb-0 {
margin-bottom: 0;
}
.footer-btm {
flex-wrap: wrap;
width: 100%;
display: flex;
}
.image-light-accent {
transform-style: preserve-3d;
width: 170%;
max-width: none;
position: absolute;
inset: auto 0% -55% -55%;
transform: translate3d(0, 0, 40px);
}
.navigation-2 {
background-color: #0000;
align-items: center;
height: 96px;
display: flex;
}
.section-body-2 {
min-width: 1100px;
margin-top: 0;
}
.profile_banner-3 {
background-color: #0a66c2;
background-image: none;
background-repeat: repeat;
background-size: auto;
flex-direction: row;
align-items: flex-start;
height: 240px;
display: flex;
position: relative;
}
.card_footer-link-2 {
flex: 1;
justify-content: center;
align-items: center;
padding: 16px 24px;
transition: background-color .2s;
display: flex;
}
.card_footer-link-2:hover {
background-color: #e5f6ff;
}
.profile_col-main-2 {
flex-direction: column;
flex: 1;
align-items: flex-start;
margin-left: 200px;
display: flex;
}
.button-49 {
color: #0a66c2;
background-color: #fff;
border: 1px solid #9b9797;
border-radius: 50px;
flex: none;
justify-content: center;
align-items: center;
margin-left: 4px;
margin-right: 4px;
padding: 8px 16px;
transition: background-color .2s;
display: flex;
}
.button-49:hover {
background-color: #eee;
border-color: #333;
text-decoration: none;
}
.button-49.state--subtle {
color: #000;
border-style: none;
}
.button-49.state--preferred {
color: #fff;
background-color: #0a66c2;
border-color: #0000;
}
.button-49.state--preferred:hover {
background-color: #00527e;
}
.subheading-4 {
color: #000;
margin-bottom: 4px;
font-weight: 600;
display: flex;
}
.experience_wrapper-2 {
flex-direction: column;
align-items: stretch;
display: flex;
}
.thumb_img-2 {
background-color: #0a66c2;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
}
.tab_link-2 {
color: #000;
background-color: #fff;
border-bottom: 2px solid #0000;
margin-right: 16px;
padding: 0 8px 8px;
}
.tab_link-2.w--current {
background-color: #fff;
border-bottom-color: #0a66c2;
}
.experience_icon-3 {
background-color: #0a66c2;
width: 24px;
height: 24px;
margin-right: 16px;
}
.card-6 {
background-color: #fff;
border: 1px #c9c9c9;
border-radius: 0;
width: 100%;
margin-bottom: 16px;
overflow: hidden;
box-shadow: 0 2px 8px 2px #0000000d;
}
.card-6.profile-card {
box-shadow: none;
border-bottom-style: none;
}
.container-103 {
flex-direction: column;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.image-108 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.image-109 {
width: 100%;
}
.uploader-2 {
background-color: #f1f1f1;
border: 1px dashed #bdbdbd;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
padding: 15px 0 0;
}
.uploader-3 {
background-color: #f1f1f1;
border: 1px dashed #bdbdbd;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
padding: 10px;
}
.footer3_social-link-2 {
color: #000;
background-color: #f0f0f0;
border-radius: .5rem;
align-items: center;
padding: .5rem;
font-size: .875rem;
text-decoration: none;
transition: color .2s;
display: flex;
}
.footer3_social-link-2:hover {
color: #6e35f3;
}
.dropdown-chevron-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.navbar1_menu-dropdown-4 {
font-size: .85rem;
font-weight: 400;
}
.hero-badge_details-2 {
font-size: .75rem;
font-weight: 500;
}
.form_checkbox-2 {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.container-w1-2 {
width: 100%;
max-width: 95em;
margin-left: auto;
margin-right: auto;
}
.container-w1-2.gutter-outside {
text-align: center;
}
.navbar1_link-4 {
border-radius: .5rem;
padding: .5rem 1rem;
font-family: Inter, sans-serif;
font-size: .85rem;
font-weight: 500;
transition: color .2s;
}
.navbar1_link-4.w--current {
color: #000;
background-color: #f7f7f7;
}
.text-style-muted-2 {
clear: none;
opacity: .6;
margin-bottom: 4px;
font-family: Inter, sans-serif;
display: block;
overflow: visible;
}
.footer3_bottom-wrapper-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.brand-logo-4 {
opacity: .75;
height: 24px;
}
.footer3_component-2 {
background-color: #fff;
border-top: .0625rem solid #f0f0f0;
}
.lightbox-link-2 {
border: .0625rem solid #f0f0f0;
border-radius: 1rem;
justify-content: center;
align-items: center;
max-height: 42rem;
display: flex;
overflow: hidden;
}
.subheader-2 {
text-align: center;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-weight: 700;
}
.navbar1_dropdown-toggle-4 {
grid-column-gap: .5rem;
align-items: center;
padding: .5rem 1rem;
font-weight: 500;
display: flex;
}
.trusted-by-text-2 {
font-family: Inter, sans-serif;
font-weight: 500;
}
.navbar1_dropdown-link-3 {
padding: .5rem 1rem;
transition: color .2s;
}
.navbar1_dropdown-link-3.w--current {
color: #000;
}
.navbar1_menu-4 {
align-items: center;
display: flex;
position: static;
}
.top-bar-2 {
color: #fff0;
background-color: #fff0;
justify-content: center;
align-items: center;
width: 400px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.main-wrapper-7 {
background-color: #f7f6f5;
}
.footer3_credit-text-2 {
font-size: .875rem;
}
.navbar1_container-2 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.filters_form-block-2 {
background-color: #fff;
border: .0625rem solid #f0f0f0;
border-radius: .75rem;
margin-bottom: 0;
padding: 1.5rem;
display: block;
}
.navbar1_logo-link-3 {
width: 10rem;
padding-left: 0;
font-family: "Angellist 400 100", sans-serif;
}
.button-50 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #000;
border-radius: 5rem;
padding: 1rem 1.5rem;
font-weight: 700;
line-height: 1;
}
.button-50.is-nav {
border-radius: 12px;
padding: .7rem 1.25rem;
font-size: .85rem;
}
.button-50.is-secondary {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #fff;
background-color: #00000040;
border: .0625rem solid #0000;
}
.form_checkbox-icon-2 {
border-color: #f0f0f0;
border-radius: .3rem;
width: 1rem;
height: 1rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon-2.w--redirected-checked {
background-color: #6e35f3;
background-size: 90%;
border-color: #6e35f3;
border-radius: .3rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon-2.w--redirected-focus {
box-shadow: none;
border-color: #6e35f3;
border-radius: .3rem;
width: 1rem;
height: 1rem;
margin: 0 .5rem 0 0;
}
.jobs_list-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.navbar1_component-4 {
z-index: 1000;
background-color: #fff;
border-bottom: .0625rem solid #f0f0f0;
align-items: center;
width: 100%;
height: auto;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: sticky;
top: 0;
}
.navbar1_component-4.nogap {
padding-left: 24px;
padding-right: 24px;
}
.site-type-link-2 {
color: gray;
text-align: center;
text-transform: uppercase;
background-color: #fff0;
border: 1px #000;
border-radius: 0;
flex: 1;
min-width: 140px;
max-width: 140px;
padding: .75rem;
font-family: Inter, sans-serif;
font-size: .9rem;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .2s;
}
.site-type-link-2:hover {
background-color: #f0f0f0;
}
.site-type-link-2.w--current {
color: #000;
border-bottom-style: solid;
border-bottom-color: #000;
min-width: 140px;
max-width: 140px;
font-family: Inter, sans-serif;
}
.navbar1_dropdown-list-4.w--open {
background-color: #fff;
border: .0625rem solid #f0f0f0;
border-radius: .75rem;
padding: .5rem;
}
.browse-wrap-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.padding-global-7 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.browse-jobs-wrapper-2 {
flex: 1;
}
.person-image-4 {
width: 40%;
max-width: 34.375rem;
position: absolute;
top: 0;
bottom: auto;
left: 49%;
}
.section_demo-2 {
background-color: #fff;
border-top: .0625rem solid #f0f0f0;
border-bottom: .0625rem solid #f0f0f0;
}
.padding-section-medium-4 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-section-medium-4.is-footer {
padding-bottom: 2rem;
}
.spacer-xsmall-2 {
width: 100%;
padding-top: .5rem;
}
.footer3_social-list-2 {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
place-items: start;
display: grid;
}
.section_logos-2 {
background-color: #fff;
border-bottom: .0625rem solid #f0f0f0;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.spacer-small-5 {
width: 100%;
padding-top: 1rem;
}
.blending-group-wrapper-2 {
z-index: 1;
filter: blur(7.5rem);
mix-blend-mode: overlay;
}
.play-button-2 {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #fff;
background-color: #000000b3;
border: .0625rem solid #f0f0f0;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 4.0625rem;
height: 4.0625rem;
display: flex;
position: absolute;
}
.footer3_legal-link-2 {
color: #000;
font-size: .875rem;
text-decoration: underline;
}
.form_label-2 {
font-size: .8rem;
font-weight: 500;
}
.footer3_link-2 {
color: #000;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .875rem;
font-weight: 400;
text-decoration: none;
}
.footer3_link-2:hover {
text-decoration: underline;
}
.heading-style-h1-5 {
font-size: 4rem;
font-weight: 400;
line-height: 1.1;
}
.icon-embed-xsmall-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.logo-text-4 {
border: 1px #000;
font-family: "Angellist 400 100", sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1;
}
.text-size-medium-9 {
font-size: 1.25rem;
}
.text-size-small-4 {
font-size: .875rem;
}
.text-size-small-4.text-weight-semibold {
font-weight: 600;
}
.form_input-2 {
background-color: #fff;
border: .0625rem solid #f0f0f0;
border-radius: .5rem;
min-height: 3rem;
margin-bottom: 0;
padding: .5rem 1rem;
}
.navbar1_menu-button-2 {
padding: 0;
}
.section_ultra-gradients-4 {
border-bottom: .0625rem solid #f0f0f0;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.dropdown-chevron-5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.navbar1_menu-dropdown-5 {
font-size: .85rem;
font-weight: 400;
}
.footer3_bottom-wrapper-3 {
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar1_dropdown-toggle-5 {
grid-column-gap: .5rem;
align-items: center;
padding: .5rem 1rem;
font-family: Inter, sans-serif;
font-weight: 500;
display: flex;
}
.navbar1_menu-5 {
align-items: center;
display: flex;
position: static;
}
.main-wrapper-8 {
background-color: #fff;
}
.footer3_credit-text-3 {
font-size: .875rem;
}
.navbar1_container-3 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.filters_form-block-3 {
background-color: #fff;
border: .0625rem solid #f0f0f0;
border-radius: .75rem;
margin-bottom: 0;
padding: 1.5rem;
display: block;
}
.navbar1_logo-link-4 {
width: 10rem;
padding-left: 0;
font-family: "Angellist 400 100", sans-serif;
}
.button-51 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #000;
border-radius: 5rem;
padding: 1rem 1.5rem;
font-weight: 700;
line-height: 1;
}
.button-51.is-nav {
text-transform: none;
background-color: #323dd6;
border-radius: 1rem;
padding: 1rem 1.5rem;
font-family: Inter, sans-serif;
font-size: .85rem;
font-weight: 600;
}
.button-51.is-secondary {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
color: #fff;
text-transform: none;
background-color: #323dd6;
border: .0625rem solid #323dd61a;
border-radius: 1rem;
width: 240px;
margin-left: 0;
font-family: Inter, sans-serif;
font-weight: 600;
}
.button-51.is-secondary.tertiary {
background-color: var(--light-blue);
color: var(--blue);
vertical-align: baseline;
justify-content: center;
align-items: center;
height: 50px;
display: flex;
}
.form_checkbox-icon-3 {
border-color: #f0f0f0;
border-radius: .3rem;
width: 1rem;
height: 1rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon-3.w--redirected-checked {
background-color: #6e35f3;
background-size: 90%;
border-color: #6e35f3;
border-radius: .3rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon-3.w--redirected-focus {
box-shadow: none;
border-color: #6e35f3;
border-radius: .3rem;
width: 1rem;
height: 1rem;
margin: 0 .5rem 0 0;
}
.navbar1_dropdown-list-5.w--open {
background-color: #fff;
border: .0625rem solid #f0f0f0;
border-radius: .75rem;
padding: .5rem;
}
.padding-global-8 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.browse-jobs-wrapper-3 {
flex: 1;
}
.person-image-5 {
opacity: .4;
width: 40%;
max-width: 34.375rem;
position: absolute;
top: auto;
bottom: auto;
left: 49%;
}
.section_demo-3 {
background-color: #fff;
border-top: .0625rem solid #f0f0f0;
border-bottom: .0625rem solid #f0f0f0;
}
.section_demo-3.padding-global.padding-section-small {
border-top-style: none;
border-bottom-style: none;
}
.padding-section-medium-5 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-section-medium-5.is-footer {
padding-bottom: 2rem;
}
.spacer-xsmall-3 {
width: 100%;
padding-top: .5rem;
position: static;
}
.footer3_social-list-3 {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
place-items: start;
display: grid;
}
.section_logos-3 {
background-color: #fff;
border-bottom: .0625rem solid #f0f0f0;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.section_logos-3.padding-global {
border-bottom-style: none;
margin-top: 2rem;
}
.spacer-small-6 {
width: 100%;
padding-top: 1rem;
}
.footer3_link-3 {
color: #000;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .875rem;
font-weight: 400;
text-decoration: none;
}
.footer3_link-3:hover {
text-decoration: underline;
}
.heading-style-h1-6 {
color: var(--dark);
text-align: center;
font-family: "Angellist 400 100", sans-serif;
font-size: 5rem;
font-weight: 600;
line-height: 1.1;
}
.icon-embed-xsmall-5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.logo-text-5 {
border: 1px #000;
font-family: "Angellist 400 100", sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1;
}
.text-size-medium-10 {
color: var(--dark);
text-align: center;
font-family: Inter, sans-serif;
font-size: 1.25rem;
}
.text-size-medium-10.red {
color: var(--red);
text-align: center;
text-transform: uppercase;
background-color: #9a81d500;
border-radius: 0;
font-size: .9rem;
font-weight: 700;
line-height: 2;
}
.text-size-small-5 {
font-size: .875rem;
}
.text-size-small-5.text-weight-semibold {
font-weight: 600;
}
.form_input-3 {
background-color: #fff;
border: .0625rem solid #f0f0f0;
border-radius: .5rem;
min-height: 3rem;
margin-bottom: 0;
padding: .5rem 1rem;
}
.navbar1_menu-button-3 {
padding: 0;
}
.section_ultra-gradients-5 {
border-bottom: .0625rem solid #f0f0f0;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section_ultra-gradients-5.padding-global.padding-section-large {
background-color: #fff;
border-bottom-style: none;
padding-top: 10rem;
}
.bold-text-10 {
font-family: "Angellist 400 100", sans-serif;
font-weight: 400;
}
.text-block-209, .paragraph-13, .text-block-210, .text-block-211, .text-block-212, .text-block-213 {
font-family: Inter, sans-serif;
}
.bold-text-11 {
font-family: "Angellist 400 100", sans-serif;
}
.div-block-118 {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-214 {
color: #3f3f46;
text-transform: none;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.bold-text-12, .bold-text-13, .bold-text-14 {
font-size: 1.1rem;
font-weight: 600;
}
.div-block-119 {
width: 100%;
max-width: 93em;
margin-left: auto;
margin-right: auto;
}
.sticky-tags-wrapper {
width: 28%;
position: sticky;
top: 0;
}
.cta-block {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding-top: 24px;
padding-bottom: 24px;
}
.primary-button {
color: #fff;
text-align: center;
background-color: #080808;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 216px;
padding: 8px 20px;
font-size: 20px;
line-height: 24px;
text-decoration: none;
transition: color .3s, background-color .3s;
display: inline-block;
}
.primary-button:hover, .primary-button:focus {
color: #efefef;
background-color: #040408;
}
.primary-button.small {
min-width: 0;
font-size: 14px;
}
.headingxxs-medium {
letter-spacing: .083em;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.cms-list-horizontal {
flex-wrap: wrap;
display: flex;
}
.section-20 {
padding-top: 0;
padding-bottom: 0;
}
.tag-block {
margin-bottom: 48px;
}
.article-horizontal-wrapper {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.articles-wrapper {
width: 72%;
margin-right: 48px;
}
.cta-block-logo {
width: 100%;
max-width: 140px;
margin-bottom: 24px;
}
.cms-articles-grid {
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-104 {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.article-card-details-dot {
margin-left: 6px;
margin-right: 6px;
}
.article-card {
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
display: flex;
}
.article-card-thumbnail-wrapper {
flex: none;
}
.article-card-copy {
color: #292929;
margin-bottom: 8px;
text-decoration: none;
}
.article-card-description {
color: #757575;
font-size: 16px;
line-height: 20px;
}
.article-card-tag {
color: #757575;
background-color: #f2f2f2;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-top: 2px;
margin-bottom: 2px;
padding: 2px 8px;
text-decoration: none;
transition: background-color .3s;
}
.article-card-tag:hover, .article-card-tag:focus {
background-color: #e6e6e6;
}
.headings-bold {
font-size: 22px;
font-weight: 700;
line-height: 28px;
}
.article-card-info-details {
flex-wrap: wrap;
align-items: center;
display: flex;
}
.article-card-author-avatar {
object-fit: cover;
border-radius: 100%;
width: 20px;
height: 20px;
}
.bookmark-icon {
justify-content: center;
display: flex;
}
.article-card-details {
color: #757575;
justify-content: space-between;
align-items: center;
font-size: 13px;
display: flex;
}
.membership-link {
justify-content: center;
align-items: center;
margin-left: 4px;
display: flex;
}
.article-card-icons-wrapper {
align-items: center;
display: flex;
}
.article-card-author-wrapper {
color: #292929;
align-items: center;
margin-bottom: 8px;
text-decoration: none;
display: flex;
}
.article-card-content {
margin-right: 20px;
}
.membership-icon {
justify-content: center;
align-items: center;
display: flex;
}
.article-card-thumbnail {
object-fit: cover;
width: 200px;
height: 134px;
}
.article-card-author-name {
margin-left: 8px;
font-size: 13px;
font-weight: 500;
line-height: 16px;
}
.text-block-215 {
text-transform: none;
width: 120px;
line-height: 1;
}
.bold-text-15 {
font-weight: 400;
}
.bold-text-16 {
color: #fff;
font-weight: 400;
}
.bold-text-16.dark {
color: var(--dark);
}
.link-41, .link-42 {
color: var(--dark);
text-decoration: none;
}
.text-block-216 {
text-transform: none;
font-family: Inter, sans-serif;
font-size: 1rem;
}
.text-block-217 {
text-transform: none;
font-family: "Universal Sans Text 470 470 100", sans-serif;
}
.tag-subnav__item__link {
background-color: #f4f4f4;
border: 1px solid #f4f4f4;
border-radius: 4px;
padding: .5rem 1rem;
font-size: .875rem;
font-weight: 400;
}
.tag-subnav__item__link:hover {
background-color: #dee2e2;
}
.tag-subnav__item__link.cc-all-reset {
background-color: #0000;
margin-right: .5rem;
}
.tag-subnav__item__link.cc-all-reset.jetboost-filter-none-5m63 {
color: #000;
border-style: solid;
border-color: #b6b3b3;
border-radius: 6px;
font-family: Inter, sans-serif;
text-decoration: none;
}
.tag-subnav__item__link.jetboost-filter-active {
color: #000;
background-color: #fff;
border: 1px solid #ff6f00;
border-radius: 6px;
font-family: Inter, sans-serif;
text-decoration: none;
}
.cloneable-toggle__switch {
z-index: 10;
background-color: #fff;
border-radius: 50%;
width: 1.25rem;
height: 1.25rem;
position: relative;
}
.button-52 {
color: #fff;
text-align: center;
background-color: #ff5c33;
border: 1px solid #ff5c33;
border-radius: 4px;
align-items: center;
padding: .5rem 1rem;
font-size: .875rem;
display: flex;
}
.results__list__item {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
flex-direction: column;
display: flex;
}
.tag-subnav__list {
grid-column-gap: .5rem;
display: flex;
}
.div-block-120 {
justify-content: center;
display: flex;
}
.cloneable-toggle-off {
border-radius: 1rem;
width: 100%;
height: 100%;
position: absolute;
}
.cloneable-toggle-off.jetboost-filter-none-5kp3 {
z-index: 1;
display: none;
position: absolute;
}
.sort-dropdown {
grid-column-gap: .5rem;
background-color: #f4f4f4;
border: 1px solid #dee2e2;
border-radius: 4px;
align-items: center;
padding: .5rem;
font-size: .875rem;
display: flex;
}
.sort-dropdown.jetboost-sort-active {
border-color: #ff5c33;
}
.filter-wrapper__left-group {
grid-column-gap: 1rem;
display: flex;
}
.page-padding-5 {
padding-left: 5%;
padding-right: 5%;
}
.made-in-webflow-lockup {
grid-column-gap: .5rem;
box-shadow: none;
letter-spacing: 0;
background-color: #fff0;
border: 1.5px solid #f4f4f4;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: .5rem 1rem .5rem .5rem;
font-size: .875rem;
font-weight: 600;
display: flex;
}
.made-in-webflow-lockup:hover {
border-width: 1.5px;
border-color: #ff5c33;
}
.made-in-webflow-lockup.cc-floating-badge {
z-index: 9999;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #00000003;
border: 1px dashed #ff5c33;
padding: 1rem;
font-size: .75rem;
position: fixed;
inset: auto 2rem 2rem auto;
box-shadow: 0 0 6px 2px #f4f4f440;
}
.tooltip-icon-2 {
color: #7f7f7f;
width: 1rem;
height: 1rem;
margin-top: 2px;
}
.cloneable-toggle {
background-color: #b9bbbb;
border-radius: 1rem;
width: 2.5rem;
padding: 2px;
transition: background-color .5s;
position: relative;
}
.cloneable-toggle:hover {
background-color: #7f7f7f;
}
.cloneable-toggle-wrapper {
grid-column-gap: .5rem;
border: 1px solid #dee2e2;
border-radius: 6px;
align-items: center;
padding: .5rem;
font-family: Inter, sans-serif;
font-size: .875rem;
display: flex;
}
.container-large-5 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.webflow-sq-logo {
background-color: #33333303;
border-radius: 6px;
width: 2rem;
height: 2rem;
padding: 3px;
}
.webflow-sq-logo.cc-floating-badge {
color: #fff;
-webkit-text-stroke-color: white;
background-color: #00000003;
width: 2rem;
height: 2rem;
transform: rotate(-90deg);
}
.reset-search-icon {
color: #7f7f7f;
width: 1.25rem;
height: 1.125rem;
display: flex;
}
.tag-subnav-wrapper {
justify-content: center;
align-items: center;
margin-bottom: 4rem;
display: flex;
}
.text-align-center-2 {
text-align: center;
}
.search-input-field {
border: 1px #000;
border-radius: 4px;
align-self: center;
height: 3rem;
margin-bottom: 0;
padding: .5rem 1.75rem .5rem 2.5rem;
font-weight: 300;
}
.search-input-field.jetboost-list-search-input-2jn3 {
border-radius: 8px;
font-family: Inter, sans-serif;
}
.icon-search-2 {
color: #7f7f7f;
width: 1.25rem;
height: 1.25rem;
position: absolute;
left: .75rem;
}
.reset-search-trigger {
color: #7f7f7f;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 1rem auto auto;
}
.reset-search-trigger.jetboost-list-search-reset-2jn3 {
justify-content: flex-end;
width: 2rem;
height: 2rem;
display: flex;
}
.reset-search-trigger.jetboost-list-search-reset-2jn3:hover, .reset-search-trigger.jetboost-list-search-reset-2jn3:active, .reset-search-trigger.jetboost-list-search-reset-2jn3:focus, .reset-search-trigger.jetboost-list-search-reset-2jn3:focus-visible, .reset-search-trigger.jetboost-list-search-reset-2jn3[data-wf-focus-visible] {
display: flex;
}
.text-block-218 {
margin-right: 0;
font-size: 1rem;
font-weight: 400;
}
.title-wrapper-2 {
margin-bottom: 4rem;
}
.heading-xlarge-2 {
color: #333;
font-family: Inter, sans-serif;
font-size: 3.75rem;
font-weight: 600;
line-height: 1.2;
}
.search-field-wrapper {
grid-column-gap: .5rem;
border: 1px solid #d3d3d3;
border-radius: 8px;
flex: 1;
align-items: center;
display: flex;
position: relative;
}
.cloneable-toggle-on {
z-index: 1;
border-radius: 1rem;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
}
.text-size-medium-11 {
color: #7f7f7f;
font-family: Inter, sans-serif;
font-size: 1.25rem;
}
.text-block-219 {
display: none;
}
.results__list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.floating-arrow {
width: 2rem;
height: 2rem;
margin-top: 19px;
margin-right: -16px;
position: absolute;
inset: 0% 0% 0% auto;
}
.search-form-block {
width: 100%;
max-width: 37.5rem;
margin-left: auto;
margin-right: auto;
}
.sort-by-icon {
width: 1rem;
height: 1rem;
margin-top: 2px;
}
.plus-icon-2 {
margin-right: .5rem;
font-size: 1rem;
}
.filter-wrapper {
justify-content: space-between;
align-items: center;
margin-bottom: 3rem;
display: flex;
}
.results__item__image-wrapper {
object-fit: fill;
border: 1px solid #dee2e2;
border-radius: 8px;
height: 24rem;
position: relative;
overflow: hidden;
}
.results__item__image-link {
z-index: 10;
color: #f4f4f4;
background-color: #313131bf;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 8px 3px #f4f4f4;
}
.results__item__image-link__copy {
grid-column-gap: .5rem;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.results__item__image-link__copy-icon {
width: 1.5rem;
height: 1.5rem;
transform: rotate(45deg);
}
.results__item__image {
z-index: 9;
position: absolute;
inset: 0%;
}
.div-block-121 {
flex-direction: column;
width: 276px;
margin-right: auto;
display: flex;
overflow: hidden;
}
.liked-cloned-stats {
grid-column-gap: .5rem;
align-items: flex-start;
margin-top: .25rem;
margin-left: .5rem;
display: flex;
}
.liked-cloned-values {
color: #7f7f7f;
align-items: center;
font-size: .75rem;
display: flex;
}
.liked-cloned-values.cc-cloned {
color: #585858;
}
.link-block-12 {
flex: none;
}
.results__item__site-link {
color: #000;
font-family: Inter, sans-serif;
text-decoration: none;
}
.results__item__creator-link {
color: #7f7f7f;
font-size: .875rem;
overflow: hidden;
}
.results__item__titles {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: max-content 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
padding-top: 1rem;
display: flex;
}
.results__item__creator-logo {
border-radius: 50%;
width: 2rem;
height: 2rem;
margin-top: .5rem;
}
.liked-cloned-values__icon {
width: 1rem;
height: 1rem;
margin-bottom: 2px;
}
.text-block-220, .link-block-13 {
text-decoration: none;
}
.image-110 {
height: 24px;
}
.section-body-3 {
min-width: 1100px;
margin-top: 0;
}
.flex-row-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: flex-start;
font-family: Inter, sans-serif;
display: flex;
}
.font-size--xl-2 {
font-family: Inter, sans-serif;
font-size: 24px;
line-height: 24px;
}
.profile_button-wrapper-2 {
flex: 1;
justify-content: flex-end;
align-items: center;
width: 100%;
margin-right: -4px;
display: flex;
}
.profile_col-main-3 {
flex-direction: column;
flex: 1;
align-items: flex-start;
display: flex;
}
.button-53 {
color: #0a66c2;
background-color: #fff;
border: 1px solid #9b9797;
border-radius: 50px;
flex: none;
justify-content: center;
align-items: center;
margin-left: 4px;
margin-right: 4px;
padding: 8px 16px;
font-family: Inter, sans-serif;
transition: background-color .2s;
display: flex;
}
.button-53:hover {
background-color: #eee;
border-color: #333;
text-decoration: none;
}
.button-53.state--subtle {
color: #000;
border-style: none;
}
.button-53.state--preferred {
color: #fff;
background-color: #0a66c2;
border-color: #0000;
font-family: Inter, sans-serif;
}
.button-53.state--preferred:hover {
background-color: #00527e;
}
.card_row-2 {
flex-direction: row;
align-items: flex-start;
padding: 16px 24px;
font-family: Inter, sans-serif;
display: flex;
}
.subheading-5 {
color: #000;
margin-bottom: 4px;
font-weight: 600;
display: flex;
}
.experience_wrapper-3 {
flex-direction: column;
align-items: stretch;
font-family: Inter, sans-serif;
display: flex;
}
.thumb_img-3 {
background-color: #0a66c2;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
}
.ms-profile-image-row1 {
background-color: #5c6e7c;
border: 4px solid #fff;
border-radius: 100%;
width: 160px;
height: 160px;
display: block;
position: absolute;
inset: auto auto -64px 24px;
overflow: hidden;
box-shadow: 0 2px 8px 2px #0000000d;
}
.profile_banner-4 {
background-color: #0a66c2;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/674cf9a3f919a395aa62645e_nicolas-lobos-kGtFjYdm7DI-unsplash%20(1).jpg"), url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/65afccb4863fe99b0aa9ddeb_linkedin-banner.svg");
background-position: 100% 100%, 0 0;
background-size: cover, auto;
flex-direction: row;
align-items: flex-start;
height: 200px;
display: flex;
position: relative;
}
.col-main-2 {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 24px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.experience_icon-4 {
background-color: #0a66c2;
width: 24px;
height: 24px;
margin-right: 16px;
}
.col-sidebar-2 {
flex-direction: column;
flex: none;
align-items: flex-start;
width: 25%;
padding: 16px 16px 24px;
display: flex;
}
.card-7 {
box-shadow: none;
background-color: #fff;
border: 1px solid #eeeff1;
border-radius: 15px;
width: 100%;
margin-bottom: 16px;
overflow: hidden;
}
.container-105 {
flex-direction: column;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.auto-layout-vertical-71 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 366px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-72 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 366px;
text-decoration: none;
display: flex;
position: relative;
}
.auto-layout-vertical-73 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: absolute;
top: 12px;
left: 0;
right: 12px;
}
.auto-layout-horizontal-53 {
grid-column-gap: .0000038147px;
background-color: #cd74dd1f;
border-radius: 25px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
height: 30px;
padding: 6px 20px 6px 12px;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.auto-layout-vertical-74 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 85px;
padding-right: 3.53298px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-75 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 2px;
text-decoration: none;
display: flex;
}
.text-51 {
color: #ae30c5;
text-align: center;
letter-spacing: .15px;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 16px;
text-decoration: none;
}
.vectors-wrapper-40 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-76 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-54 {
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-55 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1171276081 {
object-fit: cover;
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 88px;
}
.auto-layout-vertical-77 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-78 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-56 {
grid-column-gap: 3.91px;
background-color: #f2f4f7;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 128px;
padding: 6px 8px;
text-decoration: none;
display: flex;
box-shadow: 0 0 24px #e4e8f7cc;
}
.text-52 {
color: #677084;
text-align: center;
letter-spacing: .2px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 13px;
text-decoration: none;
}
.vectors-wrapper-41 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-79 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
padding-bottom: 8px;
padding-right: 38px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-57 {
grid-column-gap: 6.45581px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 328px;
padding: 8px 50.2773px 8px 50.6669px;
text-decoration: none;
display: flex;
}
.text-53 {
color: #14171f;
text-align: center;
letter-spacing: -.5px;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 34px;
font-weight: 700;
line-height: 40px;
text-decoration: none;
}
.auto-layout-vertical-80 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-58 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 366px;
padding-left: 42.2px;
padding-right: 42.2px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-81 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 282px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-59 {
background-color: #222834;
border-radius: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 282px;
height: 48px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-60 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 234px;
height: 48px;
padding: 12px 52.35px 12px 52.65px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-82 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 24px;
height: 24px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-42 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-83 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
}
.text-54 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.auto-layout-vertical-84 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 113px;
}
.auto-layout-vertical-85 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.vectors-wrapper-43 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 44px;
height: 24px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-86 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-61 {
grid-column-gap: 24px;
background-color: #f9fafb;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 366px;
padding: 16px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-87 {
background-color: #fff;
border: 1px solid #373f51;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 32px;
height: 32px;
padding: .8px .8px .8px .8px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-62 {
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding: 7.2px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-88 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.vectors-wrapper-44 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
text-decoration: none;
display: flex;
}
.text-55 {
color: #373f51;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18.4px;
text-decoration: none;
}
.text-block-221 {
font-family: Inter, sans-serif;
font-size: 14px;
}
.auto-layout-vertical-89 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
text-decoration: none;
display: flex;
}
.text-56 {
color: #4a5264;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 16px;
font-family: Inter, sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
}
.auto-layout-vertical-90 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 8px;
padding-right: 38px;
text-decoration: none;
display: flex;
}
.frame-1171276082 {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
max-height: 72px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-63 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 120px;
height: 32px;
padding: 6.06px 12.8px 6.06px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-64 {
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-91 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 20px;
text-decoration: none;
display: flex;
}
.text-57 {
color: #14171f;
text-align: center;
letter-spacing: .15px;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 19.88px;
text-decoration: none;
}
.auto-layout-horizontal-65 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 120px;
height: 32px;
padding: 6.06px 12.8px 6.06px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-66 {
background-color: #fff;
border: 1px solid #e5e7eb;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 140px;
height: 32px;
padding: 6.06px 12.22px 6.06px 12.8px;
text-decoration: none;
display: flex;
}
.frame-1171276083 {
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-67 {
grid-column-gap: 24px;
background-color: #f9fafb;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-92 {
background-color: #fff;
border: 1px solid #373f51;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 32px;
height: 32px;
padding: .8px .8px .8px .8px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-68 {
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding: 7.2px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-93 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.vectors-wrapper-45 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
text-decoration: none;
display: flex;
}
.text-58 {
color: #373f51;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18.4px;
text-decoration: none;
}
.auto-layout-vertical-94 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-95 {
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 390px;
padding: 8px 38px 8px 12px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-96 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.i-am-shahil-a-creative-ui-and-ux-designer-with-expertise-in-mobile-design-i-specialize-in-ui-designing-motion-design-and-web-design-my-unique-combination-of-speed-and-creativity-allows-me-to-deliver-top-notch-designs-that-captivate-users-lets-collaborate-on-your-next-project {
color: #14171f;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.auto-layout-vertical-97 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 378px;
padding-bottom: 8px;
padding-right: 38px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-69 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 340px;
margin-top: 40px;
padding-right: 270.4px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-46 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-98 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 362px;
padding-left: 12px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-99 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 350px;
text-decoration: none;
display: flex;
}
.text-59 {
color: #14171f;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.frame-1171276084 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 378px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-70 {
grid-column-gap: 24px;
background-color: #f9fafb;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px 213.4px 16px 16px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-100 {
background-color: #fff;
border: 1px solid #373f51;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 32px;
height: 32px;
padding: .8px .8px .8px .8px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-71 {
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding: 7.2px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-101 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.vectors-wrapper-47 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
text-decoration: none;
display: flex;
}
.text-60 {
color: #373f51;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18.4px;
text-decoration: none;
}
.frame-1171276085 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 378px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-72 {
grid-column-gap: 24px;
background-color: #f9fafb;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px 205.4px 16px 16px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-102 {
background-color: #fff;
border: 1px solid #373f51;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 32px;
height: 32px;
padding: .8px .8px .8px .8px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-73 {
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding: 7.2px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-103 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.vectors-wrapper-48 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
text-decoration: none;
display: flex;
}
.text-61 {
color: #373f51;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18.4px;
text-decoration: none;
}
.auto-layout-vertical-104 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 366px;
text-decoration: none;
display: flex;
position: absolute;
top: 24px;
left: -12px;
}
.auto-layout-vertical-105 {
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 390px;
padding: 8px 38px 8px 12px;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-74 {
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 340px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 316.4px;
text-decoration: none;
display: flex;
}
.auto-layout-vertical-106 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.auto-layout-horizontal-75 {
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.uui-max-width-large-6 {
width: 100%;
max-width: 48rem;
}
.uui-heading-small {
color: #101828;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.875rem;
font-weight: 600;
line-height: 1.4;
}
.uui-heading-small.cp-hd {
font-weight: 400;
}
.uui-career01_list-wrapper.view-profile-about {
margin-top: 40px;
}
.benefits.companypage {
margin-top: 40px;
margin-bottom: 40px;
}
.company-benefits-list {
margin-top: 20px;
}
.uui-text-size-medium-9 {
color: #475467;
letter-spacing: normal;
margin-left: 0;
margin-right: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
.uui-text-size-medium-9.exper {
font-size: .875rem;
font-weight: 400;
}
.company-about-us-content {
margin-top: 20px;
}
.uui-page-padding-10 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-heading-subheading-6 {
color: #7f56d9;
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-subheading-6.jobs {
color: #111828;
font-size: 1.5rem;
font-weight: 300;
}
.uui-heading-subheading-6.jobs.tech-stack {
margin-bottom: .125rem;
}
.tabs-menu-4 {
border-bottom: 1px solid #c9caca;
}
.company-tech-stack {
margin-top: 40px;
}
.about {
align-self: center;
}
.techstack.companypage {
border-bottom: 1px solid #eaecf0;
padding-bottom: 20px;
}
.uui-career01_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-top: 4rem;
display: grid;
}
.uui-career01_component.car {
grid-template-columns: 2.5fr 1fr;
margin-top: 0;
}
.company-teck-stack-list {
margin-top: 20px;
}
.tabs-content-4 {
border-bottom: 1px solid #eaecf0;
}
.uui-container-large-7 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.bold-text-17 {
font-size: 1.2rem;
font-weight: 500;
display: inline;
}
.company-about {
padding-right: 8px;
}
.uui-padding-vertical-xhuge-9 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-padding-vertical-xhuge-9.care {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-padding-vertical-xhuge-9.care.companyp {
padding-top: 0;
}
.about-company {
margin-top: 0;
padding-top: 10px;
display: flex;
}
.uui-pricing01_plan {
background-color: #fafafb;
border: 1px solid #fff;
border-radius: 1rem;
width: 400px;
padding: 2rem;
box-shadow: 0 4px 6px -2px #10182808;
}
.uui-pricing01_plan.tags-pricing {
background-color: #fff;
border-color: #e4e4ed;
margin-top: 2rem;
}
.uui-pricing01_plan.tags-pricing.cdcd {
padding-top: 1rem;
padding-bottom: 0;
}
.uui-pricing01_plan.tags-pricing.cdcd.profile-basic-detail {
margin-top: 0;
}
.uui-pricing01_plan.tags-pricing.cdcd.profile-basic-detail.cprofile {
margin-top: 4rem;
}
.techstack-description {
display: flex;
}
.spark-flat-tab {
color: #000;
background-color: #0000;
padding: 24px 80px;
transition: box-shadow .3s, color .15s;
box-shadow: 0 3px #f0ecfd;
}
.spark-flat-tab:hover {
opacity: 1;
color: #5532fa;
box-shadow: 0 3px #a695fb;
}
.spark-flat-tab.w--current {
color: #5532fa;
background-color: #0000;
border-bottom-color: #5532fa;
box-shadow: 0 3px #5532fa;
}
.spark-flat-tab.spark-small {
color: #4f4f63;
margin-right: 20px;
padding: 10px 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
box-shadow: 0 1px #d0d5dd;
}
.spark-flat-tab.spark-small:hover, .spark-flat-tab.spark-small:focus {
color: #5832fa;
box-shadow: 0 2px #5832fa;
}
.company-overview {
margin-top: 20px;
}
.uui-navbar02_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 80rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.uui-navbar02_container.banner {
justify-content: flex-start;
align-items: flex-start;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding: 0 0%;
}
.uui-navbar02_container.banner.upload-icon {
height: 300px;
padding-top: 0;
}
.uui-navbar02_container.banner.upload-icon.upic {
width: 20%;
height: 200px;
margin-left: 0;
padding-top: 20px;
}
.uui-navbar02_container.banner.upload-icon.upic.cp {
margin-right: 0;
}
.uui-navbar02_container.banner.pic {
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: flex-end;
width: auto;
height: 320px;
margin-left: 0;
padding-top: 0;
display: flex;
position: static;
}
.card-2 {
box-shadow: none;
background-color: #fff;
border: 1px #dfe3eb;
border-bottom-style: solid;
border-radius: 0;
width: 100%;
height: 400px;
margin-top: 0;
margin-bottom: 0;
}
.profile_banner-5 {
background-color: #d0d5dd;
flex-direction: row;
align-items: flex-start;
display: flex;
position: relative;
}
.profile_banner-5.company-profile-page {
background-color: #fff;
height: auto;
}
.uui-navbar02_component {
background-color: #fafafb;
border-bottom: 1px solid #f2f4f7;
align-items: center;
min-height: 5rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.uui-navbar02_component.banner {
background-color: #fff;
border-bottom-style: none;
justify-content: space-between;
align-self: center;
align-items: flex-start;
min-width: 80rem;
max-width: 80rem;
min-height: 100px;
margin: auto;
padding: 0% 0;
position: static;
}
.sidebar-collapse-3 {
opacity: .2;
cursor: pointer;
width: 20px;
height: 20px;
margin-left: 3px;
transition: opacity .2s;
}
.sidebar-collapse-3:hover {
opacity: .6;
}
.sidebar-collapse-3.back {
margin-left: 0;
}
.image-12 {
margin-top: auto;
margin-bottom: auto;
display: block;
}
.uui-form_input {
color: #101828;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: .5rem;
flex: 0 auto;
justify-content: flex-end;
align-self: flex-start;
align-items: flex-start;
min-width: auto;
height: auto;
min-height: auto;
margin-bottom: 0;
margin-right: 0;
padding: .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
transition: all .3s;
display: block;
position: relative;
inset: 0% 0% auto auto;
box-shadow: 0 1px 2px #1018280d;
}
.uui-form_input:focus {
color: #101828;
border-color: #d6bbfb;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}
.uui-form_input::placeholder {
color: #667085;
}
.div-block-20 {
justify-content: space-between;
display: flex;
}
.div-block-20.experience {
margin-top: 40px;
display: block;
}
.bold-text-18 {
font-size: 1.2rem;
font-weight: 500;
display: inline;
}
.uui-career01_list {
border-bottom: 1px solid #eaecf0;
padding-bottom: 60px;
}
.div-block-122 {
justify-content: space-between;
display: flex;
}
.div-block-122.experience {
margin-top: 40px;
display: block;
}
.bold-text-19 {
font-size: 1.2rem;
font-weight: 500;
display: inline;
}
.uui-page-padding {
background-color: #0000;
padding-left: 2rem;
padding-right: 2rem;
}
.uui-text-size-large {
color: #475467;
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
}
.uui-button {
grid-column-gap: .5rem;
color: #344154;
text-align: center;
white-space: nowrap;
background-color: #fbeb84;
border: 1px solid #344154;
border-radius: .5rem;
justify-content: center;
align-items: center;
margin-top: 1rem;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button:hover {
color: #fff;
background-color: #344154;
border-color: #6941c6;
}
.uui-button:focus {
color: #fff;
background-color: #0e0e29;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}
.uui-button.primary {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--light-purple);
color: #fff;
border-color: #8e75c9;
align-items: flex-start;
margin-top: 0;
margin-right: 0;
}
.uui-button.primary:hover {
color: #fff;
background-color: #8e75c9;
border-color: #8e75c9;
}
.uui-button.is-button-small {
grid-column-gap: .5rem;
padding: .5rem 1rem;
}
.uui-button-secondary-gray {
grid-column-gap: .5rem;
color: #344054;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: .5rem;
justify-content: center;
align-items: flex-start;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray:hover {
color: #1d2939;
background-color: #f9fafb;
}
.uui-button-secondary-gray:focus {
background-color: #fff;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f2f4f7;
}
.uui-button-wrapper.max-width-full-mobile-landscape {
padding-left: 0;
}
.uui-layout02_image-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-radius: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 2rem;
display: grid;
}
.uui-space-xsmall {
width: 100%;
min-height: 1rem;
}
.uui-button-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-button-row.is-reverse-mobile-landscape {
padding-top: 2rem;
}
.uui-layout02_image {
width: 100%;
}
.uui-padding-vertical-xhuge-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-padding-vertical-xhuge-2._2 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.uui-cta05_content {
flex: 1;
}
.uui-cta05_component {
grid-column-gap: 4rem;
grid-row-gap: 2rem;
background-color: #f9fafb;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
padding: 2rem 4rem;
display: grid;
}
.uui-banner18_supporting-text {
color: #7f56d9;
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-banner18_text-wrapper {
grid-row-gap: .125rem;
flex-wrap: wrap;
display: flex;
}
.uui-banner18_text {
color: #6941c6;
margin-right: .375rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.icon-featured-outline-medium {
color: #7f56d9;
background-color: #f4ebff;
border: .375rem solid #f9f5ff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.uui-banner18_content {
flex: 1;
align-items: center;
margin-right: 2rem;
display: flex;
}
.uui-icon-1x1-xsmall {
width: 1.5rem;
height: 1.5rem;
}
.uui-banner18_content-wrapper {
justify-content: flex-start;
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
display: flex;
}
.uui-banner18_icon-wrapper {
flex: none;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
margin-right: 1rem;
}
.uui-footer05_legal-list-wrapper {
grid-column-gap: 1.5rem;
display: flex;
}
.uui-heading-xxsmall {
color: #101828;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.5;
}
.uui-footer05_form-block {
min-width: 25rem;
max-width: 35rem;
margin-bottom: 0;
}
.uui-padding-vertical-xlarge {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-logo_logotype {
flex: none;
width: auto;
height: 100%;
margin-left: 10px;
display: block;
}
.uui-footer05_link-list-heading {
color: #0e0e29;
letter-spacing: normal;
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .765rem;
font-weight: 500;
}
.uui-footer05_link-list-heading.statistics {
margin-top: 2rem;
}
.success-message-3 {
background-color: #f4f4f4;
padding: 1.5rem;
}
.uui-text-style-link {
color: #475467;
text-decoration: underline;
transition: color .3s;
}
.uui-text-style-link:hover {
color: #344054;
}
.uui-footer05_link-list {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: flex-start start;
display: flex;
}
.uui-footer05_social-icons {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
place-items: start;
display: grid;
}
.uui-text-size-small {
color: #475467;
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-text-size-small.text-color-gray500 {
color: #667085;
}
.uui-footer05_form {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: .75rem;
display: grid;
}
.uui-footer05_legal-list {
grid-column-gap: 1rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
display: grid;
}
.uui-logo_logomark {
border: .1px solid #dae0e8;
border-radius: .5rem;
flex: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}
.uui-badge-small-success {
grid-column-gap: .25rem;
color: #027a48;
white-space: nowrap;
mix-blend-mode: multiply;
background-color: #ecfdf3;
border-radius: 10rem;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
padding: .125rem .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .75rem;
font-weight: 500;
display: flex;
}
.uui-footer05_social-link {
color: #98a2b3;
align-items: center;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-footer05_social-link:hover {
color: #667085;
}
.uui-styleguide_logomark-bg {
border-radius: 8px;
width: 2rem;
height: 2rem;
position: absolute;
inset: 0%;
}
.uui-logo_component {
flex-wrap: nowrap;
width: auto;
height: 2rem;
display: flex;
}
.uui-logo_logomark-blur {
z-index: 2;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #fff3;
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
width: 100%;
height: 50%;
position: absolute;
inset: 50% 0% 0%;
overflow: hidden;
}
.error-message-4 {
margin-top: 1.5rem;
padding: .875rem 1rem;
}
.uui-footer05_social-icon {
width: 1.5rem;
height: 1.5rem;
}
.uui-footer05_bottom-wrapper {
border-top: 1px solid #eaecf0;
justify-content: space-between;
align-items: center;
margin-top: 2rem;
padding-top: 2rem;
display: flex;
}
.uui-footer05_legal-link {
color: #667085;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
text-decoration: none;
transition: all .3s;
}
.uui-footer05_legal-link:hover {
color: #475467;
}
.uui-footer05_newsletter-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 4rem;
display: flex;
}
.uui-footer05_newsletter-wrapper._1 {
margin-bottom: 2rem;
padding-top: 2rem;
}
.uui-space-xxsmall {
width: 100%;
min-height: .5rem;
}
.uui-text-size-medium {
color: #475467;
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-logo_image {
flex: none;
width: auto;
height: 100%;
display: none;
}
.uui-footer05_link {
grid-column-gap: .5rem;
color: #475467;
flex-wrap: nowrap;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-footer05_link:hover {
color: #344054;
}
.uui-footer05_top-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
place-items: start;
}
.text-block-222 {
text-align: left;
}
.div-block-123 {
width: 100%;
}
.image-111, .image-112, .image-113, .image-114, .image-115 {
border-radius: 8px;
}
.edit-profile {
display: block;
}
.image-116 {
width: 36px;
height: 32px;
}
.nav_dropdown_right_link-story {
grid-column-gap: 1rem;
grid-row-gap: .5rem;
cursor: pointer;
flex-direction: column;
grid-template: "."
"."
/ auto;
grid-auto-columns: 1fr;
align-content: start;
place-items: start;
font-weight: 600;
line-height: 1.5;
display: grid;
position: relative;
}
.nav_dropdown_right_link-story:hover {
color: #146ef5;
}
.nav_dropdown_right_arrow {
font-weight: 400;
}
.icon-nav {
width: 1.5rem;
height: 1.5rem;
position: static;
inset: 0% auto auto 0%;
}
.nav_dropdown_left_link {
grid-column-gap: 1rem;
grid-row-gap: .5rem;
cursor: pointer;
flex-direction: column;
grid-template: ". ."
". Area"
/ 1.5rem auto;
grid-auto-columns: 1fr;
place-content: start;
place-items: center start;
font-weight: 600;
line-height: 1.5;
display: grid;
position: relative;
}
.nav_dropdown_left_link:hover {
color: #146ef5;
}
.image-rounded {
border-radius: 4px;
}
.nav_dropdown_menu {
color: #080808;
background-image: linear-gradient(to right, #fff 75%, #f0f0f0 75%);
border-bottom: 1px solid #d8d8d8;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: none;
position: fixed;
inset: 4.5rem 0 auto 0%;
}
.nav_dropdown_link-description {
color: #5a5a5a;
height: 100%;
font-weight: 400;
line-height: 1.6;
}
.nav_dropdown_right_link-image {
grid-column-gap: 1rem;
grid-row-gap: .5rem;
cursor: pointer;
border-bottom: 1px solid #d8d8d8;
grid-template-rows: auto auto;
grid-template-columns: minmax(4rem, 1fr) 3fr;
grid-auto-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: 600;
display: grid;
}
.nav_dropdown_right_link-image:hover {
color: #146ef5;
text-decoration: none;
}
.nav_dropdown_title {
color: #757575;
text-transform: uppercase;
border-bottom: 1px solid #d8d8d8;
padding-bottom: .5rem;
font-size: .9rem;
font-weight: 600;
}
.nav_links-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: center;
display: flex;
}
.nav_dropdown {
position: relative;
}
.button-54 {
color: #080808;
text-align: center;
letter-spacing: 1px;
text-indent: 0;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border-radius: 0;
padding: .75rem 1.5rem;
font-size: .8rem;
font-weight: 600;
transition: background-color .3s;
box-shadow: inset 0 1px 1px #ffffff4d, inset 0 2px 5px #f8f8f826;
}
.button-54:hover {
background-color: #d8d8d8;
}
.button-54.nav-link-hud.remove-effects {
opacity: 100;
color: #080808;
padding: .75rem 1.5rem;
display: inline-block;
}
.nav_dropdown_layout {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.nav_container-2 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: center;
width: 100%;
max-width: 80rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.nav_link-logo {
color: #fff;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 4.5rem;
display: flex;
}
.nav_link-logo:hover {
color: #d8d8d8;
}
.nav_dropdown-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-top: auto;
margin-bottom: auto;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
}
.nav_component-2 {
background-color: #ffffff05;
background-image: none;
border-bottom: 1px solid #ffffff0d;
align-items: center;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: .85rem;
display: flex;
position: sticky;
top: 0;
left: 0;
right: 0;
}
.nav_dropdown_right {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
background-color: #f0f0f0;
border-left: 1px solid #d8d8d8;
flex-direction: column;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1.5rem;
display: flex;
}
.nav_dropdown_right_image {
object-fit: cover;
border-radius: 4px;
}
.nav_menu-2 {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.nav_dropdown_left {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 1.5rem;
display: flex;
}
.nav_dropdown_left_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
font-size: .9rem;
display: grid;
}
.nav_dropdown_right_link {
cursor: pointer;
border-bottom: 1px solid #d8d8d8;
justify-content: space-between;
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: 600;
line-height: 1.5;
display: flex;
}
.nav_dropdown_right_link:hover {
color: #146ef5;
text-decoration: none;
}
.nav_dropdown_right_link.is-last {
border-bottom-style: none;
border-bottom-width: 0;
}
.nav_dropdown_right_link.is-first {
border-top: 1px solid #d8d8d8;
border-bottom-style: none;
}
.nav_link {
color: #fff;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 60px;
padding-left: 0;
padding-right: 0;
font-family: Geist, Arial, sans-serif;
font-size: .9rem;
font-weight: 500;
line-height: 1.5;
transition: box-shadow .2s;
display: flex;
}
.nav_link:hover {
color: #d8d8d8;
box-shadow: inset 0 -2px #146ef5;
}
.nav_link.w--current {
color: #fff;
}
.nav_link.is-dropdown {
color: var(--dark);
padding-left: .125rem;
padding-right: .125rem;
font-size: .9rem;
font-weight: 500;
}
.nav_link.is-button-mobile {
color: var(--dark);
height: 60px;
padding-left: 0;
font-family: Geist, Arial, sans-serif;
font-size: .9rem;
font-weight: 500;
}
.button-55 {
color: #080808;
text-align: center;
letter-spacing: 1px;
text-indent: 0;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border-radius: 0;
padding: .75rem 1.5rem;
font-size: .8rem;
font-weight: 600;
transition: background-color .3s;
box-shadow: inset 0 1px 1px #ffffff4d, inset 0 2px 5px #f8f8f826;
}
.button-55:hover {
background-color: #d8d8d8;
}
.button-55.nav-link-hud.remove-effects {
background-color: var(--dark);
opacity: 100;
color: var(--light);
padding: .75rem 1.5rem;
font-family: Geistmono, Arial, sans-serif;
display: inline-block;
}
.button-55.nav-link-hud.remove-effects:hover {
background-color: var(--blackish);
}
.main-header {
background-color: #fff;
border-top: 1px #0000001a;
width: 100%;
height: 30em;
}
.main-header.dark {
background-color: var(--m_background);
}
.featured-font {
font-family: Geist, Arial, sans-serif;
font-size: .9rem;
}
.div-block-124 {
flex-flow: column;
display: flex;
}
.featured-tags {
color: var(--dark);
text-align: left;
font-family: Geist, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
}
.div-block-125 {
background-color: var(--dark);
width: 8px;
height: 8px;
}
@media screen and (min-width: 1280px) {
.jobs_list.grid-jobs {
max-width: 59em;
}
.intro-wrap.signedin.vertically {
max-width: 100%;
}
.talent-type.contra1, .talent-type.contra2, .talent-type.contra3, .talent-type.contra4, .talent-type.contra5 {
height: 18rem;
}
.div-block-58.big {
padding-left: 11.8%;
padding-right: 11.8%;
}
.tabs-menu-2 {
max-width: 380px;
max-height: 600px;
margin-bottom: 0;
margin-right: 11.8%;
padding-bottom: 60px;
}
.slider-heading {
max-width: 800px;
margin-top: 0;
margin-bottom: 20px;
padding-top: 0%;
padding-bottom: 0;
padding-left: 11.8%;
}
.slider-heading.small-text {
overflow: hidden;
}
.slider-heading.small-text.right {
color: #fff;
max-width: 400px;
height: 60px;
overflow: hidden;
}
.slider-heading.small-text.right.mobile {
padding-left: 0%;
padding-right: 0%;
}
.slider-heading.small-text.mobile {
padding-left: 0%;
}
.tabs, .tab-pane-tab-3 {
max-height: 600px;
}
.slider-base {
max-height: 530px;
padding-top: 340px;
display: block;
}
.tab-pane, .tab-pane-tab-2, .content-section-copy, .tabs-content-2, .tab-pane-tab-4 {
max-height: 600px;
}
.slider-container-2 {
max-width: 62rem;
}
.ms-input-2.disabled {
opacity: .5;
}
.reading-list_component {
grid-template-columns: 1fr 2fr;
}
.span-body-small {
align-items: center;
height: 24px;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
.text-8 {
font-size: 13px;
}
.loading-group {
height: 210px;
}
.cmd-tab-hover {
border-radius: 20px;
}
.tooltip-float-readcv {
opacity: 0;
left: -8px;
}
.app-icon {
border-radius: 14px;
width: 56px;
margin-right: 0;
}
.app-icon.xdesign {
min-width: 70px;
margin-left: -7px;
top: 9px;
}
.tooltip-float-trash {
opacity: 0;
left: 1px;
}
.tooltip-float-diagram {
opacity: 0;
left: -24px;
}
.tooltip-float-campsite {
opacity: 0;
left: -12px;
}
.tooltip-float-xdesign {
opacity: 0;
left: -29px;
}
.dock-2 {
padding: 8px;
}
.tooltip-float-figma {
opacity: 0;
left: -2px;
}
.tooltip-float-universe {
opacity: 0;
left: -8px;
}
.lightbox-modal-2.adjust {
border: 2px solid #f2f3ff;
width: 55em;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
display: none;
box-shadow: 0 20px 30px -10px #1d01501a;
}
.modal_small-2.adjust {
box-shadow: none;
border-style: none;
width: 55em;
}
.projects-list {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.projects-wrapper {
display: block;
}
.image-bg-header.justify-content.reduce {
height: 1012px;
}
.navbar-wrapper-3.dark {
width: 100%;
}
.nav-link-13.nav-right-link.white.feature-card {
border-radius: 6px;
}
.skiff-font {
font-family: "Skiffmono Abfa 75 470 100", sans-serif;
}
.branding.porting {
width: 350px;
}
.row.row-split-content {
grid-column-gap: 96px;
}
.results__list {
grid-template-columns: 1fr 1fr 1fr;
}
.nav_dropdown_menu {
padding-left: 4rem;
padding-right: 4rem;
}
.nav_links-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.nav_component-2 {
font-size: 1rem;
}
.nav_dropdown_right {
padding-top: 4rem;
padding-left: 4rem;
}
.nav_dropdown_left {
padding-top: 4rem;
padding-bottom: 4rem;
padding-right: 4rem;
}
}
@media screen and (min-width: 1440px) {
.button.is-secondary.pipe {
padding-top: 1rem;
padding-bottom: 1rem;
}
.spacer-small.gap {
padding-top: 20rem;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width {
height: 1008px;
}
.jobs_list.grid-jobs {
max-width: 69em;
margin-left: 0;
}
.dashboard-nav_link-group-title {
margin-left: 0;
padding-left: 0;
}
.intro-wrap.signedin.vertically {
max-width: 100%;
}
.featured {
margin-left: 15px;
}
.talent-type.contra1, .talent-type.contra2, .talent-type.contra3, .talent-type.contra4, .talent-type.contra5 {
height: 15rem;
}
.small-text.muted.world {
margin-bottom: 20px;
}
.create-profile {
width: 240px;
}
.italic-text-2 {
color: #eb5444;
}
.main-container-cta {
justify-content: center;
width: 800px;
}
.scramble-text.text-size-xl.text-weight-light.light {
color: #fff;
font-size: 4.7rem;
}
.citizen-platform {
height: 684px;
min-height: 684px;
}
.sys-ui.text-color {
color: #eb5444;
}
.awesome-carousel_wrapper {
height: 42vh;
}
.community-driven._41 {
height: 160px;
}
.roses {
justify-content: center;
width: 800px;
}
.start-for-free-2 {
width: 200px;
}
.section-8 {
height: 1010px;
min-height: 1010px;
}
._2-grid-copy {
padding-top: 120px;
}
.member-card {
border-radius: 8px;
height: 42px;
}
.member-card:hover {
border-radius: 8px;
}
.slider-container-2 {
max-width: 72rem;
}
.start-for-free-3 {
width: 200px;
}
.navbar-svg, .form-svg {
left: 16%;
}
.testimonial-svg {
right: 9%;
}
.reading-list_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr 1fr;
}
.cursor_pointer-wrapper {
z-index: 999;
}
.projects_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr 1fr;
}
.loading-group, .image-66 {
height: 280px;
}
.slider-snap-list {
margin-left: auto;
margin-right: auto;
padding-left: 16rem;
padding-right: 16rem;
}
.slider-controls.reduce-space {
margin-left: 38px;
padding-left: 24px;
}
.padded-inset-wrap {
max-width: 93em;
}
.cmd-tab-hover {
border-radius: 22px;
}
.tooltip-2.center {
border: 1px solid #343438;
}
.tooltip-float-readcv {
opacity: 0;
left: -3px;
}
.app-icon {
border-radius: 14px;
width: 64px;
margin-right: 0;
}
.app-icon.xdesign {
min-width: 79px;
margin-left: -7px;
top: 9px;
}
.app-icon.relative._1 {
border-radius: 14px;
}
.tooltip-float-trash {
opacity: 0;
left: 3px;
}
.tooltip-float-diagram {
opacity: 0;
left: -21px;
}
.tooltip-float-campsite {
opacity: 0;
left: -8px;
}
.tooltip-float-xdesign {
opacity: 0;
left: -25px;
}
.tooltip-float-figma {
opacity: 0;
left: 2px;
}
.tooltip-float-universe {
opacity: 0;
left: -5px;
}
.email-input-box {
grid-column-gap: 2px;
grid-row-gap: 2px;
justify-content: flex-start;
align-items: center;
max-width: 100%;
height: 52px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.svg-7 {
justify-content: center;
}
.vectors-wrapper-26 {
height: 20px;
}
.input---email-address {
justify-content: center;
align-self: auto;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
line-height: 1;
}
.lightbox-modal {
background-color: #0000;
}
.field-input {
border-radius: 8px;
}
.field-wrapper.passwordless {
border-radius: 8px;
display: none;
}
.modal_small {
box-shadow: none;
border-style: none;
}
.member-card-margin {
height: 50px;
padding: 5px;
}
.upgrade {
margin-left: 15px;
}
.header-scroll__designer-site.cc-third.dddd {
top: -92px;
}
.div-block-96 {
background-color: #f0e1f9;
border-radius: 5px;
justify-content: center;
align-items: center;
height: 32px;
display: flex;
}
.div-block-96.yellow {
background-color: #fff6d6;
}
.div-block-96.portfolio {
background-color: #fce9e8;
}
.div-block-96.projects {
background-color: #e2ecf3;
}
.div-block-96.jobs {
background-color: #fce7d9;
}
.tryfree {
background-color: #f0e1f9;
border-radius: 5px;
justify-content: center;
align-items: center;
height: 32px;
display: flex;
}
.tryfree.yellow {
background-color: #fff6d6;
}
.tryfree.portfolio {
background-color: #fce9e8;
}
.tryfree.projects {
background-color: #e2ecf3;
}
.tryfree.jobs {
background-color: #fce7d9;
}
.large-text-2 {
color: #525252;
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 16px;
}
.image-bg-header.justify-content.reduce, .image-bg-header.justify-content.reduce.bg-video {
height: 1040px;
}
.image-bg-header.justify-content.reduce.bg-video.designer {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6726aec9aca8c9d370bc1931_hash.png");
background-position: 0 0;
background-size: auto;
}
.navbar-2.teams {
padding-right: 18px;
}
.navbar-2.team-white {
padding-right: 0;
}
.navbar-2.landing {
box-shadow: 0 6px 13px #00000005, 0 24px 24px #00000005, 0 53px 32px #00000003;
}
.load-in-second.inside-header {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.navbar-wrapper-3.dark {
width: 100%;
}
.nav-link-13.nav-right-link.white.feature-card {
color: var(--dark);
border-radius: 6px;
font-size: 1rem;
}
.nav-link-13.nav-right-link.white.feature-card:hover {
color: var(--dark);
font-size: 1rem;
}
.nav-link-13.nav-right-link.white.feature-card._1:hover {
color: #fff;
}
.heading-101 {
color: #fff;
font-size: 4.7rem;
}
.skiff-font {
color: #5a5a5a;
font-family: "Universal Sans Text 560 520 100", sans-serif;
}
.branding.porting {
width: 494px;
}
.made-in-webflow-lockup.cc-floating-badge {
bottom: 2rem;
}
.results__list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media screen and (min-width: 1920px) {
.heading-style-h1 {
font-size: 52px;
}
.heading-style-h1.bold {
font-size: 140px;
}
.text-style-muted {
font-size: 18px;
}
.text-style-muted.dark {
color: var(--dark);
}
.page-wrapper, .main-wrapper.bg-color {
background-color: #fff0;
}
.button.is-secondary.pipe {
padding-top: 1rem;
padding-bottom: 1rem;
}
.container-medium.is-relative.space.no-margin {
max-width: 100%;
}
.container-medium.is-relative.space.extra-margin {
max-width: 100rem;
}
.spacer-small.gap {
padding-top: 20rem;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width {
height: 1364px;
padding-top: 4rem;
}
.section_ultra-gradients.padding-global.padding-section-large.green.full {
height: 1364px;
}
.jobs_list.grid-jobs {
max-width: 93em;
margin-left: 0;
}
.jobs_card {
margin-bottom: 0;
padding-bottom: 10px;
}
.jobs_name {
margin-bottom: 6px;
font-size: 18px;
}
.jobs_salary {
font-size: 18px;
}
.navbar1_container {
max-width: 100em;
}
.navbar1_container.gap {
padding-left: 0;
padding-right: 0;
}
.dashboard_content-block.no-edge.latte, .intro-wrap.signedin.vertically {
max-width: 100%;
}
.applicant.work-card.projects {
border-style: none;
}
._2-grid.stacks {
margin-top: 0;
padding-top: 3rem;
}
.person-image {
width: 100%;
}
.hero-badge {
border-radius: 1px;
}
.talent-type.contra1, .talent-type.contra2, .talent-type.contra3, .talent-type.contra4, .talent-type.contra5 {
height: 20rem;
}
.talent-type_image.projects {
object-fit: cover;
}
.mobile-tabs_links-wrapper {
top: 80px;
}
.carousel-image {
inset: auto 0% 15%;
}
.scramble-text.text-size-xl.text-weight-light.light {
font-family: Clashdisplay, sans-serif;
font-size: 5.6rem;
}
.citizen-platform, .fg-padding-global {
margin-bottom: 0;
}
.text-span-14 {
padding-left: 6px;
}
.awesome-carousel_wrapper {
height: 36vh;
top: 0;
}
.carousel-buttons_wrapper {
margin-bottom: 100px;
}
.carousel-image_wrapper {
inset: auto 0% 15%;
}
.carousel-image_wrapper.yellow, .carousel-image_wrapper.blue, .carousel-image_wrapper.red {
bottom: 0%;
}
.mobile-tabs_links-wrapper-2 {
top: 80px;
}
.citizen-platform-2 {
margin-bottom: 0;
}
.featured-card.talent {
height: 600px;
}
.section-8 {
height: 1060px;
min-height: 1080px;
}
._2-grid-copy {
padding-top: 180px;
}
.region---businesses-growing-on-their-terms {
padding-top: 30px;
}
.sign-up-card {
margin-right: 0;
}
.div-copper-c-pjlv-4 {
display: flex;
}
.div-slider-wrapper {
padding-left: 60px;
}
.onboarding.work {
flex-direction: column;
}
.padding-global-copy-copy {
padding-left: 0;
padding-right: 0;
}
.tabs-menu-2.mob {
justify-content: flex-start;
align-items: stretch;
margin-left: 5%;
margin-right: auto;
padding-bottom: 0;
}
.slider-background.background-02 {
margin-top: -10px;
}
.slider-background.background-02._4._5 {
background-size: cover;
margin-top: 0;
}
.slider-container-2 {
max-width: 102rem;
}
.citizen-platform-3 {
margin-bottom: 0;
}
.container-3, .container-4 {
padding-left: 5vw;
padding-right: 5vw;
}
.reading-list_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.mobile-tabs_links-wrapper-3 {
top: 80px;
}
.header_content-left {
max-width: 30rem;
}
.projects_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.loading-group, .image-66 {
height: 348px;
}
.text-style-muted-copy, .text-style-muted-copy.dark {
color: var(--dark);
}
.text-block-163 {
color: var(--dark);
font-size: 18px;
}
.slider-snap-list {
margin-left: auto;
padding-left: 16rem;
padding-right: 16rem;
}
.slider-controls.reduce-space {
margin-left: 0;
padding-left: 0;
}
.container-medium-copy.is-relative.space.no-margin {
max-width: 100%;
}
.container-medium-copy.is-relative.space.extra-margin {
max-width: 100rem;
}
.section-people.darkside {
border: 1px #000;
}
.app-icon {
border-radius: 14px;
margin-right: 0;
}
.app-icon.relative._1 {
border-radius: 14px;
}
.email-input-box {
height: 52px;
}
.lightbox-modal-2.adjust {
pointer-events: none;
display: block;
inset: 0% 0% auto;
overflow: hidden;
}
.modal_small-2.adjust {
height: auto;
margin-top: 0;
display: flex;
position: relative;
}
.member-card-margin {
height: 50px;
}
.works_card {
margin-bottom: 20px;
padding-bottom: 1.5rem;
}
.linkedin_wrapper._2-rows {
place-items: start center;
}
.frame-1171276078 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.person-image-3 {
width: 100%;
}
.large-text-2 {
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 18px;
font-weight: 400;
}
.large-text-2.skiff {
font-size: 18px;
}
.image-bg-header.justify-content.reduce, .image-bg-header.justify-content.reduce.bg-video {
height: 1098px;
}
.image-bg-header.justify-content.reduce.bg-video.designer {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6726aec9aca8c9d370bc1931_hash.png");
background-position: 0 0;
background-size: auto;
}
.navbar-2.teams {
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 18px;
display: flex;
}
.navbar-2.team-white {
justify-content: center;
align-items: center;
padding-left: 0;
display: flex;
}
.navbar-wrapper-3.dark {
width: 100%;
}
.button-40.nav-button.bg-white.feature-card {
border-color: var(--tags);
}
.nav-link-13.nav-right-link.white.feature-card {
background-color: var(--light);
color: var(--dark);
font-size: 1rem;
}
.nav-link-13.nav-right-link.white.feature-card:hover {
background-color: var(--light-blue);
color: var(--dark);
}
.label-text-up {
top: 35px;
}
.image-figma-kit {
width: 50%;
top: 58px;
left: 256px;
}
.heading-medium-wrapper.library-text {
top: auto;
}
.heading-medium-wrapper.figma-kit-text {
bottom: 0;
}
.image-ipsum {
right: -35%;
}
.heading-101 {
font-family: Clashdisplay, sans-serif;
font-size: 5.6rem;
}
.heading-101.skiff {
font-family: Clashdisplay, sans-serif;
}
.dashboard_content-block-copy.no-edge.latte, .dashboard_content-block-feature.no-edge.latte, .dashboard_content-block-talent.no-edge.latte {
max-width: 100%;
}
.projects-card.work-card.projects {
border-style: none;
}
.skiff-font {
font-family: "Universal Sans Text 560 520 100", sans-serif;
font-size: 13px;
}
.skiff-font.skiff {
font-size: 18px;
}
.branding.porting {
width: 560px;
}
.video {
border-radius: 8px;
}
.div-block-115 {
width: 200px;
}
.bold-text-15, .bold-text-16 {
font-family: Inter, sans-serif;
}
}
@media screen and (max-width: 991px) {
.padding-xlarge {
padding: 3rem;
}
.margin-xlarge {
margin: 3rem;
}
.padding-xhuge {
padding: 6rem;
}
.padding-xxhuge {
padding: 8rem;
}
.padding-huge {
padding: 5rem;
}
.margin-large {
margin: 2.5rem;
}
.padding-xxlarge {
padding: 4rem;
}
.padding-large {
padding: 2.5rem;
}
.margin-huge {
margin: 5rem;
}
.padding-medium {
padding: 1.5rem;
}
.margin-xxlarge {
margin: 4rem;
}
.margin-xhuge {
margin: 6rem;
}
.margin-medium {
margin: 1.5rem;
}
.margin-xxhuge {
margin: 8rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-custom {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide-tablet {
display: none;
}
.fs-styleguide_2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.fs-styleguide_1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.fs-styleguide_heading-medium {
font-size: 3rem;
}
.fs-styleguide_4-col {
grid-template-columns: 1fr;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.fs-styleguide_3-col {
grid-template-columns: 1fr;
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.blending-group-wrapper {
margin-left: -4em;
}
.shape-4 {
top: 22em;
}
.ultra-gradient-wrapper {
font-size: 1.3vh;
}
.shape-3 {
width: 44em;
height: 57em;
position: absolute;
inset: 23.2em -9.5em 0 auto;
}
.jobs_card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
}
.navbar1_menu {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: .0625rem solid #000;
padding: 1rem 5% 2rem;
position: absolute;
overflow: auto;
}
.navbar1_menu.is-page-height-tablet {
height: 100dvh;
padding-bottom: 6.5rem;
transition: height .5s;
}
.navbar1_link {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.navbar1_menu-dropdown {
width: 100%;
font-size: 1.125rem;
}
.navbar1_dropdown-toggle {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.dropdown-chevron {
inset: auto 0% auto auto;
}
.navbar1_dropdown-list {
position: static;
overflow: hidden;
}
.navbar1_dropdown-list.w--open {
border-style: none;
padding: 0;
}
.navbar1_dropdown-link {
width: auto;
padding: .75rem 0 .75rem 5%;
}
.navbar1_menu-buttons {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: flex-start;
margin-top: 1.5rem;
margin-left: 0;
}
.navbar1_chat {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.navbar1_menu-button.w--open {
background-color: #0000;
}
.menu-icon1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon1_line-top {
background-color: #000;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-middle {
background-color: #000;
justify-content: center;
align-items: center;
width: 1.5rem;
height: .125rem;
margin-top: .375rem;
margin-bottom: .375rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon_line-middle-inner {
width: .25rem;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-bottom {
background-color: #000;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0;
}
.footer3_top-wrapper {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.browse-wrap {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.filters_form-block {
width: 100%;
}
.filters_form-block.is-applicants {
max-width: none;
}
.section_auth.padding-global {
padding-top: 2rem;
}
.auth-form-block {
width: 100%;
}
.split-grid {
grid-template-columns: 1fr;
}
.output_image-wrapper {
display: none;
}
.dashboard-wrapper {
flex-direction: column;
justify-content: flex-start;
}
.dashboard-nav {
width: 100%;
max-width: none;
height: auto;
position: static;
}
.dashboard-nav_logo-link {
text-align: left;
width: auto;
padding-top: 0;
padding-bottom: 0;
}
.dashboard-content {
width: 100%;
padding-top: 0;
padding-left: 1rem;
}
.dashboard-nav_menu {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
margin-top: 2rem;
display: none;
}
.dashboard-nav_top {
justify-content: space-between;
align-items: center;
display: flex;
}
.hamburger-wrap {
cursor: pointer;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
width: 1.375rem;
height: 1.1875rem;
display: flex;
}
.hamburger-line {
background-color: #000;
width: 100%;
height: .1875rem;
padding: 0;
}
.stats_grid {
grid-template-columns: 1fr 1fr;
}
.applicant-browse-list {
width: 100%;
}
._2-grid {
grid-template-columns: 1fr;
}
._2-grid.reverse {
flex-direction: column-reverse;
display: flex;
}
.person-image, .hero-badge {
display: none;
}
.pricing_grid {
grid-template-columns: 1fr;
}
.pricing_featured_card {
padding-top: 4rem;
padding-bottom: 4rem;
}
.trusted-by-text {
width: 100%;
}
.dashboard-nav-outer {
width: 100%;
max-width: none;
height: auto;
position: static;
}
.iframe-outer {
height: 26.5625rem;
}
.menu-button-5 {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.menu-button-5.w--open {
background-color: #0000;
}
.nav-link-8 {
border-bottom: 1px solid #0000001a;
border-radius: 0;
padding: 18px;
font-size: 18px;
}
.nav-link-8:hover {
background-color: #0000;
}
.dropdown-link-3 {
border: 1px solid #0000001a;
border-radius: 3px;
margin-top: 12px;
margin-bottom: 12px;
padding: 12px;
font-size: 14px;
}
.mobile-tabs_links-wrapper {
justify-content: space-between;
width: 400px;
padding-right: 1rem;
}
.dropdown-toggle-4 {
justify-content: space-between;
}
.dropdownlist {
border: 1px solid #0000001a;
border-radius: 3px;
margin-top: 12px;
margin-bottom: 12px;
padding: 12px;
font-size: 14px;
}
.nav-menu-row {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
align-items: stretch;
}
.trigger-search-modal.nav-link.discrectionary-link {
display: none;
}
.dropdown-list-11.w--open {
box-shadow: none;
border-style: none;
width: 100%;
min-width: auto;
position: relative;
left: 0%;
transform: none;
}
.menu-button-horizontal-line.line-2 {
background-color: #fff;
}
.nav-menu-10 {
background-color: #fff;
margin-left: 0;
}
.main-container {
max-width: 652px;
}
.citizen-platform-1.cards {
display: block;
}
.div-block-42-copy, .search-modal-k {
display: none;
}
.main-container-cta {
width: 100%;
}
.scramble-text {
font-size: 2rem;
}
.scramble-text.text-size-xl.text-weight-light.light, .sys-ui.ssss, .sys-ui.text-color, .sys-ui.ssss, .sys-ui.text-color {
font-size: 24px;
}
.awesome-carousel_wrapper {
height: 24vh;
}
.carousel-buttons_wrapper {
margin-bottom: 100px;
}
.community-driven._41 {
height: 100px;
}
.mobile-tabs_links-wrapper-2 {
justify-content: space-between;
width: 400px;
padding-right: 1rem;
}
.roses {
width: 100%;
}
.main-container-2 {
max-width: 652px;
}
.columns {
grid-auto-flow: row;
}
.columns.auto {
grid-auto-flow: column;
}
.balloon-wrap-2 {
left: 6.4em;
}
.main-wrap {
font-size: 120px;
}
.balloon-wrap {
left: 6.4em;
}
.section-6 {
padding: 4%;
}
.header_list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: minmax(0, 1fr);
}
.header_content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
margin-left: 0;
}
.header_img {
margin-top: 2.2rem;
}
.nav_right {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.link_item {
text-align: left;
border-bottom-style: solid;
border-bottom-width: 1px;
width: 100%;
padding: 1.5rem 0;
display: block;
}
.nav_menu {
padding: 4% 4% 3.7rem;
display: block;
}
.section-7 {
padding: 4%;
}
.nav_button {
padding: 1.9rem 1rem;
}
.person-image-copy, .person-image-copy-1 {
display: none;
}
._2-grid-copy {
grid-template-columns: 1fr;
}
._2-grid-copy.reverse {
flex-direction: column-reverse;
display: flex;
}
.card_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.card_arrow-icon {
width: 4em;
height: 4em;
}
.padding-section-medium-copy {
padding-top: 4rem;
padding-bottom: 4rem;
}
.card_component-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.heading-small.is-overview {
font-size: 1rem;
}
.overview_tab-pane {
margin-bottom: -2rem;
padding: 2rem 2rem 0;
}
.overview-tab_item {
padding-left: .5rem;
padding-right: .5rem;
}
.overview-tab_item.w--current {
padding-left: 0;
padding-right: 0;
}
.overview_grid {
grid-row-gap: 2rem;
margin-right: 0;
}
.padding-section-medium-copy-copy, .padding-section-medium-mission, .resources, .entrepreneur-wrapper {
padding-top: 4rem;
padding-bottom: 4rem;
}
._20vw-div {
width: 18vw;
}
.ms-button {
position: relative;
}
.ms-column {
width: 47%;
}
.ms-column.width-2-3 {
width: 100%;
}
.ms-button-2 {
position: relative;
}
.ms-column-2 {
width: 47%;
}
.ms-column-2._2x {
width: 100%;
}
.ms-column-2.half {
width: 60%;
}
.draggable-wrap {
justify-content: space-around;
}
.draggable {
margin-bottom: 60px;
}
.todo_component.smooth-shadow {
flex-direction: column;
justify-content: space-around;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.todo_middle-area {
flex: 1;
}
.main-wrap-2 {
width: 60%;
}
.navbar-svg {
width: 100%;
min-width: 10rem;
max-width: 20rem;
}
.form-svg {
width: 100%;
min-width: 10rem;
max-width: 15rem;
bottom: 1%;
left: 2%;
}
.testimonial-svg {
width: 100%;
min-width: 10rem;
max-width: 15rem;
bottom: 2%;
right: -1%;
}
.menu-icon1_line-top-2 {
background-color: #000;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.dropdown-chevron-2 {
inset: auto 0% auto auto;
}
.navbar1_dropdown-link-2 {
width: auto;
padding: .75rem 0 .75rem 5%;
}
.navbar1_menu-2 {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
border-bottom: 1px solid #000;
padding: 1rem 5% 2rem;
position: absolute;
overflow: auto;
}
.navbar1_menu-2.is-page-height-tablet {
height: 100dvh;
padding-bottom: 6.5rem;
transition: height .5s;
}
.navbar1_menu-dropdown-2 {
width: 100%;
font-size: 1.125rem;
}
.navbar1_dropdown-list-2 {
position: static;
overflow: hidden;
}
.navbar1_dropdown-list-2.w--open {
border-style: none;
padding: 0;
}
.menu-icon1-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar1_menu-buttons-2 {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
margin-top: 1.5rem;
margin-left: 0;
}
.navbar1_dropdown-toggle-2 {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.menu-icon1_line-bottom-2 {
background-color: #000;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar1_link-2 {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.menu-icon_line-middle-inner-2 {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-middle-2 {
background-color: #000;
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.padding-section-large-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.dropdown-list-12 {
position: static;
}
.dropdown-list-12.w--open {
box-shadow: none;
margin-bottom: 16px;
}
.container-2 {
padding-left: 6%;
padding-right: 6%;
}
.dropdown-toggle {
height: 64px;
}
.log-in-button {
border: 1px solid #262b401a;
width: 100%;
min-height: 80px;
}
.log-in-button.nav-dark {
color: #262b40;
background-color: #fff;
border-style: solid;
}
.nav-buttons {
grid-column-gap: 0vw;
grid-row-gap: 8px;
flex-direction: column;
margin-top: 20%;
}
.nav-links {
grid-column-gap: 24px;
flex-direction: column;
align-items: flex-start;
}
.nav-link {
letter-spacing: -1px;
border-bottom: 1px solid #262b401a;
flex-direction: column;
justify-content: center;
width: 100%;
height: 64px;
font-size: 24px;
display: flex;
}
.nav-link:hover, .nav-link.nav-dark, .nav-link.nav-dark:hover {
color: #262b40;
}
.dropdown-2 {
width: 100%;
}
.sign-up-button {
width: 100%;
min-height: 80px;
}
.sign-up-button.nav-dark {
background-color: #6239ec;
}
.burger-menu {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
padding: 12px 0 12px 12px;
display: flex;
}
.burger-menu.w--open, .dropdown-link:hover {
background-color: #0000;
}
.nav-menu {
background-color: #fff;
border-bottom: 1px solid #262b401a;
padding: 6%;
}
.burger-image {
width: 20px;
display: block;
}
.dropdown-list-13 {
position: static;
}
.dropdown-list-13.w--open {
box-shadow: none;
margin-bottom: 16px;
}
.dropdown-link-4:hover {
background-color: #0000;
}
.nav-menu-11 {
background-color: #fff;
border-bottom: 1px solid #262b401a;
padding: 6%;
}
.header-heading {
margin-top: 147px;
font-size: 6.3vw;
line-height: 1.1;
}
.header-heading.hero {
color: #000;
margin-top: 45px;
font-size: 8.7vw;
}
.navbar-mobile-header.header {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.navbar-link-mobile {
color: #fff;
letter-spacing: -.01em;
font-size: 7.375rem;
line-height: 1.28;
}
.link-27 {
text-align: left;
font-size: 1.75rem;
}
.navbar-email-link {
color: #fff;
font-size: 1.75rem;
}
.navbar-mobile-content {
flex-direction: column;
justify-content: space-between;
height: 70%;
padding-bottom: 48px;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.nav-social {
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.social-wrapper.is-footer {
display: flex;
}
.social-wrapper.is-footer.hide {
display: none;
}
.header-image {
width: 65%;
position: static;
top: 80px;
}
.main-grid {
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.main-grid.hero {
grid-column-gap: 3vw;
align-items: start;
}
.main-grid.hero.tablet {
flex-direction: column;
justify-content: space-between;
padding-bottom: 25vh;
display: flex;
}
.main-grid.tablet-divider {
justify-items: end;
}
.navbar-wrapper {
position: static;
}
.navbar-wrapper.header {
background-color: #0000;
}
.work-list-wrapper {
margin-top: 144px;
}
.work-list {
grid-row-gap: .5rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.list-jobs {
grid-column-gap: 1vw;
grid-row-gap: 0px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 2rem;
padding-bottom: 2rem;
display: grid;
}
.job-timeline {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-divider {
margin-top: 229px;
}
.nav-links-mobile {
flex-direction: column;
display: flex;
}
.letter-heading {
color: #000;
font-size: 24vw;
}
.text-block-160 {
font-size: 1.75rem;
font-weight: 400;
}
.text-block-160.white {
color: #fff;
}
.paragraph-4 {
font-size: 1.75rem;
line-height: 1.3;
}
.hero-section {
width: 100vw;
height: 100vh;
padding-top: 87px;
position: relative;
}
.container-3 {
margin-left: 0;
margin-right: 0;
}
.year {
font-size: 1.75rem;
line-height: 1.2;
}
.menu-button {
display: block;
}
.navbar-mobile {
z-index: 999;
background-color: #dbd5c9;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.paragraph-spacer {
max-width: none;
}
.navbar {
z-index: 99;
position: fixed;
}
.section-heading {
margin-top: 0;
}
.work-name {
font-size: 3rem;
}
.text-wrapper-2 {
width: auto;
}
.link-28 {
text-align: left;
font-size: 1.75rem;
}
.text-block-162 {
font-size: 1.75rem;
font-weight: 400;
}
.text-block-162.white {
color: #fff;
}
.container-4 {
margin-left: 0;
margin-right: 0;
}
.menu-button-6 {
display: block;
}
.header_component {
margin-bottom: 3.5rem;
}
.footer_wrapper {
grid-auto-columns: 1fr;
}
.reading-list_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.cursor_component {
cursor: auto;
}
.project_content-wrapper {
grid-template-columns: 1fr;
}
.navbar_wrapper {
grid-auto-columns: 1fr;
}
.reading-list_year-wrapper {
padding-top: 0;
}
.projects_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr;
}
.reading-list_row {
grid-template-columns: 1fr;
}
.menu-icon-line-middle {
background-color: #fff;
justify-content: center;
align-items: center;
width: 32px;
height: 3px;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon-line-top {
background-color: #fff;
width: 32px;
height: 3px;
padding-bottom: 0;
padding-right: 0;
}
.menu-button-7 {
margin-right: -20px;
padding: 2px 0 0;
}
.menu-button-7.w--open {
background-color: #0000;
}
.layout-12-column {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.about-image-wrapper {
padding-top: 50%;
}
.menu-icon {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.work-collection_list, .work-collection_list.is-featured-project {
grid-row-gap: 4rem;
}
.social-links-wrapper {
display: none;
}
.about-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.menu-icon-line-middle-inner {
background-color: #fff;
width: 3px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon-line-bottom {
background-color: #fff;
width: 32px;
height: 3px;
padding-bottom: 0;
padding-right: 0;
}
.button-20 {
justify-content: center;
}
.navigation-link:active {
background-color: #0000;
}
.interests-layout {
grid-template-columns: 1fr 1fr;
}
.button-21 {
justify-content: center;
}
.display-s {
font-size: 1.35rem;
}
.menu-icon1-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar1_dropdown-list-3 {
position: static;
overflow: hidden;
}
.navbar1_dropdown-list-3.w--open {
border-style: none;
padding: 0;
}
.navbar1_menu-dropdown-3 {
width: 100%;
font-size: 1.125rem;
}
.dropdown-chevron-3 {
inset: auto 0% auto auto;
}
.navbar1_link-3 {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.menu-icon1_line-top-3 {
background-color: #000;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0;
}
.navbar1_dropdown-toggle-3 {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.navbar1_menu-3 {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: .0625rem solid #000;
padding: 1rem 5% 2rem;
position: absolute;
overflow: auto;
}
.navbar1_menu-3.is-page-height-tablet {
height: 100dvh;
padding-bottom: 6.5rem;
transition: height .5s;
}
.menu-icon1_line-middle-3 {
background-color: #000;
justify-content: center;
align-items: center;
width: 1.5rem;
height: .125rem;
margin-top: .375rem;
margin-bottom: .375rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon1_line-bottom-3 {
background-color: #000;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0;
}
.c-section {
padding-top: 60px;
padding-bottom: 60px;
}
.c-title-3 {
font-size: 28px;
}
.slider-snap-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 18rem;
grid-auto-columns: 18rem;
}
.slider-filter-text {
font-size: 1.25rem;
}
.padding-section-medium-2 {
padding-top: 3em;
padding-bottom: 3em;
}
.padding-section-medium-2.is--half-bottom {
padding-bottom: 1em;
}
.padded-inset-wrap {
padding-left: 0;
padding-right: 0;
}
.draggable-2 {
margin-bottom: 60px;
}
.switch-button {
margin-bottom: 20px;
}
._4-grid {
grid-template-columns: 1fr;
}
._4-grid.reverse {
flex-direction: column-reverse;
display: flex;
}
.feature-modal-tooltip-list {
position: static;
overflow: hidden;
}
.feature-modal-tooltip-list.w--open {
border-style: none;
padding: 0;
}
.dropdown-tooltip-list {
width: auto;
padding: .75rem 0 .75rem 5%;
}
.profile_dropdown-list {
position: static;
overflow: hidden;
}
.profile_dropdown-list.w--open {
border-style: none;
padding: 0;
}
.works_card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
}
.ultra-gradient-wrapper-2 {
font-size: 1.3vh;
}
.hero-badge-2 {
display: none;
}
._2-grid-2 {
grid-template-columns: 1fr;
}
.person-image-2 {
display: none;
}
.ultra-gradient-wrapper-3 {
font-size: 1.3vh;
}
.navbar1_dropdown-toggle-3-copy {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.padding-section-medium-3 {
padding-top: 3em;
padding-bottom: 3em;
}
.padding-section-medium-3.is--half-bottom {
padding-bottom: 1em;
}
.header-scroll__designer-site.cc-third.dddd.eeeee {
top: -44px;
}
.container-wrapper, .snap-container {
padding: 1.5rem;
}
.section-15.hero {
padding-bottom: 45px;
}
.h2 {
font-size: 35px;
}
.hero-video {
min-height: 500px;
}
.hero-wrap {
padding-right: 0;
}
.linkedin_filter {
z-index: 1;
}
.linkedin_wrapper {
grid-template-rows: min-content 1fr;
grid-template-columns: .3fr 1fr;
justify-content: center;
}
.linkedin_featured {
top: 19rem;
}
.inner-swipe {
display: none;
}
.generator_quote {
font-size: 2.25rem;
}
.person-image-3, .sidebar-collapse, .sidebar-collapse-2 {
display: none;
}
.announcement-cross {
width: 36px;
height: 36px;
padding: 6px;
transition-property: none;
}
.announcement-cross:hover {
opacity: 1;
}
.dropdown-wide {
grid-column-gap: 36px;
grid-row-gap: 36px;
box-shadow: none;
background-color: #0000;
border-style: none;
flex-direction: column;
padding-left: 0;
padding-right: 0;
transform: translate(0);
}
.dropdown-wide-wrapper.w--open {
flex-direction: column;
align-items: stretch;
position: relative;
}
.navbar-wrapper-2 {
padding-left: 18px;
padding-right: 18px;
position: static;
}
.navbar-wrapper-2.inside-image-bg-section {
display: none;
}
.dropdown-arrow {
width: auto;
min-height: 18px;
}
.image-bg-header {
height: 540px;
margin-top: 0;
}
.image-bg-header.justify-content {
height: 720px;
padding-top: 48px;
}
.navbar-row {
justify-content: space-between;
align-items: center;
height: 54px;
display: flex;
}
.nav-right-cart {
display: block;
}
.dropdown-promo {
display: none;
}
.nav-link-11 {
font-variation-settings: "wght" 450;
text-align: left;
border-bottom: 1px solid #e7f0e7;
border-radius: 0;
width: 100%;
padding: 0 0 12px;
font-size: 21px;
line-height: 1.4em;
}
.nav-link-11:hover {
background-color: #0000;
}
.nav-link-11.nav-right-link {
display: none;
}
.nav-link-11.cart-link {
pointer-events: none;
border-bottom-style: none;
}
.dropdown-links {
grid-column-gap: 9px;
grid-row-gap: 9px;
}
.menu-button-8 {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.menu-button-8.w--open {
background-color: #0000;
}
.navbar-2 {
-webkit-backdrop-filter: none;
backdrop-filter: none;
width: 100%;
padding-left: 0;
padding-right: 0;
position: static;
}
.dropdown-toggle-6 {
justify-content: space-between;
}
.dropdown-list-15 {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
padding: 24px 0;
transform: none;
}
.nav-cart-button.inside-navbar {
display: none;
}
.nav-menu-13 {
z-index: 999;
background-color: #f7fdf7;
position: fixed;
inset: 0%;
overflow: scroll;
}
.dropdown-list-link {
padding: 4.5px 0;
font-size: 16px;
line-height: 1.4em;
}
.dropdown-list-link:hover {
background-color: #0000;
}
.dropdown-list-wrapper.w--open {
position: relative;
}
.nav-menu-close {
pointer-events: auto;
}
.mobile-logo {
align-self: flex-start;
margin-bottom: 48px;
display: block;
}
.bold-text-7.dropdown-menu-heading {
font-size: 16px;
line-height: 1.4em;
}
.dropdown-links-grid {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-direction: column;
display: flex;
}
.nav-links-4 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-items: stretch;
padding: 24px;
}
.dropdown-link-6 {
font-size: 16px;
line-height: 1.4em;
}
.navbar-wrapper-3 {
padding-left: 0;
padding-right: 0;
display: flex;
position: static;
}
.navbar-wrapper-3.inside-image-bg-section {
display: none;
}
.nav-link-12 {
font-variation-settings: "wght" 450;
text-align: left;
border-bottom: 1px solid #e7f0e7;
border-radius: 0;
width: 100%;
padding: 0 0 12px;
font-size: 21px;
line-height: 1.4em;
}
.nav-link-12:hover {
background-color: #0000;
}
.nav-link-12.nav-right-link {
display: none;
}
.nav-link-12.cart-link {
pointer-events: none;
border-bottom-style: none;
}
.menu-button-9 {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.menu-button-9.w--open {
background-color: #0000;
}
.dropdown-toggle-7 {
justify-content: space-between;
}
.dropdown-list-16 {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
padding: 24px 0;
transform: none;
}
.nav-menu-14 {
z-index: 999;
background-color: #f7fdf7;
position: fixed;
inset: 0%;
overflow: scroll;
}
.bold-text-8.dropdown-menu-heading {
font-size: 16px;
line-height: 1.4em;
}
.nav-links-5 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-items: stretch;
padding: 24px;
}
.nav-link-13 {
font-variation-settings: "wght" 450;
text-align: left;
border-bottom: 1px solid #e7f0e7;
border-radius: 0;
width: 100%;
padding: 0 0 12px;
font-size: 21px;
line-height: 1.4em;
}
.nav-link-13:hover {
background-color: #0000;
}
.nav-link-13.nav-right-link {
display: none;
}
.nav-link-13.nav-right-link.white {
padding-bottom: 0;
}
.nav-link-13.cart-link {
pointer-events: none;
border-bottom-style: none;
}
.menu-button-10 {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.menu-button-10.w--open {
background-color: #0000;
}
.dropdown-toggle-8 {
justify-content: space-between;
}
.dropdown-list-17 {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
padding: 24px 0;
transform: none;
}
.menu-button-11 {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.menu-button-11.w--open {
background-color: #0000;
}
.dropdown-toggle-9 {
justify-content: space-between;
}
.dropdown-list-18 {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
padding: 24px 0;
transform: none;
}
.pricing-header {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
grid-template-columns: 1fr;
display: flex;
}
.widget-overlay-image {
justify-content: center;
align-items: center;
display: flex;
inset: 0%;
}
.container---xs.inside-hero-contents {
max-width: 100%;
}
.navbar-row-2 {
justify-content: space-between;
align-items: center;
height: 54px;
display: flex;
}
.menu-button-12 {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.menu-button-12.w--open {
background-color: #0000;
}
.dropdown-toggle-10 {
justify-content: space-between;
}
.dropdown-list-19 {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
padding: 24px 0;
transform: none;
}
.menu-button-13 {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.menu-button-13.w--open {
background-color: #0000;
}
.dropdown-toggle-11 {
justify-content: space-between;
}
.dropdown-list-20 {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
padding: 24px 0;
transform: none;
}
.menu-button-14 {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.menu-button-14.w--open {
background-color: #0000;
}
.dropdown-toggle-12 {
justify-content: space-between;
}
.dropdown-list-21 {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
padding: 24px 0;
transform: none;
}
.dropdown-toggle-13 {
justify-content: space-between;
}
.dropdown-list-22 {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
padding: 24px 0;
transform: none;
}
.dropdown-toggle-14 {
justify-content: space-between;
}
.dropdown-list-23 {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
padding: 24px 0;
transform: none;
}
.heading-100 {
white-space: normal;
}
.modal-insert-1-container {
max-width: 100%;
}
.list-header-2-tablet {
border-top: 1px solid #e3e3e3;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-top: 2rem;
margin-left: -2rem;
margin-right: -2rem;
padding: 1rem 2rem;
display: flex;
}
.list-header-2-right, .list-header-2-links {
display: none;
}
.card-16-body {
padding-left: 1rem;
}
.slider-1-mask {
width: 50%;
}
.list-header-2-tablet-title {
display: flex;
}
.modal-1-active {
overflow: hidden;
}
.modal-1-active.w--open {
min-width: 12rem;
}
.list-header-2-wrap {
grid-template-columns: 1fr;
margin-bottom: 0;
display: block;
}
.feature-card-7-image {
padding-top: 100%;
}
.standard-list-1 {
grid-column-gap: .5rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.feature-card-4-image {
padding-top: 100%;
}
.modal-1-active-content {
padding-top: 2rem;
padding-bottom: 2rem;
}
.modal-1-wrap {
justify-content: flex-end;
}
.feature-card-7-media {
padding-top: 100%;
}
.tab-content {
flex-direction: column-reverse;
align-items: flex-start;
}
.image-relume {
margin-left: -17px;
}
.page-wrapper-2 {
margin-bottom: 10rem;
}
.flex-link {
margin-left: -17px;
}
.icon-arrow-wrapper {
display: flex;
}
.image-agency {
width: 70%;
right: -15px;
}
.label-text-up {
margin-left: 0;
top: 10px;
left: 10px;
}
.image-figma-kit {
width: 45%;
top: 5px;
left: 225px;
}
.cell-relume.design-league {
flex: 1;
}
.cell-relume.ipsum {
flex-wrap: wrap;
flex: 1;
}
.cell-relume.nav {
min-height: 250px;
}
.hero-relume {
flex-shrink: 2;
}
.image-extension {
width: 40%;
left: 431px;
}
.heading-medium-wrapper {
max-width: 30ch;
}
.heading-medium-wrapper.extension, .heading-medium-wrapper.agency, .heading-medium-wrapper.library-text {
top: auto;
left: 10px;
}
.heading-medium-wrapper.figma-kit-text {
bottom: 0;
left: 10px;
}
.heading-medium-wrapper.design-league-text {
top: auto;
left: 10px;
}
.image-library {
width: 80%;
height: 7rem;
top: 43px;
left: auto;
right: auto;
}
.heading-medium-3, .heading-medium-3.text-white {
font-size: 22px;
}
.image-ipsum {
width: 65%;
}
.unit-program {
width: 340px;
}
.unit-image-wrapper.more-programs {
height: 325px;
}
.she-creates-image {
width: auto;
max-width: 768px;
height: 389px;
}
.globalnav {
height: 48px;
display: block;
}
.gn-content {
justify-content: space-between;
align-items: center;
display: flex;
}
.gn-list {
width: 100%;
padding-left: 10px;
padding-right: 0;
}
.gn-link {
width: 48px;
height: 48px;
display: none;
}
.gn-link.bag, .gn-link.gn-apple {
display: block;
}
.gn-bread {
display: flex;
}
.unit-image-wrapper-2.more-programs {
height: 325px;
}
.logo-slider_slide {
height: 9.5rem;
}
.builder_feature-5_ui-section_header1 {
transform-origin: 50% 70%;
flex: none;
transform: scale(.25);
}
.builder_feature-3-left {
padding: 2rem;
}
.builder_feature-card.feature-7 {
justify-content: space-between;
}
.builder_feature-card.feature-2 {
background-size: 75%;
}
.builder_feature-card.feature-11 {
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.rl-page-padding {
padding-left: 5vw;
padding-right: 5vw;
}
.builder_feature-4_ui-left {
z-index: 3;
margin-bottom: 2rem;
}
.builder_feature-6_ui-top {
grid-column-gap: 0rem;
}
.builder_feature-grid-6 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.builder_feature-grid-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.libraries-usecases_heading-wrapper {
text-align: center;
flex-direction: column;
}
.builder_feature-8_overlay {
z-index: 3;
padding: 2rem;
}
.builder_feature-7_ui-block {
align-items: flex-end;
margin-right: 58%;
}
.builder_feature-8_ui-block {
justify-content: space-between;
padding-top: 0;
}
.page-padding-4 {
padding-left: 5vw;
padding-right: 5vw;
}
.builder_feature-8_ui-bottom {
width: 90%;
}
.logo-slider_mask {
height: 9.5rem;
}
.star-pattern-layer {
height: 400px;
}
.logo-slider_component {
height: 9.5rem;
}
.builder_feature-4-left-top {
padding: 2rem;
}
.builder_feature-bottom.feature-11 {
height: 16rem;
}
.builder_feature-bottom.feature-6 {
padding-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
.builder_feature-bottom.feature-7 {
align-items: center;
height: auto;
}
.builder_feature-bottom.feature-2 {
flex: 1;
align-items: center;
padding: 2rem;
}
.builder_feature-bottom.feature-5 {
flex: none;
}
.builder_feature-bottom.feature-1 {
padding-left: 2rem;
padding-right: 2rem;
}
.site-builder-form-block {
width: 100%;
}
.builder_feature-5_ui-padding {
padding-bottom: 4rem;
}
.builder_feature-9_ui-block {
align-self: center;
}
.builder_feature-8_ui-top-overlay {
background-image: linear-gradient(to right, #e4e2df, #a39c9a00 30%, #938b8900 70%, #e4e2df);
}
.heading-xhuge {
font-size: 3.5rem;
}
.heading-huge {
font-size: 3.25rem;
}
.builder_feature-5_ui {
width: 100%;
}
.builder_feature-3-right {
padding: 2rem;
}
.logo1_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-large-3 {
font-size: 2.25rem;
}
.builder_feature-6_ui-middle-input {
padding-top: .75rem;
padding-bottom: .75rem;
}
.builder_feature-2_ui-block {
max-height: 21.4rem;
}
.builder_feature-top {
padding: 2rem;
}
.builder_feature-top.feature-11 {
text-align: left;
flex: 1;
}
.heading-custom-h3 {
font-size: 1.75rem;
}
.builder_feature-5_ui-button {
bottom: 2rem;
}
.branding {
width: auto;
}
.c-2 {
flex-basis: 50%;
}
.profile-2 {
justify-content: space-around;
}
.campaign.photo {
width: 200px;
height: 200px;
top: -100px;
}
.container-101.boxed {
margin-left: 40px;
margin-right: 40px;
}
.line {
min-width: 200px;
}
.line-wrap {
width: 200px;
bottom: -40%;
}
.display-xl {
font-size: 3rem;
}
.display-2xl {
font-size: 3.75rem;
}
.display-sm {
font-size: 1.5rem;
}
.row.row-header {
grid-column-gap: 48px;
}
.row.row-split-content {
grid-column-gap: 32px;
}
.dropdown-chevron-4 {
inset: auto 0% auto auto;
}
.navbar1_menu-dropdown-4 {
width: 100%;
font-size: 1.125rem;
}
.navbar1_link-4 {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.navbar1_dropdown-toggle-4 {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.trusted-by-text-2 {
width: 100%;
}
.navbar1_dropdown-link-3 {
width: auto;
padding: .75rem 0 .75rem 5%;
}
.navbar1_menu-4 {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: .0625rem solid #000;
padding: 1rem 5% 2rem;
position: absolute;
overflow: auto;
}
.navbar1_menu-4.is-page-height-tablet {
height: 100dvh;
padding-bottom: 6.5rem;
transition: height .5s;
}
.menu-icon1_line-top-4 {
background-color: #000;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-middle-4 {
background-color: #000;
justify-content: center;
align-items: center;
width: 1.5rem;
height: .125rem;
margin-top: .375rem;
margin-bottom: .375rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.filters_form-block-2 {
width: 100%;
}
.menu-icon1_line-bottom-4 {
background-color: #000;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0;
}
.navbar1_dropdown-list-4 {
position: static;
overflow: hidden;
}
.navbar1_dropdown-list-4.w--open {
border-style: none;
padding: 0;
}
.browse-wrap-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.person-image-4 {
display: none;
}
.menu-icon1-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.padding-section-medium-4 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.blending-group-wrapper-2 {
margin-left: -4em;
}
.navbar1_menu-button-2.w--open {
background-color: #0000;
}
.dropdown-chevron-5 {
inset: auto 0% auto auto;
}
.navbar1_menu-dropdown-5 {
width: 100%;
font-size: 1.125rem;
}
.navbar1_dropdown-toggle-5 {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.navbar1_menu-5 {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: .0625rem solid #000;
padding: 1rem 5% 2rem;
position: absolute;
overflow: auto;
}
.navbar1_menu-5.is-page-height-tablet {
height: 100dvh;
padding-bottom: 6.5rem;
transition: height .5s;
}
.menu-icon1_line-top-5 {
background-color: #000;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-middle-5 {
background-color: #000;
justify-content: center;
align-items: center;
width: 1.5rem;
height: .125rem;
margin-top: .375rem;
margin-bottom: .375rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.filters_form-block-3 {
width: 100%;
}
.menu-icon1_line-bottom-5 {
background-color: #000;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0;
}
.navbar1_dropdown-list-5 {
position: static;
overflow: hidden;
}
.navbar1_dropdown-list-5.w--open {
border-style: none;
padding: 0;
}
.person-image-5 {
display: none;
}
.menu-icon1-5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.padding-section-medium-5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.navbar1_menu-button-3.w--open {
background-color: #0000;
}
.sticky-tags-wrapper {
order: -1;
width: 100%;
margin-bottom: 64px;
position: static;
}
.primary-button {
text-align: center;
cursor: pointer;
}
.article-horizontal-wrapper {
flex-direction: column;
align-items: stretch;
}
.articles-wrapper {
width: 100%;
margin-right: 0;
}
.made-in-webflow-lockup {
padding-left: 1rem;
padding-right: 1rem;
}
.made-in-webflow-lockup.cc-floating-badge {
padding-left: 1rem;
bottom: 2rem;
}
.webflow-sq-logo {
width: 1.5rem;
height: 1.5rem;
}
.heading-xlarge-2 {
font-size: 2.75rem;
}
.results__list, .uui-career01_component {
grid-template-columns: 1fr;
}
.uui-padding-vertical-xhuge-9 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.sidebar-collapse-3 {
display: none;
}
.uui-layout02_image-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding: 0;
}
.uui-padding-vertical-xhuge-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-cta05_content {
margin-right: 3rem;
}
.uui-cta05_component {
grid-template-columns: 1fr;
padding: 3rem;
}
.uui-banner18_text-wrapper {
flex-wrap: wrap;
}
.uui-banner18_icon-wrapper {
display: none;
}
.uui-footer05_form-block {
min-width: auto;
}
.uui-padding-vertical-xlarge {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.uui-footer05_social-icons {
margin-bottom: 1rem;
}
.uui-footer05_newsletter-text-wrapper {
margin-bottom: 2rem;
}
.uui-footer05_bottom-wrapper {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
}
.uui-footer05_newsletter-wrapper {
justify-content: flex-start;
display: block;
}
.uui-footer05_top-wrapper {
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr 1fr;
}
.nav_dropdown_right_link-story {
padding-right: 1rem;
}
.nav_dropdown_right_arrow {
font-size: 1.125rem;
}
.nav_dropdown_left_link {
padding-right: 1rem;
}
.nav_dropdown_menu {
position: static;
overflow: scroll;
}
.nav_dropdown_menu.w--open {
background-color: #fff;
background-image: none;
border-style: none;
padding: 0;
}
.nav_dropdown_right_link-image {
grid-column-gap: 1.5rem;
grid-row-gap: .5rem;
grid-template-rows: 1.5rem auto;
grid-template-columns: 1fr 3fr;
grid-auto-columns: 1fr;
}
.nav_links-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #fff;
flex-direction: column;
}
.nav_links-wrapper.is-login {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-top: 1px solid #d8d8d8;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: -1px;
padding: 1rem 1.5rem;
display: grid;
}
.nav_dropdown {
width: 100%;
font-size: 1.125rem;
}
.nav_dropdown_layout {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
width: 100%;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 0;
display: flex;
}
.nav_container-2 {
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
.nav_dropdown-icon {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 1.5rem auto auto;
transform: rotate(180deg);
}
.nav_menu-scrollable {
height: 100%;
position: relative;
overflow: auto;
}
.nav_component-2 {
height: 4rem;
}
.nav_dropdown_right {
border: 1px solid #d8d8d8;
padding: 2rem 2rem 1rem;
}
.nav_menu-2 {
background-color: #fff;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
margin-top: 64px;
padding-bottom: 84px;
position: fixed;
inset: 4rem 0% 0%;
}
.nav_menu-button.w--open {
background-color: #0000;
}
.nav_dropdown_left {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%;
padding: 0;
}
.nav_dropdown_left_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: 100%;
}
.nav_link {
color: #080808;
background-color: #fff;
border-bottom: 1px solid #d8d8d8;
width: 100%;
height: 3.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1rem;
transition: all .2s;
}
.nav_link:hover {
box-shadow: none;
color: #146ef5;
}
.nav_link.is-dropdown {
transition-property: color;
}
.nav_link.is-dropdown.w--open {
border-bottom-style: solid;
border-bottom-color: #fff;
}
.nav_link.is-button-mobile {
text-align: center;
border: 1px solid #d8d8d8;
border-radius: 4px;
align-items: center;
height: auto;
padding-top: .75rem;
padding-bottom: .75rem;
position: static;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: .875rem;
}
.padding-xlarge {
padding: 2rem;
}
.margin-xlarge {
margin: 2rem;
}
.padding-xhuge {
padding: 4rem;
}
.padding-xxhuge {
padding: 4.5rem;
}
.padding-huge {
padding: 3.5rem;
}
.margin-large {
margin: 1.5rem;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-large {
padding: 1.5rem;
}
.margin-huge {
margin: 3.5rem;
}
.padding-medium {
padding: 1.25rem;
}
.margin-xxlarge {
margin: 3rem;
}
.margin-xhuge {
margin: 4rem;
}
.margin-medium {
margin: 1.25rem;
}
.margin-xxhuge {
margin: 4.5rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-custom {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide-mobile-landscape {
display: none;
}
.fs-styleguide_heading-large {
font-size: 3rem;
}
.heading-style-h3 {
font-size: 1.5rem;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.fs-styleguide_section-header {
font-size: .875rem;
}
.fs-styleguide_heading-medium {
font-size: 2rem;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.heading-style-h4 {
font-size: 1rem;
}
.text-style-nowrap {
white-space: normal;
}
.heading-style-h6 {
font-size: .75rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.text-size-large {
font-size: 1.25rem;
}
.heading-style-h2 {
font-size: 2rem;
}
.fs-styleguide_version, .heading-style-h5 {
font-size: .875rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.main-shapes-wrapper, .blending-group-wrapper {
filter: blur(5rem);
}
.shape-3 {
width: 30em;
height: 100em;
}
.navbar1_component {
height: auto;
min-height: 4rem;
}
.navbar1_logo-link {
padding-left: 0;
}
.navbar1_menu.is-page-height-tablet {
padding-bottom: 6rem;
}
.footer3_top-wrapper {
grid-row-gap: 3rem;
}
.footer3_menu-wrapper {
grid-column-gap: 1.5rem;
}
.footer3_bottom-wrapper {
flex-direction: column-reverse;
align-items: flex-start;
padding-bottom: 1rem;
}
.footer3_credit-text {
margin-top: 2rem;
}
.footer3_legal-list {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
grid-auto-flow: row;
}
.dashboard-nav_logo-link {
padding-left: 0;
}
.dashboard-nav_menu {
display: none;
}
.pricing_featured_card {
padding: 3rem 1.25rem;
}
.logos-wrapper {
flex-wrap: wrap;
}
.trusted-by-text {
text-align: center;
}
.talent-types_grid {
flex-direction: column;
display: flex;
}
.iframe-outer {
height: 21.875rem;
}
.banner_container {
padding: 2rem;
}
.mobile-tabs_links-wrapper {
z-index: 1;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
top: 3.75rem;
}
.trigger-search-modal.nav-link.discrectionary-link {
display: none;
}
.mobile-tabs_component {
display: flex;
}
.medium-heading {
font-size: 30px;
line-height: 1.2em;
}
.scramble-text {
font-size: 1.5rem;
}
.carousel-button, .carousel-button_overlay {
width: 1rem;
height: 1rem;
}
.awesome-carousel_wrapper {
height: 50vh;
}
.carousel-buttons_wrapper {
padding-top: 1rem;
padding-bottom: 1rem;
}
.carousel-image_wrapper {
background-image: none;
width: 90%;
}
.mobile-tabs_links-wrapper-2 {
z-index: 1;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
top: 3.75rem;
}
.main-wrap {
font-size: 75px;
}
.header_img {
aspect-ratio: 1;
}
.rl-navbar_loop {
margin-top: 1.5rem;
margin-left: 0;
margin-right: 0;
}
.card_arrow-icon {
width: 3em;
height: 3em;
}
.padding-section-medium-copy {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-global-copy {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.price-description, .price-modifier, .price-description-2 {
font-size: 11px;
line-height: 1.5em;
}
.heading-small {
font-size: 1rem;
}
.overview-tab_item {
padding-left: 1rem;
padding-right: 1rem;
}
.heading-medium {
font-size: 1.5rem;
}
.overview-tabs_menu {
justify-content: flex-start;
}
.page-padding {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-medium-copy-copy {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-global-copy-copy {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.heading-xmedium {
font-size: 1.5rem;
}
.padding-section-medium-mission, .resources, .entrepreneur-wrapper {
padding-top: 3rem;
padding-bottom: 3rem;
}
.standard-tab {
justify-content: flex-start;
margin-left: 5px;
margin-right: 5px;
}
.tabs-menu-2 {
flex-wrap: wrap;
}
.load-bar-base {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.ms-navlink {
display: none;
}
.ms-column, .ms-column.width-1-2 {
width: 100%;
}
.ms-column.width-1-4 {
width: 47%;
margin-bottom: 5%;
}
.ms-navlink-2 {
display: none;
}
.ms-column-2 {
width: 100%;
}
.ms-column-2._25 {
width: 47%;
}
.ms-column-2.half {
width: 100%;
}
.rp-tab-btn.w--current {
border-left-style: none;
}
.draggable {
margin-bottom: 20px;
}
.todo_component {
min-width: 350px;
padding: 1.5rem;
}
.centralizer {
padding: 2rem;
}
.main-wrap-2 {
width: 100%;
}
.navbar-svg {
z-index: -1;
opacity: .37;
border-style: none;
width: 15rem;
min-width: 0;
max-width: none;
max-height: none;
}
.heading-9 {
font-size: 3rem;
}
.text-large {
font-size: 1.25rem;
}
.form-svg {
z-index: -1;
opacity: .55;
border-style: none;
width: 12rem;
min-width: 0;
max-width: none;
min-height: 0;
bottom: 0%;
}
.testimonial-svg {
z-index: -1;
opacity: .38;
border-style: none;
width: 12rem;
min-width: 0;
max-width: none;
min-height: 0;
bottom: 12%;
right: -8%;
}
.navbar1_component-2 {
height: auto;
min-height: 4rem;
}
.navbar1_menu-2.is-page-height-tablet {
padding-bottom: 6rem;
}
.navbar1_logo-link-2 {
padding-left: 0;
}
.text-size-medium-4 {
font-size: 1rem;
}
.padding-section-large-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-section-large-2.is-hero {
padding-top: 2rem;
}
.faq1_question {
padding-top: 1rem;
padding-bottom: 1rem;
}
.faq1_icon-wrapper {
width: 1.75rem;
}
.nav-items {
height: 64px;
}
.log-in-button {
min-height: 64px;
}
.nav-link {
font-size: 24px;
}
.nav-link.nav-dark {
font-size: 20px;
}
.sign-up-button {
min-height: 64px;
}
.header-heading {
margin-top: 72px;
}
.text-block-7, .link-27, .text-block-10, .text-block-6 {
font-size: 1rem;
}
.social-wrapper.is-footer {
margin-top: 14.125rem;
display: flex;
}
.main-grid.hero.tablet {
padding-bottom: 15vh;
}
.list-jobs.year {
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1rem;
}
.job-timeline {
font-size: 1rem;
}
.list-job-wrapper {
margin-top: 72px;
}
.section-divider {
justify-content: flex-end;
display: flex;
}
.paragraph-4, .text-block-8 {
font-size: 1rem;
}
.year {
font-size: 1.25rem;
}
.text-block-9 {
font-size: 1rem;
}
.work-name {
font-size: 2rem;
}
.text-block-161, .link-28 {
font-size: 1rem;
}
.header_component {
justify-content: flex-start;
margin-bottom: 0;
padding-top: 4rem;
padding-bottom: 4rem;
}
.logos_logo {
filter: none;
height: 1.75rem;
transition-property: none;
}
.logos_logo:hover {
transform: none;
}
.footer_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column-reverse;
align-items: flex-start;
padding-left: 1rem;
padding-right: 1rem;
}
.logos_component {
grid-column-gap: 1.25rem;
grid-row-gap: 1rem;
}
.button-tertiary {
font-size: 1rem;
}
.button-tertiary:hover {
color: #737373;
}
.mobile-tabs_component-2 {
display: flex;
}
.page-padding-2 {
padding-left: 1rem;
padding-right: 1rem;
}
.text-size-medium-5 {
font-size: 1rem;
}
.mobile-tabs_links-wrapper-3 {
z-index: 1;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
top: 3.75rem;
}
.project_image-wrapper {
margin-bottom: 1rem;
}
.project_details-wrapper {
display: none;
}
.header_content-wrapper {
margin-top: 2rem;
}
.project_content-wrapper {
grid-template-columns: 1fr;
}
.navbar_wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.header_content-right {
justify-content: flex-start;
}
.header_content-left {
width: 24rem;
}
.reading-list_wrapper {
margin-right: -1rem;
padding-right: 1rem;
}
.navbar_links-wrapper {
display: none;
}
.projects_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.button-19 {
margin: -.5rem;
padding: .5rem;
font-size: 1rem;
}
.reading-list_row {
border-top: 1px solid #e5e5e5;
grid-template-columns: 1fr;
padding: .75rem .75rem .75rem 0;
}
.reading-list_row:hover {
background-color: #0000;
}
.reading-list_wrapper-overlay {
padding-left: 0;
}
.cursor_wrapper {
display: none;
}
.text-size-medium-5-copy {
font-size: 1rem;
}
.menu-icon-line-middle {
background-color: #000;
justify-content: center;
align-items: center;
display: flex;
}
.menu-icon-line-top {
background-color: #000;
}
.menu-button-7 {
margin-right: -1.25rem;
padding: 0;
}
.menu-button-7.w--open {
background-color: #0000;
}
.heading-xlarge {
font-size: 3.5rem;
}
.layout-12-column {
grid-row-gap: 4rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.about-image-wrapper {
padding-top: 75%;
}
.section-footer {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
.heading-medium-2 {
font-size: 1.75rem;
}
.menu-icon {
width: 4.75rem;
height: 4.75rem;
}
.work-collection_list {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.navigation-grid {
grid-row-gap: 2rem;
grid-auto-flow: row;
}
.sticky-title-wrapper {
position: static;
}
.subscribe-form-flex {
flex-direction: column;
}
.nav-menu-12 {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background-color: #fff;
border-right: 1px solid #00000014;
flex-direction: column;
justify-content: space-between;
width: 18rem;
height: 100vh;
margin-right: 0;
padding: 1.125rem 4rem 1rem 5rem;
}
.social-links-wrapper {
grid-column-gap: 2rem;
display: flex;
}
.section-12 {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
.logo-4, .logo-4.w--current {
padding-left: 0;
}
.menu-icon-line-middle-inner {
background-color: #000;
}
.project-title-div {
justify-content: space-between;
}
.section-nav.is-multi-colored {
align-items: center;
}
.footer_row {
grid-column-gap: 1rem;
grid-template-rows: auto auto auto;
grid-auto-flow: row;
}
.nav-container {
align-items: center;
}
.logo-wrapper {
display: flex;
}
.logo-wrapper.mobile-menu {
margin-bottom: 5rem;
display: flex;
}
.menu-icon-line-bottom {
background-color: #000;
}
.section-header {
padding-top: 8.5rem;
padding-bottom: 6.25rem;
}
.button-20 {
text-align: center;
}
.navigation-link:active {
background-color: #0000;
}
.logo-5, .logo-5.w--current {
padding-left: 0;
}
.button-21 {
text-align: center;
}
.display-s {
font-size: 1.25rem;
}
.navbar1_component-3 {
height: auto;
min-height: 4rem;
}
.navbar1_menu-3.is-page-height-tablet {
padding-bottom: 6rem;
}
.c-section {
padding-top: 40px;
padding-bottom: 40px;
}
.c-title-2 {
font-size: 7vw;
font-weight: 500;
line-height: 44px;
}
.c-autotabs {
flex-direction: column-reverse;
}
.c-autotabs_content {
width: 100%;
margin-bottom: 30px;
}
.c-title-3 {
font-size: 24px;
line-height: 38px;
}
.c-autotabs_image {
margin-right: auto;
}
.c-autotabs_image.cc-pane-crypto {
margin-left: 0;
margin-right: 0;
display: none;
}
.c-autotabs_image.cc-pane-crypto-mobile {
margin-right: -24px;
display: block;
}
.c-autotabs_menu {
width: 100%;
}
.c-container {
padding-left: 24px;
padding-right: 24px;
}
.c-text-1 {
font-size: 16px;
line-height: 28px;
}
.grid_item {
height: 15rem;
}
.showcase_grid {
grid-template-columns: 30vw 25vw 33vw;
}
.slider-snap-list {
grid-auto-columns: 18rem;
padding-bottom: 1.25rem;
padding-left: 1rem;
padding-right: 1rem;
}
.slider-controls {
grid-template-columns: 1fr auto;
justify-content: space-between;
margin-top: .5rem;
}
.padding-global-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-section-medium-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.flex-button-wrap.grow-end-hide-mobile {
display: none;
}
.draggable-2 {
margin-bottom: 20px;
}
.menu-expand-content {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cmd-tab-hover, .tooltip-float-readcv, .dock-divider {
display: none;
}
.app-icon {
box-shadow: none;
border-radius: 4vw;
width: 18vw;
margin-right: 4vw;
}
.app-icon.relative._1.last {
display: none;
}
.app-icon.relative._1.figma-last {
margin-right: 0;
}
.app-icon.relative._1.mobile-hide, .tooltip-float-diagram, .tooltip-float-xdesign {
display: none;
}
.dock-2 {
background-color: #242424;
background-image: none;
border-style: none;
width: 100vw;
}
.app-icons {
justify-content: space-between;
width: 100%;
}
.tooltip-float-figma, .dock-absolute {
display: none;
}
.heading-style-h1-2, .heading-style-h1-3 {
font-size: 2.5rem;
}
.heading-style-h3-2 {
font-size: 1.5rem;
}
.heading-style-h4-2 {
font-size: 1rem;
}
.navbar1_component-3-copy {
height: auto;
min-height: 4rem;
}
.heading-style-h4-3 {
font-size: 1rem;
}
.padding-global-5 {
padding-left: 1rem;
padding-right: 1rem;
}
.heading-style-h1-4 {
font-size: 2.5rem;
}
.padding-section-medium-3 {
padding-top: 2em;
padding-bottom: 2em;
}
.container-wrapper {
padding: 0;
}
.section-14 {
border-bottom-style: none;
}
.snap-text {
font-size: 5rem;
}
.hero-gradient {
background-image: linear-gradient(to top, #0e1012 57%, #fff0);
}
.section-15 {
padding-top: 40px;
padding-bottom: 40px;
}
.h2 {
font-size: 31px;
}
.hero-content {
align-self: flex-start;
}
.play-pause {
display: none;
}
.linkedin_filter {
position: relative;
top: 0;
}
.linkedin_wrapper {
grid-template-columns: .5fr 1fr;
align-items: stretch;
}
.linkedin_featured {
position: static;
}
.image-96 {
object-fit: cover;
}
.slide-next.mobile-next {
width: 100%;
height: 100%;
}
.slide-next.desktop-arrow {
display: none;
}
.wrapper {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.slide-item {
border-radius: 0;
width: 100vw;
height: 100%;
transform: scale(1);
}
.inner-swipe {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: absolute;
top: 0;
left: 0;
}
.slide-prev.desktop-arrow {
display: none;
}
.slide-prev.mobile-prev {
width: 100%;
height: 100%;
}
.slide-item-wrapper {
border-radius: 0;
width: 100vw;
height: 100%;
}
.content-wrapper-2 {
object-fit: cover;
}
.heading-small-3 {
font-size: 1rem;
font-weight: 700;
}
.generator_whos-txt {
font-size: 2vw;
}
.generator_quote {
font-size: 4.5vw;
}
.announcement-contents {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.large-text-2 {
font-size: 18px;
line-height: 1.4em;
}
.image-bg-header {
height: 420px;
}
.image-bg-header.justify-content {
height: 600px;
padding-top: 24px;
padding-bottom: 24px;
}
.navbar-row {
height: 48px;
}
.nav-link-11, .nav-link-12, .nav-link-13 {
font-size: 21px;
}
.form-input-4.large {
font-size: 18px;
}
.large-text-3 {
font-size: 18px;
line-height: 1.4em;
}
.container---s-2.hero-contents {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.form-input-5.large {
font-size: 18px;
}
.large-text-4 {
font-size: 18px;
line-height: 1.4em;
}
.container---s-3.hero-contents {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.navbar-row-2 {
height: 48px;
}
.large-text-5 {
font-size: 18px;
line-height: 1.4em;
}
.heading-100 {
font-size: 48px;
line-height: 56px;
}
.list-header-2-tablet {
margin-left: -1.5rem;
margin-right: -1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.footer-1-top {
grid-row-gap: 4rem;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.card-16-body {
margin-top: 1.25rem;
}
.card-16-body.text-40.mobile-landscape-size--reduced {
font-size: 14px;
line-height: 18px;
}
.slider-1-mask {
width: 100%;
}
.footer-1-bottom {
grid-row-gap: 2rem;
flex-direction: column-reverse;
}
.footer-1-bottom.text-20 {
margin-top: 4rem;
}
.video-card-1-body-container {
align-items: flex-start;
}
.feature-card-7-image {
min-height: 10rem;
}
.feature-card-5-image {
min-height: 20rem;
}
.feature-card-4-body-container {
align-items: flex-start;
}
.footer-1-top-list {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
width: 100%;
}
.list-header-2-breadcrumb {
margin-bottom: .75rem;
}
.card-16-image, .card-11-image, .feature-card-4-image {
min-height: 10rem;
}
.feature-card-4-body {
text-align: left;
align-items: flex-start;
padding-top: 2.25rem;
}
.feature-card-5-content {
padding-bottom: 2rem;
padding-left: 1.5rem;
}
.video-card-1-body {
text-align: left;
align-items: flex-start;
padding-top: 2.25rem;
}
.footer-1-wrap {
padding-bottom: 3rem;
}
.footer-1-top-secondary {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.feature-card-7-header-link {
bottom: 1.5rem;
left: 1.5rem;
}
.footer-1-secondary-list {
grid-row-gap: .5rem;
flex-direction: column;
display: flex;
}
.quilted-list-1-list {
grid-template-columns: 1fr;
display: grid;
}
.feature-card-7-media {
min-height: 10rem;
}
.container-96 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.heading-four {
font-size: 18px;
}
.tabs-menu {
flex-direction: column;
}
.icon-features-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.heading-two {
font-size: 42px;
}
.tab-content {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.image-design-league {
top: 29px;
right: 18px;
}
.flex-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.icon-arrow-wrapper {
height: 40px;
}
.link-relume {
font-size: 13px;
}
.flex-relume {
flex-direction: row;
}
.image-agency {
width: 11.5rem;
height: 9rem;
}
.label-text-up {
top: 15px;
}
.image-figma-kit {
width: 50%;
top: 15px;
left: 149px;
}
.image-extension {
width: 50%;
left: 312px;
}
.heading-medium-wrapper.library-text {
top: auto;
}
.image-library {
height: 6rem;
}
.image-ipsum {
top: 2%;
right: -30%;
}
.cta-link {
font-size: 19px;
}
.unit-program {
margin-bottom: 40px;
}
.description.more-programs {
margin-top: 10px;
}
.paragraph-10 {
font-size: 19px;
font-weight: 400;
}
.cta-links.more-programs {
flex-direction: row;
margin-top: 10px;
}
.unit-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/663d17b4b0c81c709e31e5e3_she-creates.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.heading-103 {
letter-spacing: 0;
font-size: 40px;
line-height: 1.1em;
}
.unit-column-wrapper {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.more-programs {
flex-direction: column;
}
.she-creates-image {
width: 100%;
max-width: none;
height: 100%;
}
.unit-tile {
padding: 0;
}
.unit-tile.unit-tile-9 {
transform: translate(-110px, -334px);
}
.unit-tile.unit-tile-11 {
transform: translate(-383px, -57px);
}
.unit-tile.unit-tile-8 {
transform: translate(325px, 33px);
}
.unit-tile.unit-tile-1 {
transform: translate(214px, 300px);
}
.unit-tile.unit-tile-2 {
transform: translate(190px, -267px);
}
.unit-tile.unit-tile-0 {
transform: translate(-186px, 267px);
}
.subhead.more-programs {
margin-top: 30px;
}
.unit-bio {
z-index: 1000;
display: none;
}
.notes_window {
background-color: #23242980;
justify-content: flex-start;
display: none;
}
.notes_intro {
width: auto;
margin-top: 3rem;
margin-bottom: 5rem;
padding-left: 2rem;
padding-right: 2rem;
}
.paragraph-11 {
font-size: 19px;
font-weight: 400;
}
.heading-106 {
letter-spacing: 0;
font-size: 40px;
line-height: 1.1em;
}
.cta-link-2 {
font-size: 19px;
}
.unit-image-wrapper-2 {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/663d17b4b0c81c709e31e5e3_she-creates.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.builder_feature-5_ui-section_header1 {
transform-origin: 50% 67%;
transform: scale(.35);
}
.builder_feature-4-left {
grid-row-gap: 2rem;
}
.builder_feature-3-left {
text-align: center;
padding: 1.5rem;
}
.builder_feature-card.feature-4 {
flex-direction: column;
}
.builder_feature-card.feature-2 {
flex-direction: column;
align-items: center;
}
.builder_feature-card.feature-11 {
flex-direction: column;
align-items: stretch;
}
.builder_feature-4_ui-left {
margin-right: 3rem;
}
.builder_feature-11_ui {
grid-column-gap: 1rem;
}
.builder_feature-grid-6 {
grid-template-columns: 1fr;
}
.site-builder-form-icon {
top: 1.75rem;
}
.builder_feature-grid-2 {
grid-template-columns: 1fr;
}
.text-size-large-3 {
font-size: 1.125rem;
}
.builder_feature-8_ui-block {
grid-row-gap: 4.5rem;
}
.builder_feature-8_ui-bottom {
width: 80%;
}
.builder_feature-4_ui-right {
padding-top: 2rem;
padding-left: 6rem;
padding-right: 6rem;
}
.star-pattern-layer {
height: 240px;
}
.sb-header_play-button {
width: 4rem;
}
.builder_feature-4-left-top {
text-align: center;
align-items: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
}
.site-builder-text-field {
height: 3.5rem;
}
.builder_feature-bottom.feature-11 {
flex: 0 auto;
}
.builder_feature-bottom.feature-7 {
align-items: center;
}
.site-builder-form {
flex-direction: column;
}
.logo1_logo {
max-height: 3rem;
}
.sb-header-ai-text {
background-size: 18px;
margin-right: -1rem;
padding-right: 1rem;
}
.heading-xhuge {
font-size: 2.25rem;
}
.heading-huge {
font-size: 2.125rem;
}
.builder_feature-5_ui {
padding-top: 3rem;
}
.builder_feature-3-right {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.logo1_component {
padding-top: 1rem;
}
.heading-large-3 {
font-size: 1.875rem;
}
.builder_feature-2_ui-block {
max-height: 24rem;
}
.builder_feature-top {
padding: 1.5rem;
}
.builder_feature-top.feature-11 {
text-align: center;
align-self: center;
}
.skiff-font {
font-size: 18px;
line-height: 1.4em;
}
.profile-2 {
z-index: 9;
border-bottom-style: none;
flex-direction: column-reverse;
height: 100%;
padding-left: 20px;
padding-right: 20px;
}
.campaign.photo {
width: 150px;
height: 150px;
margin-top: 30px;
position: static;
}
.campaign.contact {
color: #f5f5f5;
margin-top: 20px;
}
.campaign.info {
align-items: center;
padding-top: 20px;
}
.msg {
color: #f5f5f5;
}
.social-icon {
margin-left: 5px;
}
.header {
padding-top: 1rem;
}
.container-101.boxed {
margin-left: 20px;
margin-right: 20px;
position: relative;
}
.cover.mask {
border-radius: 1rem;
height: 150px;
position: absolute;
}
.cover.overlay {
background-image: linear-gradient(153deg, #07070700, #070707bf);
}
.line {
min-width: 150px;
}
.line-wrap {
width: 150px;
bottom: -60%;
left: 10%;
}
.display-xl {
font-size: 2.25rem;
}
.footer-2 {
padding-top: 64px;
padding-bottom: 40px;
}
.container-102 {
padding-left: 20px;
padding-right: 20px;
}
.display-2xl {
font-size: 3rem;
}
.display-sm {
font-size: 1.25rem;
}
.row.row-header {
grid-template-columns: 1fr;
}
.row.row-split-content {
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.footer-top {
flex-direction: column;
align-items: flex-start;
margin-bottom: 32px;
}
.logo-6.logo-footer {
margin-bottom: 24px;
}
.logo-6.logo-footer.w--current {
margin-bottom: 16px;
}
.btn {
padding-left: 2px;
padding-right: 2px;
}
.btn.display-none-mob {
display: none;
}
.text-xl {
font-size: 1.125rem;
}
.text-xl.header-text {
margin-bottom: 32px;
}
.section-19 {
padding-top: 64px;
padding-bottom: 64px;
}
.navigation-2 {
height: 80px;
}
.footer3_bottom-wrapper-2 {
flex-direction: column-reverse;
align-items: flex-start;
padding-bottom: 1rem;
}
.trusted-by-text-2 {
text-align: center;
}
.navbar1_menu-4.is-page-height-tablet {
padding-bottom: 6rem;
}
.footer3_credit-text-2 {
margin-top: 2rem;
}
.navbar1_logo-link-3 {
padding-left: 0;
}
.navbar1_component-4 {
height: auto;
min-height: 4rem;
}
.padding-global-7 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-medium-4 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.blending-group-wrapper-2 {
filter: blur(5rem);
}
.heading-style-h1-5 {
font-size: 2.5rem;
}
.footer3_bottom-wrapper-3 {
flex-direction: column-reverse;
align-items: flex-start;
padding-bottom: 1rem;
}
.navbar1_menu-5.is-page-height-tablet {
padding-bottom: 6rem;
}
.footer3_credit-text-3 {
margin-top: 2rem;
}
.navbar1_logo-link-4 {
padding-left: 0;
}
.padding-global-8 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-medium-5 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.heading-style-h1-6 {
font-size: 2.5rem;
}
.primary-button {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.container-104 {
padding-left: 24px;
padding-right: 24px;
}
.article-card {
align-items: stretch;
}
.article-card-thumbnail-wrapper {
margin-bottom: 16px;
}
.article-card-description {
font-size: 14px;
display: none;
}
.headings-bold {
font-size: 20px;
}
.article-card-thumbnail {
width: 100px;
height: 100px;
}
.tag-subnav__item__link {
padding: .25rem .75rem;
}
.made-in-webflow-lockup.cc-floating-badge {
padding-left: 1rem;
bottom: 2rem;
}
.webflow-sq-logo {
width: 1.5rem;
height: 1.5rem;
}
.tag-subnav-wrapper {
display: none;
}
.text-block-218 {
font-size: 1rem;
}
.heading-xlarge-2 {
font-size: 2.25rem;
}
.text-size-medium-11 {
font-size: 1rem;
}
.filter-wrapper {
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
}
.uui-heading-small {
font-size: 1.5rem;
}
.uui-page-padding-10 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-career01_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
margin-top: 3rem;
}
.uui-padding-vertical-xhuge-9 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-pricing01_plan {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.spark-flat-tab {
padding-left: 32px;
padding-right: 32px;
}
.uui-navbar02_component {
min-height: 4.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.uui-page-padding {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-text-size-large, .uui-button {
font-size: 1rem;
}
.uui-button:hover {
background-color: #7f56d9;
border-color: #7f56d9;
}
.uui-button-secondary-gray {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray:hover {
color: #344054;
background-color: #fff;
}
.uui-button-wrapper.max-width-full-mobile-landscape {
width: 100%;
}
.uui-space-xsmall {
min-height: .75rem;
}
.uui-button-row {
align-self: stretch;
}
.uui-button-row.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-padding-vertical-xhuge-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-cta05_content {
margin-right: 0;
}
.uui-cta05_component {
flex-direction: column;
padding: 2.5rem 1.5rem;
}
.uui-banner18_content {
align-items: flex-start;
margin-bottom: 1rem;
margin-right: 1.75rem;
}
.uui-banner18_content-wrapper {
flex-direction: column;
align-items: stretch;
padding-top: 1rem;
padding-bottom: 1rem;
}
.uui-footer05_legal-list-wrapper {
flex-direction: column-reverse;
}
.uui-heading-xxsmall {
font-size: 1.125rem;
}
.uui-padding-vertical-xlarge {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.uui-footer05_legal-list {
margin-bottom: 1rem;
}
.uui-badge-small-success {
padding: .125rem .5rem;
}
.uui-footer05_social-link:hover {
color: #98a2b3;
}
.uui-styleguide_logomark-bg {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/674c7dec2ef3a7c2917ec272_untitled-ui-logomark.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.uui-footer05_logo-link {
margin-bottom: 1rem;
}
.uui-footer05_bottom-wrapper {
flex-direction: column-reverse;
align-items: flex-start;
margin-top: 3rem;
}
.uui-footer05_legal-link:hover {
color: #98a2b3;
}
.uui-footer05_newsletter-wrapper {
flex-direction: column;
align-items: flex-start;
margin-bottom: 3rem;
}
.uui-footer05_link:hover {
color: #667085;
}
.uui-footer05_top-wrapper {
grid-row-gap: 2rem;
}
.nav_dropdown_right_link-story, .nav_dropdown_left_link {
grid-template-rows: auto auto;
}
.nav_links-wrapper.is-login {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 479px) {
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-medium.tips {
height: 32px;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-small {
width: 100%;
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xxlarge {
padding-bottom: 0;
}
.form_form.parallel {
display: block;
}
.heading-style-h3 {
margin-bottom: .5rem;
}
.heading-style-h3.centre {
margin-bottom: 2rem;
font-size: 1.5rem;
line-height: 1.3;
}
.heading-style-h3.centre.white {
margin-bottom: 0;
font-size: 1.5rem;
}
.heading-style-h3.centre.reduce {
margin-bottom: 2rem;
line-height: .8;
}
.heading-style-h3.wow {
letter-spacing: -1.5px;
margin-top: 2rem;
}
.container-small.is-center.left.bg-img.change {
height: 100%;
}
.container-small.is-onboarding {
padding: 2rem;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.heading-style-h1 {
letter-spacing: -1.5px;
justify-content: center;
width: 100%;
margin: 20px auto 1rem;
font-size: 36px;
display: flex;
}
.heading-style-h1.text-color-white.centre {
margin-top: 2rem;
margin-left: 0;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
font-size: 24px;
line-height: 1rem;
}
.heading-style-h1.text-color-white.company {
margin-top: 0;
font-size: 1.5rem;
}
.heading-style-h1.centre {
letter-spacing: -1.5px;
font-size: 24px;
font-weight: 400;
}
.heading-style-h1.centre.dark {
margin-bottom: 2rem;
font-size: 1.7rem;
line-height: 1.3;
}
.heading-style-h1.centre.dark.medium {
letter-spacing: -1.5px;
width: 100%;
margin-top: 3rem;
margin-bottom: .5rem;
font-size: 30px;
line-height: 1.3;
}
.heading-style-h1.centre.dark.medium.white {
letter-spacing: -.5px;
width: 300px;
padding-left: 0;
padding-right: 0;
font-size: 24px;
}
.heading-style-h1.centre.dark.medium.white.home {
width: 200px;
}
.heading-style-h1.centre.proaccount {
font-size: 40px;
}
.heading-style-h1.centre.small {
font-size: 24px;
}
.heading-style-h1.centre.medium {
letter-spacing: -.5px;
font-size: 36px;
}
.heading-style-h1.bold {
letter-spacing: -2.5px;
font-size: 56px;
}
.heading-style-h1.bold.pro-m {
font-size: 40px;
}
.heading-style-h1.left {
width: 100%;
}
.heading-style-h1.high {
letter-spacing: -1.5px;
width: 200px;
margin-left: auto;
margin-right: auto;
font-size: 44px;
}
.padding-global.footer {
padding-top: 1rem;
padding-bottom: 1rem;
}
.hide-mobile-portrait {
display: none;
}
.main-wrapper {
max-width: 100%;
font-family: Inter, sans-serif;
}
.main-wrapper.layout.get-started {
padding-top: 60px;
top: 0%;
}
.button.primary {
border-radius: 14px;
height: 52px;
}
.button.primary.height {
height: 40px;
padding-left: 1rem;
padding-right: 1rem;
}
.button.primary.height.round {
width: 100px;
}
.button.primary.blue.width {
width: 100%;
margin-left: 0;
}
.button.primary.black {
width: 100%;
}
.button.is-secondary {
padding-left: .5rem;
padding-right: .5rem;
}
.button.is-secondary.pipe {
width: 260px;
}
.text-size-medium {
text-align: center;
justify-content: center;
font-size: 14px;
display: flex;
}
.padding-section-medium.is-footer {
padding: 16px;
}
.container-medium {
flex-direction: column;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.container-medium.projects {
max-width: 100%;
}
.spacer-huge {
display: none;
}
.spacer-medium {
padding-top: 1rem;
display: block;
}
.spacer-medium.remove {
padding-top: .125rem;
}
.spacer-medium.eeeee {
display: none;
}
.spacer-xsmall, .spacer-small {
padding-top: .125rem;
display: block;
}
.spacer-small.gap {
padding-top: 4rem;
}
.shape-4 {
top: 30.7em;
}
.gradient-intro-wrapper {
max-width: 100%;
margin-top: 0;
}
.gradient-intro-wrapper.centre.topper-align, .container-w1.gutter-outside {
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.container-w1.gutter-outside.space {
margin-bottom: 0;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.section_ultra-gradients.padding-global.padding-section-large.dark {
height: 500px;
margin-left: 16px;
margin-right: 16px;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width {
width: 100%;
max-width: 100%;
height: 624px;
margin-right: 16px;
padding-top: 2rem;
padding-left: 16px;
padding-right: 16px;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width.portfolio.reduce {
height: 400px;
padding-top: 0;
}
.section_ultra-gradients.padding-global.padding-section-large.dark.full-width.portfolio.reduce.unlock {
height: 400px;
}
.section_ultra-gradients.padding-global.padding-section-large.green {
border-color: #000;
border-radius: 8px;
width: 90%;
height: 550px;
margin-top: 16px;
margin-left: 5%;
margin-right: 5%;
padding: 1rem 16px 2rem;
}
.section_ultra-gradients.padding-global.padding-section-large.green.full {
width: 100%;
max-width: 100%;
height: 624px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.section_ultra-gradients.is-full {
width: 100%;
left: auto;
}
.section_jobs.padding-global.padding-section-small {
padding-left: 0;
padding-right: 0;
}
.jobs_list {
display: block;
}
.jobs_info-wrap {
flex-wrap: wrap;
}
.featured-tag {
order: -1;
width: 100%;
}
.subheader {
font-size: 16px;
}
.subheader.centre-dark {
margin-top: .5rem;
margin-bottom: 2rem;
font-size: 1rem;
}
.subheader.centre-dark.medium {
width: 100%;
margin-top: 1.5rem;
margin-bottom: 2rem;
font-family: Inter, sans-serif;
font-size: .8rem;
}
.subheader.sub {
margin-top: 2rem;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
}
.navbar1_container {
padding-left: 0;
padding-right: 0;
}
.navbar1_menu.is-page-height-tablet.laptop.dropdown {
background-color: #000;
}
.navbar1_link, .navbar1_dropdown-toggle {
font-size: .85rem;
}
.navbar1_menu-button {
color: #fff;
}
.menu-icon1_line-top, .menu-icon1_line-middle {
background-color: #fff;
}
.menu-icon1_line-bottom {
color: #fff;
background-color: #fff;
border: 1px #000;
}
.footer3_social-list {
width: 100%;
}
.footer3_menu-wrapper {
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.browse-wrap {
width: 100%;
}
.browse-wrap.vertical {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.section_auth.padding-global {
min-height: auto;
padding-left: 0;
padding-right: 0;
}
.auth-form-block.shadow {
padding-left: 0;
padding-right: 0;
display: none;
}
.split-grid {
height: auto;
display: block;
}
.or-wrap.width {
align-items: center;
width: 200px;
margin-top: 1.5rem;
}
.output_image-wrapper {
display: none;
}
.dashboard-wrapper.no-margin {
display: block;
position: relative;
}
.dashboard-content.no-margin {
flex-direction: column;
padding-left: 0;
display: block;
}
.dashboard-content.no-margin.centre {
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.dashboard_content-block.no-edge.full {
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
display: none;
}
.dashboard_content-block.no-edge._85 {
flex-direction: column;
width: 100%;
display: flex;
}
.dashboard_content-block.no-edge.latte {
padding-left: 1rem;
padding-right: 1rem;
}
.dashboard_content-block.no-edge.latte.mob {
padding: 0;
}
.intro-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
flex-direction: column;
}
.intro-wrap.block {
flex-flow: row;
}
.stats_grid {
grid-template-columns: 1fr;
}
.dashboard_button {
padding-top: .25rem;
padding-bottom: .25rem;
line-height: 1.5;
}
.applicant {
margin-bottom: 1rem;
}
.applicant.work-card.no-margin, .applicant.work-card.projects {
display: block;
}
.applicant.discover {
height: 100%;
}
.applicant_picture.is-small {
outline-offset: 1px;
border-radius: 100%;
outline: 1px solid #0000001a;
}
.applicant_picture.is-small.card-member {
border-radius: 8px;
}
.applicant_picture.is-tiny {
margin-top: 0;
margin-bottom: 0;
}
.applicant_left {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.applicant_name.recently-featured {
font-size: 1rem;
}
.applicant_top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
display: flex;
}
.featured {
order: -1;
width: 100%;
}
.featured.verified {
margin-bottom: 20px;
}
.featured.verified.home.green {
width: 140px;
margin-top: 36px;
margin-bottom: 0;
margin-left: 36px;
font-size: 11px;
position: absolute;
inset: 0% auto auto 0%;
}
.applicant-browse-list {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.applicant-list, .applicant-list.grid {
display: block;
}
.top-bar {
grid-column-gap: 2px;
grid-row-gap: 2px;
justify-content: space-between;
width: 50px;
height: 28px;
}
.top-bar.main {
display: block;
}
.site-type-link, .site-type-link.w--current {
font-size: 12px;
}
.site-type-link.applicant.w--current {
min-width: 18px;
max-width: 18px;
height: 18px;
margin-bottom: 0;
}
.site-type-link.company {
min-width: 18px;
height: 18px;
}
.site-type-link.company.w--current {
min-width: 18px;
max-width: 18px;
height: 18px;
margin-left: -83px;
}
.site-type-link.company._1 {
min-width: 120px;
}
.site-type-link.applicant {
min-width: 100px;
}
.site-type-link.applicant._1.w--current {
min-width: 120px;
}
._2-grid {
max-width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
._2-grid.stacks {
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 16px;
padding-right: 16px;
}
._2-grid.vertical {
padding-top: 1rem;
}
.person-image.second.cloth.dry {
display: none;
}
.feature_list {
grid-auto-flow: row;
}
.feature_list.horizontal {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.logos-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
}
.trusted-by-logo {
height: .9375rem;
}
.trusted-by-logo.is-spotify, .trusted-by-logo.is-google {
height: 1.375rem;
}
.trusted-by-logo.is-tiktok {
height: 1.3125rem;
}
.trusted-by-text {
text-align: left;
}
.section_talent-types.padding-global.padding-section-small.padding {
margin-right: 0;
padding: 2rem 16px 0;
}
.talent-type.contra1, .talent-type.contra2, .talent-type.contra3, .talent-type.contra4, .talent-type.contra5 {
height: 16rem;
}
.dashboard-nav-outer {
display: none;
}
.iframe-outer {
height: 28.125rem;
}
.iframe-outer.freelancer {
height: 11rem;
}
.applicant-header {
flex-direction: column;
}
.rich_form-field_editor {
max-width: none;
}
.popup {
padding-top: 15%;
padding-bottom: 15%;
}
.section_talent-search.padding-global.padding-section-small.bottom-margin.bg-change {
margin-top: 10px;
padding: 16px;
}
.section_talent-search.padding-global.padding-section-small.bottom-margin.bg-change.banner-mission {
margin-bottom: 16px;
padding-top: 0;
padding-bottom: 0;
}
.section_talent-search.padding-global.padding-section-small.bottom-margin.bg-change.dark {
display: none;
}
.menu-button-5 {
width: 24px;
height: 24px;
}
.nav-link-8 {
font-size: 14px;
}
.seperator {
display: none;
}
.menu-button-horziontal {
width: 24px;
height: 24px;
}
.trash {
display: none;
}
.mobile-tabs_links-wrapper {
justify-content: space-between;
width: 100%;
margin-left: 12px;
margin-right: 12px;
padding-left: 0;
padding-right: 1rem;
}
.menu-button-cross-line.line-2 {
z-index: 135;
width: 18px;
height: 24px;
transform: rotate(135deg);
}
.menu-button-wrapper {
width: 100%;
height: 100%;
}
.menu-button-cross {
width: 24px;
height: 24px;
}
.weather {
display: none;
}
.dropdown-list-11.w--open {
margin-left: 0;
}
.event-line {
display: block;
}
.menu-button-horizontal-line.line-2 {
background-color: #fff;
}
.button-6.small.discretionary-button {
display: none;
}
.button-6.small.discretionary-button.tertiary {
overflow: visible;
}
.button-6.mob {
width: 100%;
margin: 20px auto;
}
.document-logo {
display: none;
}
.brand-logo {
padding-left: 0;
display: block;
}
.app-wrapper.is-teams {
width: 5rem;
min-width: 5rem;
height: 5rem;
min-height: 5rem;
}
.nav-menu-10 {
box-shadow: 0 2px 5px #0003;
}
.dock {
width: 300px;
display: block;
}
.app-and-preview.gap {
margin-bottom: 10px;
}
.image-37.join-m-copy {
width: 300px;
display: block;
}
.small-text.muted.world {
margin-top: 0;
margin-bottom: 10px;
font-size: 12px;
}
.accordion-item {
width: auto;
}
.main-container {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.create-profile {
width: 100%;
}
.citizen-platform-1 {
padding-top: 0;
padding-bottom: 40px;
}
.citizen-platform-1.cards {
padding: 20px;
}
.section-citizen-card-1 {
width: 100%;
margin-top: 0;
}
.rows.gap-2 {
width: 100%;
}
.rows.gap-0-5 {
width: 300px;
}
.medium-heading {
font-size: 27px;
}
.large-text {
font-size: 16px;
}
.accordion {
width: 100%;
}
.div-block-42-copy {
width: 300px;
min-width: 300px;
}
.main-container-cta {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 280px;
}
.scramble-text {
font-size: 1.5rem;
line-height: 1.4;
}
.scramble-text.text-size-xl.text-weight-light.light {
width: auto;
margin-top: auto;
margin-bottom: auto;
font-size: 1.8rem;
}
.div-block-43 {
display: block;
}
.citizen-platform {
padding-top: 40px;
padding-bottom: 40px;
}
.fg-padding-global {
padding-left: 14px;
padding-right: 14px;
}
.text-block-53-copy {
margin-top: 0;
}
.sys-ui.ssss, .sys-ui.text-color {
font-size: 24px;
}
.sys-ui.ssss {
color: var(--dark);
font-size: 24px;
}
.sys-ui.text-color {
font-size: 24px;
}
.text-wrapper {
text-align: center;
margin-top: 0;
}
.text-scramble_component {
width: 100%;
}
.awesome-carousel_wrapper {
height: 4vh;
margin-top: 180px;
margin-bottom: -101px;
}
.carousel-buttons_wrapper {
margin-bottom: 0;
}
.carousel-image_wrapper.yellow {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.carousel-image_wrapper.red {
margin-bottom: 0;
}
.section-main-container {
margin-top: 0;
}
.community-driven._41 {
justify-content: center;
align-items: center;
width: 100%;
height: 120px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.mobile-tabs_links-wrapper-2 {
justify-content: space-between;
width: 100%;
margin-left: 12px;
margin-right: 12px;
padding-left: 0;
padding-right: 1rem;
}
.brand-logo-2 {
padding-left: 0;
display: block;
}
.no-bottom-margin.left {
margin-top: 10px;
}
.div-block-51 {
display: block;
}
.roses {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 280px;
}
.main-container-2 {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.citizen-platform-2 {
padding-top: 40px;
padding-bottom: 40px;
}
.columns.auto {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-auto-flow: row;
display: flex;
}
.section-4 {
width: 100%;
margin-top: 0;
}
.section-4.bg-light {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0;
}
.section--main {
margin-top: 0;
}
.balloon-wrap-2 {
font-size: 45px;
left: 4em;
}
.rocket-body {
font-size: 38px;
}
.main-wrap {
font-size: 56px;
}
.balloon-wrap {
font-size: 45px;
left: 4em;
}
.heading {
font-size: 2rem;
}
.heading.centre {
font-size: 24px;
line-height: 1rem;
}
.heading.centre.light {
font-size: 1.5rem;
}
.heading.big {
font-size: 2rem;
}
.featured-card {
height: 600px;
}
.featured-card.talent {
height: 550px;
}
.left, .right {
display: block;
}
.section-8 {
height: 1360px;
}
.section-8.for-freelancers {
height: 1040px;
min-height: 700px;
}
._2-grid-copy {
padding-top: 100px;
}
._2-grid-copy.entrepreneur {
padding-top: 40px;
}
.featured-content.working.platform {
max-width: 100%;
}
.rl-navbar_loop.fore-entrepreneurs {
height: 240px;
}
.card_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
}
.card_image-wrapper {
height: 300px;
}
.card_component-copy {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
}
.vectors-wrapper {
margin-top: 40px;
}
.region---businesses-growing-on-their-terms {
display: block;
}
.group---1-of-4 {
width: 30px;
}
.group---1-of-4-click-connect-and-unlock-capital {
margin-bottom: 16px;
padding-top: 6px;
padding-bottom: 4px;
}
.flex-row-outer.get-started-content.content-box {
justify-content: center;
}
.flex-price-wrap {
grid-row-gap: 2em;
}
.flex-price-wrap.grid-type-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.white-card {
min-height: 100%;
padding: 0;
}
.price-box-tall {
width: 100%;
}
.price-box-tall.recruit {
height: 100px;
}
.price-box-tall.talent {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 100px;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.price-box-tall.talent.w--current {
height: 100px;
}
.tab-radio-button {
margin-top: auto;
margin-bottom: auto;
inset: 0 5% 0 auto;
}
.price-button.margin-top {
height: 50px;
margin-top: 1rem;
margin-bottom: 0;
}
.price-description {
text-align: left;
width: 160px;
}
.price-box-tall-2 {
width: 100%;
}
.white-card-2 {
padding: 5vw;
}
.flex-price-wrap-2 {
grid-row-gap: 2em;
}
.form-card {
border-radius: 20px;
align-items: center;
width: 100%;
padding: 0;
}
.sign-up-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 16px;
flex-direction: row;
align-items: center;
width: 100%;
margin: 0;
padding: 1rem;
display: block;
}
.div-copper-c-pjlv-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
padding-left: 0;
}
.title-text-get-started {
text-align: center;
font-size: 24px;
line-height: 32px;
}
.error-638f3a58-ef02-c073-1785-60649274cad2 {
text-align: center;
margin-bottom: 0;
}
.form {
width: 100%;
margin-top: 0;
}
.form.type-of-user {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.form.columns {
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
.or-message-box {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.text-link {
align-items: center;
}
.text-link.close-button {
top: 1%;
right: 2%;
}
.text-link.close-button.w--current {
top: 2%;
right: 5%;
}
.div-slider-wrapper {
display: none;
}
.onboarding {
border-style: none;
padding-left: 10px;
padding-right: 10px;
display: block;
position: static;
}
.onboarding.work {
height: auto;
margin-left: 0;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
}
.onboarding-card.full {
flex-direction: row;
min-width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
display: block;
}
.heading-small.is-overview {
font-size: 12px;
}
.overview_tab-pane {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.icon-wrapper.is-padding {
display: none;
}
.overview-tab_item, .overview-tab_item.w--current {
margin-left: .125rem;
margin-right: .125rem;
}
.overview_feature-grids {
grid-template-columns: 1fr;
}
.overview-tabs_menu {
justify-content: center;
}
.home_more-bottom {
width: 115%;
margin-bottom: -1.6rem;
}
.home_more-bottom.is-badges {
margin-top: 2rem;
}
.more-image_8, .more-image_6, .more-image_7 {
width: 80px;
}
.text-span-15.freelancer {
font-size: 2rem;
}
.div-block-58.big.mobile {
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.tabs-menu-2.mob {
color: #0000;
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
display: flex;
inset: auto 0% 0%;
}
.slider-heading.small-text.right.mobile {
align-items: flex-end;
display: flex;
}
.slider-heading.small-text.mobile {
align-items: flex-end;
font-size: 9px;
line-height: 14px;
display: flex;
}
.slider-heading.mob {
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 30px;
line-height: 39px;
}
.slider-base.mobile {
color: #0000;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 38vh;
display: block;
position: static;
}
.tab-pane-tab-2 {
color: #0000;
}
.tabs-content-2 {
padding-top: 20px;
}
.slider-background {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6580308576cabbfba1c059ae_Group%20-%201%20of%206.png");
background-position: 50% 0;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
border-radius: 0;
align-items: stretch;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: block;
}
.slider-background.background-02 {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/658030de7367791cbdeb1e21_Group%20-%201%20of%207.png");
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slider-background.background-02._4 {
background-image: url("https://cdn.prod.website-files.com/657063629542be7c04dadb9a/6580311923a542d972004be1_Group%20-%201%20of%203.png");
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.analytics-tab, .tabs-content-3 {
width: 100%;
}
._20vw-div {
width: 15px;
}
.slide-box.margin-right {
width: 87%;
}
.text-block-155 {
font-size: .8rem;
}
.ms-hide-mobile {
display: none;
}
.ms-input.is-fake-token {
width: 33.5px;
}
.ms-button {
width: 100%;
min-height: auto;
padding: .6em 1.3em;
font-size: 14px;
font-style: normal;
}
.ms-button.is-light {
max-width: 100vw;
}
.ms-input-wrap.is-token {
overflow: hidden;
}
.ms-rich_form-field_editor {
max-width: none;
}
.ms-checkbox-wrap {
display: flex;
}
.ms-radio-wrap {
align-items: flex-start;
display: flex;
}
.ms-column.width-1-4 {
align-items: flex-start;
}
.ms-token-input {
letter-spacing: 30.5px;
margin-left: 0;
font-size: 20px;
}
.ms-input-2.token-fake {
width: 33.5px;
}
.ms-button-2 {
width: 100%;
min-height: auto;
padding: .6em 1.3em;
font-size: 14px;
font-style: normal;
}
.ms-button-2.light {
max-width: 100vw;
}
.ms-hide-mobile-2 {
display: none;
}
.rich_form-field_editor-2 {
max-width: none;
}
.ms-token-input-2 {
letter-spacing: 30.5px;
margin-left: 0;
font-size: 20px;
}
.section--main-2 {
margin-top: 0;
}
.div-block-59 {
display: block;
}
.citizen-platform-3 {
padding-top: 40px;
padding-bottom: 0;
}
.text-block-53-copy-2 {
margin-top: 0;
}
.button-14.mob {
width: 100%;
margin: 20px auto;
}
.draggable-wrap {
display: none;
}
.draggable-wrap.bottom {
flex-direction: column;
height: 40%;
margin-top: 108px;
display: flex;
inset: auto 0% 0%;
}
.heading-4 {
font-size: 37px;
}
.todo_component {
border-radius: 0;
min-width: 100%;
}
.todo_component.smooth-shadow {
min-width: 100%;
min-height: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.svg-icon.trash-icon {
margin-left: .3rem;
}
.centralizer {
padding: 1rem;
}
.button-15 {
font-size: .6rem;
}
.button_wrapper {
flex-direction: column;
align-items: stretch;
}
.button-secondary {
text-align: center;
}
.bg {
object-fit: cover;
}
.mosaico-banner {
width: 10rem;
margin-left: auto;
margin-right: auto;
bottom: 1rem;
left: 0;
right: 0;
}
.testimonial-svg {
bottom: 17%;
right: -28%;
}
.day {
order: -1;
width: 100%;
}
.section-tab {
width: 100%;
display: flex;
}
.tags {
order: -1;
width: 100%;
}
.tags.grey.height.range.damn {
width: 100%;
}
.log-in-button {
min-height: 64px;
}
.nav-buttons {
margin-top: 30%;
}
.nav-link {
font-size: 20px;
}
.sign-up-button {
min-height: 64px;
}
.header-heading {
margin-top: 72px;
font-size: 1.5rem;
}
.navbar-link-mobile {
font-size: 3.375rem;
}
.link-27 {
font-size: .875rem;
}
.navbar-email-link {
font-size: 1rem;
}
.navbar-mobile-content {
grid-row-gap: 6rem;
height: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.social-wrapper.is-footer {
margin-top: 7rem;
}
.header-image {
width: 80%;
}
.main-grid {
align-items: start;
}
.main-grid.hero {
flex-direction: column;
justify-content: space-between;
height: 101vh;
display: flex;
}
.main-grid.tablet-divider {
justify-content: flex-end;
display: flex;
}
.navbar-wrapper {
display: flex;
}
.section-divider {
margin-top: 96px;
}
.letter-heading {
flex-direction: column;
}
.text-big {
font-size: 1.6rem;
}
.text-block-160 {
font-size: 1rem;
}
.paragraph-4 {
font-size: .875rem;
font-weight: 400;
line-height: 1.2;
}
.container-3 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.year {
font-size: 1rem;
}
.nav-links-2 {
display: none;
}
.menu-button {
padding: 0;
}
.navbar-mobile {
display: none;
}
.paragraph-spacer {
flex-direction: column;
padding-left: 5%;
}
.paragraph-spacer.contact {
grid-row-gap: 3rem;
padding-left: 5%;
}
.work-name {
font-size: 24px;
}
.link-28 {
font-size: .875rem;
}
.text-block-162 {
font-size: 1rem;
}
.container-4 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.nav-links-3 {
display: none;
}
.menu-button-6 {
padding: 0;
}
.header_component {
min-height: 42rem;
}
.logos_logo {
height: 1.625rem;
}
.project_content-wrapper {
grid-template-columns: 1fr;
}
.header_content-left {
width: 100%;
}
.footer_links-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.reading-list_row {
grid-template-columns: 1fr;
padding-right: 0;
}
.project-thumbnail-image-wrapper {
border-radius: 0;
}
.work-collection_wrapper {
width: 100vw;
margin-left: -2.5rem;
margin-right: -2.5rem;
}
.heading-xlarge {
font-size: 2.75rem;
}
.layout-12-column {
grid-row-gap: 3rem;
}
.section-footer {
padding-top: 5rem;
padding-bottom: 5rem;
}
.heading-medium-2 {
font-size: 1.75rem;
}
.work-collection_list {
grid-template-rows: auto;
}
.work-collection_list.is-resource-cloumn-3 {
display: block;
}
.navigation-grid {
grid-column-gap: 2.5rem;
}
.subscribe-form-flex {
flex-direction: column;
}
.nav-menu-12 {
width: 14rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.social-links-wrapper {
display: block;
}
.section-12 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.page-padding-3 {
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
}
.icon-1x1 {
margin-bottom: 20px;
}
.project-thumbnail-link {
margin-bottom: 40px;
}
.project-thumbnail-link:hover {
transform: none;
}
.text-size-large-2 {
font-size: 1.5rem;
}
.text-size-medium-6 {
font-size: 1.25rem;
}
.project-title-div {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.text-size-regular-2 {
font-size: 1.125rem;
}
.footer_row {
grid-row-gap: 1rem;
}
.grid-3 {
display: block;
}
.logo-wrapper.mobile-menu {
margin-bottom: 3rem;
}
.error-message-2 {
flex: 1;
}
.interest-image-wrapper {
border-radius: 0;
}
.section-header {
padding-top: 7.5rem;
padding-bottom: 5rem;
}
.button-20 {
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.button-20.small {
font-size: .7rem;
}
.form-input-2 {
width: 100%;
}
.navigation-link.w--current {
display: block;
}
.interests-layout {
grid-template-rows: auto auto auto;
}
.text-size-regular-3 {
font-size: 1.125rem;
}
.button-21 {
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.button-21.small {
font-size: .7rem;
}
.text-field-4 {
width: 160px;
height: 40px;
font-size: 12px;
display: none;
}
.nav_logo-link {
padding-left: 0;
}
.search-link-block {
width: 22px;
height: 22px;
}
.image-65 {
margin-right: 0;
}
.nav_container {
justify-content: flex-start;
align-items: center;
}
.menu-icon1-3 {
color: #fff;
}
.navbar1_link-3.dark.light {
color: #fff;
width: 100%;
margin-left: 0;
margin-right: 0;
font-size: 14px;
}
.navbar1_link-3.dark.light.black {
color: var(--dark);
}
.container-medium-2.airbnb.mgmvn {
margin-left: 16px;
margin-right: 16px;
}
.menu-icon1_line-top-3 {
color: #000;
background-color: #000;
}
.menu-icon1_line-top-3.white {
background-color: #000;
border: 1px solid #fff;
}
.navbar1_dropdown-toggle-3.dark.light {
color: #fff;
}
.navbar1_menu-3.is-page-height-tablet {
background-color: #121316;
padding-left: 16px;
padding-right: 16px;
}
.navbar1_menu-3.is-page-height-tablet.white {
background-color: #fff;
}
.menu-icon1_line-middle-3 {
color: #000;
background-color: #000;
}
.menu-icon1_line-middle-3.white {
background-color: #fff;
}
.menu-icon1_line-bottom-3 {
color: #000;
background-color: #000;
border: 1px #fff;
}
.menu-icon1_line-bottom-3.white {
background-color: #000;
}
.header-div {
justify-content: center;
}
.c-section {
padding-top: 32px;
padding-bottom: 32px;
}
.c-section.cc-main.animation {
display: none;
}
.c-section.cc-main.animation.bg-light-color {
display: block;
}
.c-section.cc-main.animation.bg-light-color.dark.color {
padding-left: 1.5rem;
padding-right: 1.5rem;
display: block;
}
.c-title-2 {
font-size: 32px;
line-height: 36px;
}
.c-autotabs_line {
left: 25px;
}
.c-autotabs {
flex-flow: column;
height: auto;
margin-left: 0;
margin-right: 0;
padding-right: 0;
}
.c-autotabs_content {
opacity: 0;
margin-bottom: 0;
}
.c-title-3 {
text-align: center;
margin-bottom: 20px;
font-size: 24px;
line-height: 34px;
}
.c-title-3.centre {
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
font-size: 15px;
}
.c-title-3.centre.white {
padding-left: 24px;
padding-right: 24px;
font-size: 12px;
}
.c-title-3.high {
text-align: center;
letter-spacing: -.1px;
font-family: Inter, sans-serif;
font-size: 24px;
}
.c-autotabs_image.cc-pane-crypto-mobile {
width: auto;
height: auto;
margin-right: 0;
position: static;
transform: translate(16px);
}
.c-autotabs_link {
padding-left: 53px;
padding-right: 40px;
}
.c-autotabs_link.w--current {
padding-top: 25px;
padding-bottom: 25px;
}
.c-autotabs_link.darkcard {
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
}
.c-container {
padding-left: 16px;
padding-right: 16px;
}
.form-block-6 {
width: 100%;
max-width: 100%;
}
.input__suggestions.width {
display: none;
}
.div-block-65.centre.reduce.more-most {
max-width: 100%;
}
.feature-card-content-text.add-up {
margin: -20px auto 0;
}
.feature-card-content-text.add-up.move-up {
margin-bottom: 0%;
}
.slider-snap-list {
grid-template-columns: 16rem;
grid-auto-columns: 16rem;
height: 500px;
margin-right: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.slider-snap-list.no-bottom._93 {
flex-direction: column;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.filter-container {
flex-flow: column;
margin-top: 0;
display: block;
}
.slider-controls {
grid-template-rows: auto auto auto;
justify-content: center;
margin-bottom: 0;
margin-left: 0;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: auto;
}
.padding-global-4 {
align-items: center;
margin-bottom: 20px;
padding-bottom: .25rem;
display: flex;
}
.padding-section-medium-2.is--half-bottom {
margin-left: 0;
margin-right: 0;
padding: 2em 0;
}
.padding-section-medium-2.is--half-bottom.upper-no-margin {
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.padding-section-medium-2.is--half-bottom.upper-no-margin.max-width-full {
padding-top: 0;
padding-bottom: 0;
}
.padding-section-medium-2.is--half-bottom.upper-no-margin.max-width-full.less {
padding-top: 1em;
padding-bottom: 1em;
}
.padding-section-medium-2.is--half-bottom.upper-no-margin.full {
padding-top: 0;
padding-bottom: 0;
}
.padding-section-medium-2.is--half-bottom.no-gap.line-top.off-white {
padding-top: 0;
}
.padding-section-medium-2.centring {
margin-left: 0;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
}
.slider-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
max-width: 300px;
}
.slider-card.fix {
max-width: 100%;
}
.doctors-collection-wrapper {
background-color: #fff;
}
.container-medium-copy {
margin-top: 0;
padding-top: 0;
}
.container-medium-copy.damn {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.link-30 {
height: 100%;
padding-left: 0;
}
.link-30.member-profile-card.fit-to-adjust {
height: 450px;
}
.div-flex-2.parallel {
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
padding-left: 16px;
}
.text-9.large {
font-size: 24px;
line-height: 30px;
}
.container-large-2-copy {
padding-left: 0;
padding-right: 0;
}
.container-large-2-copy.no-bg.distance {
padding-top: 0;
padding-bottom: 0;
}
.container-93 {
margin-left: 0;
margin-right: 0;
padding-top: 24px;
padding-bottom: 24px;
}
.card-banner {
display: block;
}
.paragraph-5.grey {
margin-top: 10px;
margin-bottom: 0;
}
.paragraph-5.grey.medium {
margin-bottom: 1rem;
}
.image-68 {
display: none;
}
.tertiary-button.green {
margin-bottom: 12px;
}
.link-31 {
border-style: none;
height: 160px;
}
.link-31.extra {
height: 200px;
}
.link-31.extra.portfolio {
height: 180px;
}
._67052acd01bfae0786f708f7ef196413cefe2e98-2400x1226-png {
border-radius: 0;
}
.link-32, .link-33, .div-group {
height: 160px;
}
.contain-24 {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.section-people.darkside {
background-color: #fff;
flex-flow: row;
display: block;
}
.heading-10 {
font-size: 37px;
}
.pic-of-member {
width: 60px;
height: 60px;
}
.medium-title {
letter-spacing: -.1px;
font-family: Inter, sans-serif;
font-size: 24px;
line-height: 1.5;
}
.menu-outer {
width: 100%;
}
.menu-inner {
background-color: #1a1b1e;
margin-left: 0;
padding-left: 12px;
padding-right: 0;
overflow: auto;
}
.nav-w {
margin-left: 0;
margin-right: 10px;
}
.nav-link-hud {
display: block;
}
.nav-link-hud.hide-mobile-portrait, .dock-divider {
display: none;
}
.app-icon {
margin-right: 0;
}
.app-icon.relative._1 {
width: 16vw;
}
.dock-2 {
-webkit-backdrop-filter: blur(11px);
backdrop-filter: blur(11px);
background-color: #24242400;
border-radius: 14px;
width: 94%;
margin-left: 10px;
margin-right: 10px;
padding: 0;
transition: box-shadow .4s;
box-shadow: 0 4px 6px #0000000d, 0 10px 16px -3px #0000001a;
}
.dock-absolute {
display: none;
bottom: 16px;
}
.dock-absolute.sticky, .search-form {
display: none;
}
.search-button, .search-button.w--current {
font-size: 12px;
}
.search-button.company.w--current {
min-width: 100px;
}
.search-button.company._1 {
min-width: 120px;
}
.search-button.applicant {
min-width: 100px;
}
.search-button.applicant._1.w--current {
min-width: 120px;
}
.google-login {
border-radius: 14px;
width: 100%;
}
.google-login.secondary.dark.left, .google-login.secondary.dark.left.border {
width: 100%;
margin-top: 12px;
display: flex;
}
.google-login.secondary.size.no-drop {
justify-content: flex-start;
margin-left: 0;
}
.google-login.secondary.size.no-drop.light {
justify-content: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.google-login.secondary.dark.left {
width: 100%;
margin-top: 12px;
display: flex;
}
.email-input-box {
border-radius: 14px;
width: 100%;
}
.disclaimer-2 {
text-align: center;
}
.modal_small, .modal_small-2 {
text-align: left;
min-width: auto;
padding: 20px;
}
.upgrade {
order: -1;
width: 100%;
}
.toggle-home {
width: 100%;
top: 25%;
}
.search-box-hire {
width: 100%;
max-width: 100%;
}
.nav-menu-left {
flex-direction: column;
width: 100%;
}
.nav-menu-right {
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.search-talent {
width: 100%;
}
.input__field_search {
width: 100%;
height: 40px;
}
.skills-tag {
align-items: center;
margin-left: 0;
margin-right: 0;
display: none;
}
.independence {
font-size: 2.5rem;
}
.independence.medium {
font-family: Inter, sans-serif;
font-size: 1.5rem;
}
.bold-text-6 {
font-size: 1rem;
}
.grid-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: 0;
margin-right: 0;
display: grid;
}
.talent-body, .talent-body.title.topic, .talent-body.black {
margin-top: 0;
}
.flex-block {
grid-column-gap: 4px;
grid-row-gap: 4px;
margin-bottom: 2rem;
}
.div-block-73 {
width: 100%;
margin-top: 40px;
display: inline-block;
}
.div-block-73.length {
margin-top: 0;
}
.div-block-73.centre {
display: flex;
}
.card-3 {
height: 100%;
margin-bottom: 0;
}
.card-3.last {
margin-bottom: 0;
}
.card-3.cover {
height: 100%;
margin-bottom: 0;
}
.group-of-cards {
margin-bottom: 0;
padding-left: 16px;
padding-right: 16px;
}
.block-cards-1 {
padding-left: 0;
padding-right: 0;
display: block;
}
.entire.padding-global.padding-section-large.dark {
height: 500px;
margin-left: 16px;
margin-right: 16px;
}
.entire.padding-global.padding-section-large.blue {
height: 620px;
padding-bottom: 2rem;
}
.entire.is-full {
width: 100%;
}
.content-6 {
height: auto;
margin-left: 0;
margin-right: 0;
}
.content-6.right.cover {
display: none;
}
.content-6.right.cover.pro-color {
border-style: solid;
border-radius: 15px;
width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
display: block;
}
.content-6.right.cover.pro-color.green {
padding: 16px;
}
.content-6.left.freelancer {
background-color: #70aebb00;
border-style: solid;
border-radius: 15px;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
}
.content-6.left.freelancer.linear {
display: none;
}
.content-6.left.freelancer.color-blue {
border-radius: 15px;
}
.find-talent-2 {
border-style: none;
max-width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
padding: 0;
display: block;
}
.subtitle-3.length {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.text-22 {
font-size: 14px;
}
.text-22.white {
font-size: 13px;
}
.text-23 {
font-size: 24px;
line-height: 36px;
}
.title-4 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.meet-clients-you-re {
font-size: 14px;
}
.meet-clients-you-re.white {
margin-top: 16px;
font-size: 24px;
}
.meet-clients-you-re.white.small {
margin-top: 0;
}
._2-grid-container.magmaven-pro {
margin-bottom: 16px;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
}
.testimonial-memberstack {
justify-content: center;
height: 100%;
margin-left: 0;
margin-right: 0;
padding: 24px;
}
.membestack-pic {
width: 100%;
height: 100%;
margin-top: 20px;
}
.div-block-74, .div-block-76, .div-block-80 {
width: 100%;
}
.anime-title-card {
display: block;
}
.link-35 {
padding-left: 0;
}
.pic-of-member-2 {
width: 60px;
height: 60px;
}
.heading-style-h1-4.text-color-white.centre {
margin-left: 0;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
font-size: 3rem;
line-height: 1rem;
}
.spacer-medium-3 {
display: none;
}
.div-flex-5.parallel {
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
}
.padding-section-medium-3.is--half-bottom {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.padding-section-medium-3.is--half-bottom.upper-no-margin {
max-width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
.text-24.large {
font-size: 24px;
line-height: 30px;
}
.spacer-small-3 {
display: none;
}
.link-38 {
height: 160px;
}
.link-38.extra {
height: 200px;
}
.link-38.extra.portfolio {
height: 180px;
}
.ratings {
align-items: center;
}
.project-member {
margin-top: 0;
margin-bottom: 0;
}
.project-filter {
display: block;
}
.categories {
display: none;
}
.div-block-82 {
padding-bottom: 1rem;
}
.comapny-toggle {
text-align: left;
width: 100px;
}
.freelance.w--current {
width: 100px;
font-size: .7rem;
}
.company {
font-size: .7rem;
}
.freelance-feature-spline {
opacity: .3;
left: 0%;
right: 0;
}
.freelance-feature-spline.full.left-area {
width: 100%;
bottom: 40%;
}
.freelance-feature-spline.full.right-area {
display: none;
}
.freelance-feature-spline.full.bottom {
margin-top: 300px;
}
.editors-choice.dark {
padding-bottom: 20px;
}
.get-started-details {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
}
.flex-price-wrap-3 {
grid-row-gap: 2em;
}
.member-type-card {
padding: 0;
display: block;
}
.price-name-3 {
text-align: left;
font-size: 1rem;
}
.price-box-tall-3 {
width: 100%;
}
.get-started-image, .image-94 {
display: none;
}
.terms-box {
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
display: block;
}
.terms-content {
text-align: center;
justify-content: center;
margin-bottom: 0;
}
.terms-content-box {
display: block;
}
.sign-up-image {
display: none;
}
.nw-link {
border: 1px solid #fff;
border-radius: 20px;
flex-direction: column;
margin-top: 8px;
margin-bottom: 0;
padding: 8px 12px;
display: flex;
}
.container-wrapper {
flex-direction: column;
width: 100%;
height: 100vh;
padding: 0;
}
.snap-container.is-red {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
}
.snap-container.is-purple, .snap-container.is-green, .snap-container.is-navy {
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.contra-profile-card {
border-style: none;
justify-content: flex-end;
max-width: 100%;
height: 86vh;
margin-bottom: 0;
}
.contra-profile-card.auto-size {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #fff;
border-style: none;
height: auto;
}
.contra-profile-card.auto-size.no-bg {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #fff0;
}
.contra-members {
align-items: flex-start;
}
.auto-layout-horizontal {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.auto-layout-vertical-4 {
width: 100%;
}
.auto-layout-vertical-7 {
background-color: #0000;
}
.vectors-wrapper-29 {
border-radius: 6px;
}
.auto-layout-horizontal-2 {
padding-left: 8px;
padding-right: 8px;
}
.auto-layout-vertical-8 {
padding-left: 0;
}
.auto-layout-vertical-12 {
padding-right: 0;
}
.text-28.white {
color: #fff;
}
.auto-layout-horizontal-6 {
align-items: center;
padding-top: 2px;
padding-bottom: 2px;
}
.auto-layout-horizontal-8 {
height: 18px;
}
.auto-layout-vertical-13 {
justify-content: center;
}
.text-29 {
align-self: auto;
align-items: center;
min-height: 18px;
display: flex;
}
.auto-layout-horizontal-10 {
max-width: 100%;
}
.auto-layout-vertical-17 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.frame-1171276060 {
flex-direction: row;
align-content: flex-start;
width: auto;
}
.auto-layout-vertical-19 {
flex-direction: row;
}
.contra-projects, .auto-layout-horizontal-20 {
max-width: 100%;
}
.auto-layout-vertical-21 {
width: 10%;
}
.frame-1171276062 {
width: 100%;
}
.contra-contacts {
border: 1px #000;
max-width: 100%;
}
.auto-layout-horizontal-22 {
grid-column-gap: 12px;
grid-row-gap: 12px;
max-width: 100%;
}
.auto-layout-vertical-24 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px;
}
.auto-layout-horizontal-23 {
padding: 12px;
}
.auto-layout-vertical-26 {
width: 100%;
max-width: 100%;
text-decoration: none;
}
.auto-layout-horizontal-24 {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.body-6 {
background-color: #fff;
}
.hero-gradient {
height: 100%;
}
.section-15.hero {
border-bottom-style: none;
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 84px;
}
.h2 {
font-size: 27px;
}
.hero-content {
margin-bottom: 0;
}
.button-36 {
justify-content: center;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
}
.hero-wrap {
margin-top: auto;
bottom: 0;
}
.hero-p {
font-size: 14px;
}
.container-94 {
flex-direction: column;
justify-content: flex-end;
max-width: 100%;
height: 100%;
margin-top: 0;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.linkedin_posts {
width: 100%;
}
.linkedin_filter {
border-radius: 0;
width: 100%;
max-width: 100%;
padding-right: 1rem;
left: 0;
right: 0;
}
.linkedin_wrapper {
flex-direction: column;
grid-template-rows: min-content 1fr auto;
grid-template-columns: 1fr;
justify-content: center;
justify-items: stretch;
display: flex;
}
.linkedin_wrapper._2-rows {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
width: 100%;
max-width: 100%;
display: block;
}
.linkedin_featured {
margin-top: 2rem;
}
.container-large-3 {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.auto-layout-vertical {
max-width: 100%;
height: 100%;
padding-bottom: 0;
}
.auto-layout-vertical-29 {
align-items: stretch;
max-width: 100%;
height: 100%;
padding: 32px 24px;
display: flex;
}
.auto-layout-vertical-37 {
flex-direction: row;
max-width: 100%;
height: 100%;
}
.auto-layout-vertical-40 {
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.auto-layout-horizontal-31, .auto-layout-horizontal-32 {
max-width: 100%;
}
.auto-layout-vertical-41 {
display: none;
}
.auto-layout-vertical-42 {
display: block;
}
.auto-layout-vertical-45 {
max-width: 100%;
}
.auto-layout-vertical-46 {
grid-column-gap: 12px;
grid-row-gap: 12px;
max-width: 100%;
}
.auto-layout-vertical-47 {
max-width: 100%;
}
.auto-layout-horizontal-35 {
padding-left: 12px;
padding-right: 12px;
}
.frame-1171276071 {
flex-direction: column;
max-width: 100%;
max-height: 100%;
display: flex;
}
.auto-layout-horizontal-36, .auto-layout-horizontal-37, .auto-layout-horizontal-38, .auto-layout-vertical-50 {
height: auto;
}
.frame-1171276073 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
width: 100%;
}
.auto-layout-vertical-51 {
max-width: 100%;
}
.projects-list, .projects-wrapper {
width: 100%;
}
.bio-text {
margin-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 24px;
line-height: 36px;
}
.auto-layout-vertical-58 {
max-width: 100%;
display: block;
}
.auto-layout-vertical-59 {
grid-column-gap: 16px;
grid-row-gap: 16px;
height: auto;
display: flex;
}
.frame-1171276078 {
flex-direction: column;
display: block;
}
.auto-layout-horizontal-48 {
width: 100%;
max-width: 100%;
margin-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}
.frame-1171276079 {
width: 100%;
}
.auto-layout-vertical-67 {
max-width: 100%;
height: auto;
padding-bottom: 0;
}
.auto-layout-vertical-68 {
padding-left: 24px;
padding-right: 24px;
}
.furni---e-commerce-furniture-website-design {
width: 100%;
}
.auto-layout-vertical-69 {
padding-left: 24px;
padding-right: 24px;
}
.furniture-e-commerce-website-design-development-in-figma-project-developed-through-figma-for-web-designers-course-by-flux-academy {
width: 100%;
}
.frame-1171276080 {
flex-direction: column;
width: 100%;
height: 100%;
padding-left: 24px;
padding-right: 24px;
}
.auto-layout-horizontal-49, .text-45 {
width: auto;
}
.vectors-wrapper-39, .collection-item-2 {
width: 100%;
}
.body-7 {
background-color: #fff;
}
.tab-pane-work {
width: 100%;
}
.workcard-view {
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.workcard-details {
max-width: 100%;
}
.wrapper {
width: 100%;
height: 100%;
}
.inner-swipe {
position: absolute;
}
.generator_chage-color-wrapper {
align-items: center;
}
.generator_font-button {
margin-left: .75rem;
margin-right: .75rem;
}
.generator_switch-container {
margin-bottom: 1.25rem;
position: relative;
}
.generator_fonts-wrapper {
position: relative;
}
.generator_quote {
font-size: 5vw;
}
.generator_slider-buttons-wrapper {
margin-bottom: 1.258rem;
}
.feature-buttons {
flex-direction: column;
align-items: center;
display: flex;
}
.image-97 {
margin-bottom: 0;
}
.draw-pic.adjust {
display: none;
}
.div-block-93 {
margin-top: 0;
}
.div-block-94 {
height: 20px;
}
.div-block-95 {
justify-content: center;
width: auto;
}
.div-block-95.icons {
justify-content: center;
width: 100%;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.image-98 {
width: 30px;
max-width: 30px;
height: 30px;
}
.image-98.resize {
width: 32px;
max-width: 32px;
height: 32px;
}
.image-98.re-small {
width: 24px;
max-width: 24px;
height: 24px;
}
.div-block-97 {
width: 100%;
}
.spacer-small-4 {
display: none;
}
.spacer-medium-4 {
padding-top: 1rem;
display: block;
}
.div-block-99 {
width: 100%;
}
.div-block-100 {
width: 100%;
margin-top: 40px;
display: inline-block;
}
.div-block-101 {
width: 100%;
}
.text-47 {
font-size: 24px;
line-height: 36px;
}
.text-49 {
font-size: 14px;
}
.text-49.white {
font-size: 13px;
}
.div-block-107 {
align-items: center;
}
.container---main {
padding-left: 18px;
padding-right: 18px;
}
.dropdown-wide {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.large-text-2 {
font-size: 14px;
}
.navbar-wrapper-2 {
padding-left: 12px;
padding-right: 12px;
}
.nav-logo {
width: auto;
height: 40px;
max-height: 40px;
}
.small-text-2 {
font-size: 12px;
line-height: 1.4em;
}
.image-bg-header.justify-content.reduce.bg-video.designer {
background-color: #fff;
height: 650px;
}
.image-bg-header.justify-content {
height: 420px;
}
.navbar-row {
height: 42px;
padding-left: 0;
padding-right: 0;
}
.dropdown-wide-menu {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.nav-right-cart {
display: none;
}
.nav-link-11 {
font-size: 16px;
}
.mobile-logo-image {
width: auto;
max-height: 29px;
display: block;
}
.cart-container {
border-radius: 0;
}
.navbar-2 {
width: 100%;
padding-left: 8px;
padding-right: 16px;
}
.nav-cart-button {
color: #fff;
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: .8rem;
}
.dropdown-list-link {
font-size: 14px;
}
.mobile-logo {
margin-bottom: 24px;
}
.bold-text-7.dropdown-menu-heading {
font-size: 14px;
line-height: 1.4em;
}
.button-39.nav-button {
display: none;
}
.load-in-second.inside-header {
padding-bottom: 0;
}
.nav-links-4 {
grid-column-gap: 18px;
grid-row-gap: 18px;
padding-left: 18px;
padding-right: 18px;
}
.cart-quantity-text {
color: #fff;
font-family: "Universal Sans Text 380 380 100", sans-serif;
font-size: 14px;
}
.dropdown-link-6 {
font-size: 14px;
}
.navbar-wrapper-3 {
justify-content: space-between;
padding-left: 0;
padding-right: 0;
display: flex;
}
.nav-link-12 {
font-size: 16px;
}
.nav-menu-14 {
background-color: #0b0b0c;
}
.bold-text-8.dropdown-menu-heading {
font-size: 14px;
line-height: 1.4em;
}
.button-40.nav-button, .button-40.nav-button.bg-white.coloring {
display: none;
}
.nav-links-5 {
grid-column-gap: 18px;
grid-row-gap: 18px;
padding-left: 18px;
padding-right: 18px;
}
.nav-link-13 {
font-size: 16px;
}
.nav-link-13.nav-right-link.white {
padding-bottom: 0;
display: none;
}
.nav-link-13.dropdown.white {
border-bottom-color: #181918;
}
.nav-link-13.dropdown.white:hover {
border-radius: 0;
}
.nav-link-13.dropdown-wide-nav-link.white {
border-bottom-color: #181918;
text-decoration: none;
}
.nav-link-13.dropdown-wide-nav-link.white:hover {
border-radius: 0;
}
.menu-button-wrapper-4 {
color: #fff;
width: 24px;
height: 48px;
}
.menu-button-cross-4 {
width: 100%;
}
.form-input-4.large {
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
.large-text-3 {
font-size: 16px;
}
.form-10 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.form-10.reduced-gaps {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.uppercase-text {
font-size: 12px;
}
.pricing-header {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.image-with-widget {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.widget-overlay-image {
transform: scale(.75);
}
.container---s-2.hero-contents {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.form-input-5.large {
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
.large-text-4 {
font-size: 16px;
}
.section-16 {
padding-top: 36px;
padding-bottom: 60px;
}
.container---s-3.hero-contents {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.navbar-row-2 {
height: 42px;
}
.large-text-5 {
font-size: 16px;
}
.list-header-2-tablet {
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.video-card-1-controls {
width: 2.5rem;
height: 2.5rem;
bottom: .25rem;
right: .25rem;
}
.slider-1-arrow {
display: none;
}
.breadcrumb-1-wrap {
flex-wrap: wrap;
}
.text-50 {
font-size: 16px;
line-height: 20px;
}
.feature-card-5-image {
min-height: 31.25rem;
}
.eyebrow-20 {
font-size: 12px;
}
.footer-1-top-list {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.feature-card-4-body {
grid-row-gap: 1.75rem;
}
.feature-card-5-content {
padding: 1.25rem 1.25rem 1.5rem;
}
.modal-1-active-content {
padding-top: 4rem;
padding-bottom: 4rem;
}
.video-card-1-body {
grid-row-gap: 1.75rem;
}
.container-96 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.industries-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.tab-image-2 {
max-width: 100%;
}
.section-18 {
padding-top: 36px;
padding-bottom: 60px;
}
.icon-features-grid {
flex-direction: column;
display: flex;
}
.small-icon-feature {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.tab-link {
padding-top: 12px;
padding-bottom: 12px;
}
.heading-two {
letter-spacing: 0;
font-size: 29px;
}
.image-design-league {
top: 50px;
right: 0;
}
.flex-link {
display: none;
}
.icon-arrow-wrapper {
height: 40px;
}
.flex-relume {
flex-direction: column;
}
.image-agency {
width: 10rem;
height: 8rem;
margin-left: auto;
margin-right: auto;
}
.image-figma-kit {
width: 45%;
top: 58px;
left: 205px;
}
.cell-relume.icons, .cell-relume.agency, .cell-relume.figma-kit, .cell-relume.extension {
top: 0;
}
.cell-relume.design-league {
top: auto;
}
.cell-relume.nav {
justify-content: space-between;
min-height: 180px;
}
.social-wrapper-2 {
justify-content: space-between;
}
.flex-cofunder {
display: none;
}
.image-extension {
width: 50%;
top: 60px;
left: 210px;
}
.cell-content-wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.heading-medium-wrapper {
max-width: 25ch;
}
.heading-medium-wrapper.extension, .heading-medium-wrapper.agency, .heading-medium-wrapper.library-text, .heading-medium-wrapper.figma-kit-text, .heading-medium-wrapper.design-league-text {
top: auto;
bottom: 10px;
}
.image-library {
width: 70%;
height: 7rem;
display: none;
top: 52px;
right: -75px;
}
.image-ipsum {
width: 75%;
top: 45px;
right: -150px;
}
.heading-101 {
letter-spacing: 0;
font-size: 1.8rem;
}
.heading-101.skiff {
font-size: 1.5rem;
}
.slide-footer {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
padding-left: 25px;
padding-right: 25px;
}
.slide-content-2 {
min-height: auto;
padding: 25px 25px 60px;
}
.padding-global-6 {
padding-left: 0;
padding-right: 0;
}
.heading-102.white {
font-size: 1.5rem;
}
.dashboard_content-block-copy.no-edge.full {
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
display: none;
}
.dashboard_content-block-copy.no-edge._85 {
flex-direction: column;
width: 100%;
display: flex;
}
.dashboard_content-block-copy.no-edge.latte {
padding-left: 1rem;
padding-right: 1rem;
}
.dashboard_content-block-copy.no-edge.latte.mob {
padding: 0;
}
.dashboard_content-block-feature.no-edge.full {
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
display: none;
}
.dashboard_content-block-feature.no-edge._85 {
flex-direction: column;
width: 100%;
display: flex;
}
.dashboard_content-block-feature.no-edge.latte {
padding-left: 1rem;
padding-right: 1rem;
}
.dashboard_content-block-feature.no-edge.latte.mob {
padding: 0;
}
.dashboard_content-block-talent.no-edge.full {
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
display: none;
}
.dashboard_content-block-talent.no-edge._85 {
flex-direction: column;
width: 100%;
display: flex;
}
.dashboard_content-block-talent.no-edge.latte {
padding-left: 1rem;
padding-right: 1rem;
}
.dashboard_content-block-talent.no-edge.latte.mob {
padding: 0;
}
.headline {
margin-top: 20px;
margin-bottom: 40px;
}
.cta-link {
margin-top: 10px;
}
.unit-copy-container {
width: 280px;
max-width: none;
}
.unit-copy-container.more-programs {
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: none;
}
.unit-program {
width: auto;
}
.description.more-programs {
max-width: 360px;
margin-top: 0;
}
.unit-image-wrapper {
background-image: none;
width: 280px;
}
.unit-image-wrapper.matrix-1 {
background-image: none;
}
.heading-103 {
line-height: 1.1em;
}
.heading-104 {
margin-top: 0;
}
.unit-column-wrapper {
grid-column-gap: 0px;
grid-template-columns: repeat(auto-fit, 280px);
justify-items: center;
margin-left: 0;
margin-right: 0;
}
.unit-tile.unit-tile-9 {
width: 236px;
transform: translate(-93px, -229px);
}
.unit-tile.unit-tile-15 {
width: 136px;
transform: translate(595px, -234px);
}
.unit-tile.unit-tile-16 {
width: 136px;
transform: translate(383px, -190px);
}
.unit-tile.unit-tile-13 {
width: 136px;
transform: translate(-658px, -153px);
}
.unit-tile.unit-tile-11 {
width: 236px;
transform: translate(-361px, 14px);
}
.unit-tile.unit-tile-4 {
width: 281px;
transform: translate(24px, -458px);
}
.unit-tile.unit-tile-10 {
width: 183px;
transform: translate(343px, -428px);
}
.unit-tile.unit-tile-8 {
width: 136px;
transform: translate(284px, 13px);
}
.unit-tile.unit-tile-20 {
width: 236px;
transform: translate(553px, 76px);
}
.unit-tile.unit-tile-17 {
width: 136px;
transform: translate(6px, 541px);
}
.unit-tile.unit-tile-5 {
width: 183px;
transform: translate(-579px, 480px);
}
.unit-tile.unit-tile-1 {
width: 281px;
transform: translate(200px, 248px);
}
.unit-tile.unit-tile-2 {
width: 135px;
transform: translate(151px, -190px);
}
.unit-tile.unit-tile-12 {
width: 281px;
transform: translate(-690px, 84px);
}
.unit-tile.unit-tile-6 {
width: 183px;
transform: translate(-360px, -480px);
}
.unit-tile.unit-tile-7 {
width: 281px;
transform: translate(-279px, 496px);
}
.unit-tile.unit-tile-3 {
width: 236px;
transform: translate(-393px, -191px);
}
.unit-tile.unit-tile-19 {
width: 236px;
transform: translate(327px, 507px);
}
.unit-tile.unit-tile-14 {
width: 236px;
transform: translate(-404px, 273px);
}
.unit-tile.unit-tile-18 {
width: 184px;
transform: translate(454px, 286px);
}
.unit-tile.unit-tile-0 {
width: 135px;
transform: translate(-162px, 257px);
}
.subhead {
font-size: 24px;
}
.unit-bio {
display: none;
}
.notes_intro {
margin-top: 8rem;
}
.globalnav {
background-color: #000;
display: block;
}
.gn-link, .gn-link.search {
display: none;
}
.gn-link.bag, .gn-link.gn-apple {
display: block;
}
.gn-bread {
display: flex;
}
.heading-105 {
margin-top: 0;
}
.heading-106 {
line-height: 1.1em;
}
.cta-link-2 {
margin-top: 10px;
}
.unit-image-wrapper-2 {
background-image: none;
width: 280px;
}
.unit-image-wrapper-2.matrix-1 {
background-image: none;
}
.projects-card {
margin-bottom: 1rem;
}
.projects-card.work-card.no-margin, .projects-card.work-card.projects {
display: block;
}
.projects-card.discover {
height: 100%;
}
.star-pattern-wrapper {
align-items: flex-start;
}
.logo-slider_slide {
height: 9rem;
}
.builder_feature-5_ui-section_header1 {
transform-origin: 50% 72%;
transform: scale(.24);
}
.builder_feature-3-left {
padding: 1.5rem 1rem;
}
.builder_feature-4_ui-left {
margin-right: 1rem;
}
.builder_feature-8_overlay {
padding: 1rem;
}
.builder_feature-8_ui-bottom {
width: 90%;
}
.logo-slider_mask {
height: 9rem;
}
.builder_feature-4_ui-right {
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.star-pattern-layer {
height: 160px;
}
.sb-header_image-wrapper {
border-radius: .75rem;
}
.logo-slider_component {
height: 9rem;
}
.builder_feature-4-left-top {
padding-left: 1rem;
padding-right: 1rem;
}
.builder_feature-bottom.feature-6 {
padding-bottom: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.builder_feature-bottom.feature-2 {
padding: 1rem 1rem 1.5rem;
}
.builder_feature-bottom.feature-5 {
height: 20rem;
}
.builder_feature-bottom.feature-1 {
padding-left: 1rem;
padding-right: 1rem;
}
.builder_feature-7_ui-image-container {
width: 150%;
}
.builder_feature-5_ui {
padding-top: 1rem;
}
.builder_feature-8_ui-top {
transform: scale3d(1none, 1none, 1none);
}
.builder_feature-3-right {
padding: 1rem 1rem 1.5rem;
}
.logo1_component {
grid-column-gap: 1rem;
grid-row-gap: 1.25rem;
justify-content: center;
padding-top: .5rem;
}
.builder_feature-top {
padding-left: 1rem;
padding-right: 1rem;
}
.heading-custom-h3 {
font-size: 1.5rem;
}
.skiff-font {
margin-top: 60px;
font-size: 12px;
}
.c-2 {
flex-basis: 100%;
}
.profile-2 {
padding-left: 10px;
padding-right: 10px;
}
.campaign.photo {
top: 10px;
}
.container-101.boxed {
margin-left: 10px;
margin-right: 10px;
}
.div-block-116 {
display: block;
}
.div-block-117 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
}
._24px {
display: none;
}
.footer-2 {
padding-top: 48px;
}
.container-102 {
padding-right: 24px;
}
.btn-icon-r {
margin-left: 4px;
}
.trusted-by-text-2 {
text-align: left;
}
.top-bar-2 {
width: auto;
font-family: Inter, sans-serif;
font-size: .8rem;
}
.site-type-link-2, .site-type-link-2.w--current {
font-size: .7rem;
}
.button-51.is-secondary {
width: 100%;
}
.heading-style-h1-6 {
text-align: center;
font-size: 1.9rem;
line-height: 1.2;
}
.text-size-medium-10, .text-size-medium-10.red {
text-align: center;
font-size: .9rem;
}
.section_ultra-gradients-5.padding-global.padding-section-large {
padding-top: .25rem;
padding-bottom: 2rem;
}
.div-block-118 {
flex-flow: column;
}
.article-card-description {
line-height: 150%;
}
.tag-subnav__list {
display: flex;
}
.div-block-120 {
border-radius: 6px;
width: 100%;
}
.filter-wrapper__left-group {
width: 100%;
height: 3rem;
}
.made-in-webflow-lockup {
box-shadow: none;
background-color: #f5f5f500;
border-width: 1.5px;
border-radius: 6px;
width: 100%;
padding-left: .5rem;
}
.made-in-webflow-lockup.cc-floating-badge {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #33333303;
border: .25px dotted #ff5c34;
border-top: .75px dashed #ff5c34;
border-bottom-style: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
width: 40%;
padding-top: .75rem;
padding-bottom: .75rem;
inset: auto 16px 0% auto;
}
.cloneable-toggle-wrapper {
justify-content: flex-start;
width: 100%;
}
.webflow-sq-logo {
width: 1.5rem;
height: 1.5rem;
}
.webflow-sq-logo.cc-floating-badge {
background-color: #ff5c33;
width: 1.5rem;
height: 1.5rem;
}
.tag-subnav-wrapper {
display: none;
}
.text-block-218 {
text-align: left;
font-size: 10px;
}
.title-wrapper-2 {
margin-bottom: 1rem;
}
.text-block-219 {
color: #ff5c33;
font-weight: 500;
display: block;
}
.filter-wrapper {
align-items: center;
margin-bottom: 1rem;
}
.spark-flat-tab {
padding-top: 16px;
padding-bottom: 16px;
}
.spark-flat-tab.spark-small {
flex: none;
}
.uui-layout02_image-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.uui-footer05_form {
grid-row-gap: 12px;
flex-direction: column;
grid-template-columns: 1fr;
}
.uui-footer05_top-wrapper {
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.nav_links-wrapper.is-login {
grid-template-columns: 1fr;
}
}
#w-node-_60a542a4-cd5f-7cb2-aecd-9f000bb84100-04dadb9b, #w-node-_60a542a4-cd5f-7cb2-aecd-9f000bb84114-04dadb9b, #w-node-_60a542a4-cd5f-7cb2-aecd-9f000bb84128-04dadb9b, #w-node-_60a542a4-cd5f-7cb2-aecd-9f000bb8413c-04dadb9b, #w-node-_60a542a4-cd5f-7cb2-aecd-9f000bb84150-04dadb9b, #w-node-_60a542a4-cd5f-7cb2-aecd-9f000bb84164-04dadb9b, #w-node-_60a542a4-cd5f-7cb2-aecd-9f000bb84178-04dadb9b, #w-node-_60a542a4-cd5f-7cb2-aecd-9f000bb8418c-04dadb9b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a5426d-04dadb9b {
grid-area: 1 / 2 / 3 / 4;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a542d2-04dadb9b {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a542d6-04dadb9b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a542ef-04dadb9b, #w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a542f8-04dadb9b {
grid-area: 1 / 2 / 3 / 4;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a54347-04dadb9b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a54366-04dadb9b {
grid-area: 1 / 2 / 3 / 4;
}
#w-node-de8cfc6b-5dad-3587-0250-5cbc36f380b3-04dadb9b, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380d1-04dadb9b, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380ff-04dadb9b, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f3812d-04dadb9b, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f3815b-04dadb9b, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f38189-04dadb9b, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f381b7-04dadb9b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bab406cd-4983-e218-edde-c3068360042e-04dadb9b, #w-node-bab406cd-4983-e218-edde-c30683600437-04dadb9b {
align-self: center;
}
#w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f57db-04dadb9b, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f57ef-04dadb9b, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5803-04dadb9b, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5817-04dadb9b, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f582b-04dadb9b, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f583f-04dadb9b, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5853-04dadb9b, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5867-04dadb9b, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e119749fd-04dadb9b, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e11974a1a-04dadb9b, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e11974a4a-04dadb9b, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e11974a7a-04dadb9b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6cfc-04dadb9b {
justify-self: auto;
}
#w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d55-04dadb9b, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d27-04dadb9b, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d35-04dadb9b, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d3d-04dadb9b, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d45-04dadb9b, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d4d-04dadb9b, #w-node-c9c3cca6-b90a-3504-80be-e88a59f876d5-04dadbd9, #w-node-f9b4d80f-5402-462b-1f15-37c61582a415-04dadbd9, #w-node-_77560373-b2da-b677-4df0-54fc51e4b940-04dadbd9, #w-node-_1f523988-02c2-8485-be73-0659bc825721-04dadbd9, #w-node-_12c7e8e2-bc56-930b-5606-b819f380ad0b-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9bd4281c-fab6-91bb-11ac-944f91bccde0-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9bd4281c-fab6-91bb-11ac-944f91bccde7-04dadbd9, #w-node-_9bd4281c-fab6-91bb-11ac-944f91bccdee-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9bd4281c-fab6-91bb-11ac-944f91bccdf5-04dadbd9, #w-node-_1961bd14-c370-b245-7c55-1203a9c95243-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1961bd14-c370-b245-7c55-1203a9c9524a-04dadbd9, #w-node-_1961bd14-c370-b245-7c55-1203a9c95251-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1961bd14-c370-b245-7c55-1203a9c95258-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-cd37c105-07b5-ae48-0d6d-dd739bb517fd-04dadbd9, #w-node-cd37c105-07b5-ae48-0d6d-dd739bb51809-04dadbd9, #w-node-_4ab7d0f9-f1d5-923d-6eaf-fdaa0252ea0a-04dadbd9, #w-node-_4ab7d0f9-f1d5-923d-6eaf-fdaa0252ea16-04dadbd9 {
align-self: center;
}
#w-node-_9f6717da-6c6f-1648-c134-5ecbce0277e3-04dadbd9, #w-node-_9f6717da-6c6f-1648-c134-5ecbce0277ec-04dadbd9, #w-node-_9f6717da-6c6f-1648-c134-5ecbce0277f5-04dadbd9, #w-node-_9f6717da-6c6f-1648-c134-5ecbce0277fe-04dadbd9, #w-node-_9f6717da-6c6f-1648-c134-5ecbce027807-04dadbd9, #w-node-b1d9332c-af69-006c-528f-02b700dd5ca0-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9f6717da-6c6f-1648-c134-5ecbce027811-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9f6717da-6c6f-1648-c134-5ecbce027818-04dadbd9, #w-node-_9f6717da-6c6f-1648-c134-5ecbce02781f-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9f6717da-6c6f-1648-c134-5ecbce027826-04dadbd9, #w-node-_9f6717da-6c6f-1648-c134-5ecbce02782e-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9f6717da-6c6f-1648-c134-5ecbce027835-04dadbd9, #w-node-_9f6717da-6c6f-1648-c134-5ecbce02783c-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9f6717da-6c6f-1648-c134-5ecbce027843-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_70d97e09-7e81-8843-c4bf-59264c89d30e-04dadbd9, #w-node-_70d97e09-7e81-8843-c4bf-59264c89d32f-04dadbd9, #w-node-_70d97e09-7e81-8843-c4bf-59264c89d351-04dadbd9, #w-node-_70d97e09-7e81-8843-c4bf-59264c89d373-04dadbd9, #w-node-_70d97e09-7e81-8843-c4bf-59264c89d395-04dadbd9, #w-node-_70d97e09-7e81-8843-c4bf-59264c89d3b7-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_70d97e09-7e81-8843-c4bf-59264c89d3da-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_70d97e09-7e81-8843-c4bf-59264c89d3e1-04dadbd9, #w-node-_70d97e09-7e81-8843-c4bf-59264c89d3e8-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_70d97e09-7e81-8843-c4bf-59264c89d3ef-04dadbd9, #w-node-_70d97e09-7e81-8843-c4bf-59264c89d3f7-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_70d97e09-7e81-8843-c4bf-59264c89d3fe-04dadbd9, #w-node-_70d97e09-7e81-8843-c4bf-59264c89d405-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_70d97e09-7e81-8843-c4bf-59264c89d40c-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_856f8bf4-a83e-6294-a9b6-6e98998142fb-04dadbd9, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142d3-04dadbd9, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142db-04dadbd9, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142e3-04dadbd9, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142eb-04dadbd9, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142f3-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03ad-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03b4-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03bd-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03c4-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03cb-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03df-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03e6-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03ed-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0401-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0408-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db041c-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0423-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db042a-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db043e-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0445-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db044e-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0455-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db045e-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db046f-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0480-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db048f-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c035a-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c0361-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c036a-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c0371-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c0378-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c038c-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c0393-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c039a-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03ae-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03b5-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03c9-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03d0-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03d7-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03eb-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03f2-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03fb-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c0402-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c040b-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c041c-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c042d-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c043c-04dadbd9, #w-node-_88630f21-bd9c-b1c7-7114-68975ce15146-04dadbd9, #w-node-_88630f21-bd9c-b1c7-7114-68975ce1514b-04dadbd9, #w-node-_88630f21-bd9c-b1c7-7114-68975ce15150-04dadbd9, #w-node-_88630f21-bd9c-b1c7-7114-68975ce15155-04dadbd9, #w-node-_88630f21-bd9c-b1c7-7114-68975ce1515a-04dadbd9, #w-node-_88630f21-bd9c-b1c7-7114-68975ce1515f-04dadbd9, #w-node-_88630f21-bd9c-b1c7-7114-68975ce15164-04dadbd9, #w-node-_88630f21-bd9c-b1c7-7114-68975ce15169-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c68f224f-d5da-cc5b-7685-6f906141f15e-04dadbd9, #w-node-_8ea3e3ff-7f43-c34b-f615-ed4345b545df-04dadbd9 {
align-self: center;
}
#w-node-dc6dce16-656b-f805-c220-ab0959aefd28-04dadbd9, #w-node-dc6dce16-656b-f805-c220-ab0959aefd45-04dadbd9, #w-node-dc6dce16-656b-f805-c220-ab0959aefd75-04dadbd9, #w-node-dc6dce16-656b-f805-c220-ab0959aefda5-04dadbd9, #w-node-ae018649-8f1b-d14a-3d0b-dc8346c37aea-04dadbd9, #w-node-ae018649-8f1b-d14a-3d0b-dc8346c37b07-04dadbd9, #w-node-ae018649-8f1b-d14a-3d0b-dc8346c37b37-04dadbd9, #w-node-ae018649-8f1b-d14a-3d0b-dc8346c37b67-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d2c23846-4593-f228-c38d-fa06f8b19622-04dadbd9, #w-node-d2c23846-4593-f228-c38d-fa06f8b19630-04dadbd9 {
align-self: center;
}
#w-node-_96f4a734-e98e-c1f0-0374-b71aa0a73f10-04dadbd9, #w-node-_96f4a734-e98e-c1f0-0374-b71aa0a73f2d-04dadbd9, #w-node-_96f4a734-e98e-c1f0-0374-b71aa0a73f5d-04dadbd9, #w-node-_96f4a734-e98e-c1f0-0374-b71aa0a73f8d-04dadbd9, #w-node-ad82fc4e-da0a-5b7a-1cdf-c6cb5d62b8fa-04dadbd9, #w-node-ad82fc4e-da0a-5b7a-1cdf-c6cb5d62b90d-04dadbd9, #w-node-ad82fc4e-da0a-5b7a-1cdf-c6cb5d62b920-04dadbd9, #w-node-ad82fc4e-da0a-5b7a-1cdf-c6cb5d62b933-04dadbd9, #w-node-ad82fc4e-da0a-5b7a-1cdf-c6cb5d62b946-04dadbd9, #w-node-ad82fc4e-da0a-5b7a-1cdf-c6cb5d62b959-04dadbd9, #w-node-ad82fc4e-da0a-5b7a-1cdf-c6cb5d62b96c-04dadbd9, #w-node-ad82fc4e-da0a-5b7a-1cdf-c6cb5d62b97f-04dadbd9, #w-node-_40775f42-9297-7833-4fee-679f234e13a1-04dadbd9, #w-node-_40775f42-9297-7833-4fee-679f234e13b6-04dadbd9, #w-node-_40775f42-9297-7833-4fee-679f234e13cb-04dadbd9, #w-node-_40775f42-9297-7833-4fee-679f234e13e0-04dadbd9, #w-node-_40775f42-9297-7833-4fee-679f234e13f5-04dadbd9, #w-node-_40775f42-9297-7833-4fee-679f234e140a-04dadbd9, #w-node-_40775f42-9297-7833-4fee-679f234e141f-04dadbd9, #w-node-_40775f42-9297-7833-4fee-679f234e1434-04dadbd9, #w-node-aa9686cd-79c2-33a1-711b-54ad4bef0579-04dadbd9, #w-node-_4018dae3-da1c-a10e-1ee4-88108a503b09-04dadbd9, #w-node-_6cd13916-e56e-9da1-99dc-efb9ef522b64-04dadbd9, #w-node-_72e1be5e-13e5-1502-39cb-5b59b6617c11-04dadbd9, #w-node-f54dd1c1-2de0-2543-b573-b5c4f20fed30-04dadbd9, #w-node-_483d454d-9429-1447-d809-9015283372a0-04dadbd9, #w-node-dc36c8d8-7416-4963-1c07-bcfc784693b1-04dadbd9, #w-node-dc36c8d8-7416-4963-1c07-bcfc784693b5-04dadbd9, #w-node-dc36c8d8-7416-4963-1c07-bcfc784693bd-04dadbd9, #w-node-dc36c8d8-7416-4963-1c07-bcfc784693c5-04dadbd9, #w-node-dc36c8d8-7416-4963-1c07-bcfc784693cd-04dadbd9, #w-node-dc36c8d8-7416-4963-1c07-bcfc784693d5-04dadbd9, #w-node-_38223700-fc49-8700-df26-91b13d077138-04dadbd9, #w-node-_38223700-fc49-8700-df26-91b13d07714c-04dadbd9, #w-node-_38223700-fc49-8700-df26-91b13d077160-04dadbd9, #w-node-_38223700-fc49-8700-df26-91b13d077174-04dadbd9, #w-node-_38223700-fc49-8700-df26-91b13d077188-04dadbd9, #w-node-_38223700-fc49-8700-df26-91b13d07719c-04dadbd9, #w-node-_38223700-fc49-8700-df26-91b13d0771b0-04dadbd9, #w-node-_38223700-fc49-8700-df26-91b13d0771c4-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e2bd10a-7618-80f6-d032-98d569b2353f-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4e2bd10a-7618-80f6-d032-98d569b23546-04dadbd9, #w-node-_4e2bd10a-7618-80f6-d032-98d569b2354d-04dadbd9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e2bd10a-7618-80f6-d032-98d569b23554-04dadbd9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_13d87e74-66ed-0954-94d5-f3aa5c025b9f-04dadbd9, #w-node-_13d87e74-66ed-0954-94d5-f3aa5c025bbc-04dadbd9, #w-node-_13d87e74-66ed-0954-94d5-f3aa5c025bec-04dadbd9, #w-node-_13d87e74-66ed-0954-94d5-f3aa5c025c1c-04dadbd9, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c58-04dadbee, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c62-04dadbee, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c6c-04dadbee, #w-node-_0e4e1d11-e68b-92da-7002-f322e4841a18-04dadbee, #w-node-e9b971b3-820c-f81d-4cf2-1fa4d8e86e08-04dadbee, #w-node-_2324b90a-1df4-fc7f-ee06-08b4d7dbd1aa-04dadbee {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3a15beff-f02d-7937-6ad7-2137201f8e2e-04dadbee {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-c81ed282-4e8c-0b4e-5c5f-37741b5bbfb5-04dadbee, #w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c8fb-04dadbee, #w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c8fc-04dadbee, #w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c902-04dadbee {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c907-04dadbee {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c920-04dadbee, #w-node-_86ad1baa-9d48-8024-fca7-0fc131189ec2-04dadbee, #w-node-_86ad1baa-9d48-8024-fca7-0fc131189ec3-04dadbee, #w-node-_86ad1baa-9d48-8024-fca7-0fc131189ec9-04dadbee {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_86ad1baa-9d48-8024-fca7-0fc131189ece-04dadbee {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_86ad1baa-9d48-8024-fca7-0fc131189ee7-04dadbee, #w-node-b036202f-3d40-cbd9-e394-752650442612-04dadbef {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_221d7823-a648-a700-d1d5-9cd2a7d24786-04dadbef {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-df546fae-6f72-573c-3db7-490ad1d9e839-04dadbef, #w-node-_581f95ee-8306-0c41-caf3-23a3fe953feb-04dadbef, #w-node-d0945212-fcbb-1cc1-7317-9685183ac033-04dadbef {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d0945212-fcbb-1cc1-7317-9685183ac040-04dadbef {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_24efd832-8514-4f40-d2bb-ed21e8145397-04dadbef {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_24efd832-8514-4f40-d2bb-ed21e81453a4-04dadbef {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_174fe849-fca0-556d-2799-850a7bbd49e7-04dadbef, #w-node-_174fe849-fca0-556d-2799-850a7bbd49f2-04dadbef, #w-node-_174fe849-fca0-556d-2799-850a7bbd49fd-04dadbef, #w-node-_61b5eca1-48c2-73ff-37b6-ee4688a9bca7-04dadbef, #w-node-_61b5eca1-48c2-73ff-37b6-ee4688a9bcb5-04dadbef, #w-node-_61b5eca1-48c2-73ff-37b6-ee4688a9bcc3-04dadbef, #w-node-_61b5eca1-48c2-73ff-37b6-ee4688a9bcdb-04dadbef, #w-node-_61b5eca1-48c2-73ff-37b6-ee4688a9bd2f-04dadbef, #w-node-_61b5eca1-48c2-73ff-37b6-ee4688a9bd30-04dadbef, #w-node-_61b5eca1-48c2-73ff-37b6-ee4688a9bd36-04dadbef {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_61b5eca1-48c2-73ff-37b6-ee4688a9bd3b-04dadbef {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_61b5eca1-48c2-73ff-37b6-ee4688a9bd54-04dadbef, #w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b00-04dadbf0, #w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b09-04dadbf0, #w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b12-04dadbf0, #w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b1b-04dadbf0, #w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b24-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b2e-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b35-04dadbf0, #w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b3c-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b43-04dadbf0, #w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b4b-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b52-04dadbf0, #w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b59-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab82e8eb-c52a-f193-60e9-c05ce9ce1b60-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a27108d6-1c24-4191-244b-be0e18e86099-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e8609f-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860a5-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860ab-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860b6-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860bc-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860c2-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860c8-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860d3-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860d9-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860df-04dadbf0, #w-node-a27108d6-1c24-4191-244b-be0e18e860e5-04dadbf0, #w-node-b4d4ca32-6397-9487-8a23-b44f9fc8d4a6-04dadbf0, #w-node-b4d4ca32-6397-9487-8a23-b44f9fc8d4b9-04dadbf0, #w-node-b4d4ca32-6397-9487-8a23-b44f9fc8d4ba-04dadbf0, #w-node-b4d4ca32-6397-9487-8a23-b44f9fc8d4c0-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b4d4ca32-6397-9487-8a23-b44f9fc8d4c5-04dadbf0 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-b4d4ca32-6397-9487-8a23-b44f9fc8d4de-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f861d88e-57f6-46ca-c48a-938131db5eec-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f861d88e-57f6-46ca-c48a-938131db5ef3-04dadbf0, #w-node-f861d88e-57f6-46ca-c48a-938131db5efa-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f861d88e-57f6-46ca-c48a-938131db5f01-04dadbf0, #w-node-f861d88e-57f6-46ca-c48a-938131db5f09-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f861d88e-57f6-46ca-c48a-938131db5f10-04dadbf0, #w-node-f861d88e-57f6-46ca-c48a-938131db5f17-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f861d88e-57f6-46ca-c48a-938131db5f1e-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_75e6db43-f111-b3e8-ff4d-a4d14affaf7e-04dadbf0 {
align-self: end;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9d0a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9d13-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9d1c-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9d25-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9d2e-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9d38-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9d3f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9d46-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9d4d-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9d55-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9d5c-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9d63-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9d6a-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9d76-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9d7f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9dcf-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9ddf-04dadbf0 {
align-self: center;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9e4f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9e70-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9e92-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9eb4-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9ed6-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9ef8-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9f1b-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9f22-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9f29-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9f30-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9f38-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9f3f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9f46-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9f4d-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296c9f5e-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9f7f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9fa1-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9fc3-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296c9fe5-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca007-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca02a-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca031-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca038-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca03f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca047-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca04e-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca055-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca05c-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca066-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca06a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca072-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca07a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca082-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca08a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca186-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca18d-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca196-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca19d-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1a4-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1b8-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1bf-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1c6-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1da-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1e1-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1f5-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1fc-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca203-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca217-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca21e-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca227-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca22e-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca237-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca248-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca259-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca268-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca302-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca309-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca312-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca319-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca320-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca334-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca33b-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca342-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca356-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca35d-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca371-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca378-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca37f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca393-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca39a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3a3-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3aa-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3b3-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3c4-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3d5-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3e4-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca499-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca4ac-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca4bf-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca4d2-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca4e5-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca4f8-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca50b-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca51e-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca54a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca556-04dadbf0 {
align-self: center;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca625-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca642-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca672-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca6a2-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca7a4-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca7c1-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca7f1-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca821-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca8c1-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca8d0-04dadbf0 {
align-self: center;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296ca96a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca987-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca9b7-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca9e7-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caa73-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caa87-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caa9b-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caaaf-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caac3-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caad7-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caaeb-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caaff-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cab35-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cab4a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cab5f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cab74-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cab89-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cab9e-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cabb3-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cabc8-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cabe0-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cabe8-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cabf0-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cabf8-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac00-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac08-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac0f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac13-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac1b-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac23-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac2b-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac33-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac6b-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac7f-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac93-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caca7-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cacbb-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caccf-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cace3-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cacf7-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296cae6b-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296cae72-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cae79-04dadbf0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27db076c-8ef4-cf88-166a-66e7296cae80-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8251267c-4727-4e3e-7743-a1db80ab6072-04dadbf2, #w-node-_7e56b16c-3f1b-c44e-8b46-e37c25c93696-04dadbf2, #w-node-_198dd9b1-afb2-e96f-7d41-0d66e92d9193-04dadc0a, #w-node-_4300420b-6f6f-8e5f-25d0-349a6064e6c4-04dadc0b, #w-node-_4300420b-6f6f-8e5f-25d0-349a6064e6e1-04dadc0b, #w-node-_4300420b-6f6f-8e5f-25d0-349a6064e711-04dadc0b, #w-node-_4300420b-6f6f-8e5f-25d0-349a6064e741-04dadc0b, #w-node-_198dd9b1-afb2-e96f-7d41-0d66e92d9193-04dadc0b, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf59e-3c05c7c9, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5a6-3c05c7c9, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5ae-3c05c7c9, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5b6-3c05c7c9, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5be-3c05c7c9, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5c6-3c05c7c9, #w-node-a3976928-affa-7e9b-9ec3-573087775f3a-3c05c7c9, #w-node-a3976928-affa-7e9b-9ec3-573087775f3c-3c05c7c9, #w-node-a3976928-affa-7e9b-9ec3-573087775f43-3c05c7c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3976928-affa-7e9b-9ec3-573087775f5f-3c05c7c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-a3976928-affa-7e9b-9ec3-573087775f64-3c05c7c9, #w-node-a3976928-affa-7e9b-9ec3-573087775f65-3c05c7c9, #w-node-a3976928-affa-7e9b-9ec3-573087775f67-3c05c7c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3976928-affa-7e9b-9ec3-573087775f69-3c05c7c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_5c32519d-6f2a-2879-2564-9b6aded44e04-99836f21 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ba634202-6745-614e-1f1a-e3b932314e32-99836f21, #w-node-_1b2e2375-4479-a89b-6028-67a75db6863e-99836f21 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_03842344-e8a2-450c-2e14-1f008619adfe-99836f21 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-aa9686cd-79c2-33a1-711b-54ad4bef0579-99836f21, #w-node-_4018dae3-da1c-a10e-1ee4-88108a503b09-99836f21, #w-node-_6cd13916-e56e-9da1-99dc-efb9ef522b64-99836f21, #w-node-_72e1be5e-13e5-1502-39cb-5b59b6617c11-99836f21, #w-node-f54dd1c1-2de0-2543-b573-b5c4f20fed30-99836f21, #w-node-_483d454d-9429-1447-d809-9015283372a0-99836f21, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142fb-99836f21, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142d3-99836f21, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142db-99836f21, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142e3-99836f21, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142eb-99836f21, #w-node-_856f8bf4-a83e-6294-a9b6-6e98998142f3-99836f21, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c58-8285f9e7, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c62-8285f9e7, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c6c-8285f9e7, #w-node-_0e4e1d11-e68b-92da-7002-f322e4841a18-8285f9e7, #w-node-e9b971b3-820c-f81d-4cf2-1fa4d8e86e08-8285f9e7, #w-node-_2324b90a-1df4-fc7f-ee06-08b4d7dbd1aa-8285f9e7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3a15beff-f02d-7937-6ad7-2137201f8e2e-8285f9e7 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-c81ed282-4e8c-0b4e-5c5f-37741b5bbfb5-8285f9e7, #w-node-_913ded4a-8106-401c-23bf-fe96360e0db4-5f070700, #w-node-_913ded4a-8106-401c-23bf-fe96360e0dba-5f070700 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_913ded4a-8106-401c-23bf-fe96360e0dbc-5f070700, #w-node-_913ded4a-8106-401c-23bf-fe96360e0dbf-5f070700 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#form_id.w-node-_913ded4a-8106-401c-23bf-fe96360e0dc3-5f070700 {
align-self: start;
}
#w-node-_913ded4a-8106-401c-23bf-fe96360e0dd2-5f070700, #w-node-_913ded4a-8106-401c-23bf-fe96360e0dd3-5f070700, #w-node-_913ded4a-8106-401c-23bf-fe96360e0dd8-5f070700 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_913ded4a-8106-401c-23bf-fe96360e0de1-5f070700 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_2a0f0e24-e848-779d-89c0-d9ec30c33188-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c3318a-5f070700, #field-2.w-node-_2a0f0e24-e848-779d-89c0-d9ec30c3318b-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c3318e-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c33190-5f070700, #field-4.w-node-_2a0f0e24-e848-779d-89c0-d9ec30c33191-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c33194-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c33196-5f070700, #field-4.w-node-_2a0f0e24-e848-779d-89c0-d9ec30c33197-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c3319a-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c3319c-5f070700, #field-4.w-node-_2a0f0e24-e848-779d-89c0-d9ec30c3319d-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331a0-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331a2-5f070700, #field-4.w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331a3-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331a6-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331a8-5f070700, #field-4.w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331a9-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331f2-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331f4-5f070700, #field-7.w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331f5-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331f8-5f070700, #w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331fa-5f070700, #field-4.w-node-_2a0f0e24-e848-779d-89c0-d9ec30c331fb-5f070700, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8d8a-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8d91-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8d98-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8d9f-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8da6-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8dad-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8db4-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8dbb-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8dc2-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8dc9-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8dd0-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8dd7-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8dde-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8df0-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8df7-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8dfe-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e05-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e0c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e13-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e1a-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e21-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e28-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e2f-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e36-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e3d-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e44-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e4b-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e52-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e59-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e60-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e67-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e6e-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e75-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e7c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e83-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e8a-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e9c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ea3-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8eaa-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8eb1-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8eb8-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ebf-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ec6-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ecd-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ed4-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8edb-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ee2-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ee9-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ef0-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ef7-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8efe-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f05-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f0c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f13-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f1a-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f21-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f28-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f2f-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f36-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f3d-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f44-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f4b-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f52-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f59-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f60-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f72-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f79-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f80-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f87-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f8e-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f95-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f9c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fa3-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8faa-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fb1-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fb8-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fbf-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fc6-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fcd-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fd4-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fdb-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fe2-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8fe9-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ff0-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ff7-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8ffe-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9005-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da900c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9013-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da901a-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9021-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9028-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da902f-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9036-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da903d-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9044-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da904b-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9052-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9059-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9060-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9067-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da906e-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9075-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da907c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9083-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da908a-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da909c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90a3-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90aa-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90b1-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90b8-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90bf-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90c6-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90cd-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90d4-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90db-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90e2-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90e9-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90f0-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90f7-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da90fe-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9105-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da910c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9113-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da911a-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9121-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9128-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da912f-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9136-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da913d-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9144-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da914b-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9152-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9159-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9160-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9167-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da916e-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9175-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da917c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9183-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da918a-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9191-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9198-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da919f-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91a6-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91ad-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91b4-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91c6-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91cd-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91d4-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91db-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91e2-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91e9-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91f0-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91f7-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91fe-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9205-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da920c-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9213-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da921a-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9221-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9228-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da922f-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9236-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da923d-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9244-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da924b-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9252-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9259-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9260-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9267-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da926e-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da9275-77ed4140, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c58-7785b9dc, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c62-7785b9dc, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c6c-7785b9dc, #w-node-_0e4e1d11-e68b-92da-7002-f322e4841a18-7785b9dc, #w-node-e9b971b3-820c-f81d-4cf2-1fa4d8e86e08-7785b9dc, #w-node-_2324b90a-1df4-fc7f-ee06-08b4d7dbd1aa-7785b9dc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3a15beff-f02d-7937-6ad7-2137201f8e2e-7785b9dc {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-c81ed282-4e8c-0b4e-5c5f-37741b5bbfb5-7785b9dc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_95eb543c-2503-dde0-f496-09b073793a35-7785b9dc {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c8fb-7785b9dc, #w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c8fc-7785b9dc, #w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c902-7785b9dc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c907-7785b9dc {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c920-7785b9dc, #w-node-_86ad1baa-9d48-8024-fca7-0fc131189ec2-7785b9dc, #w-node-_6d3d5340-03ea-8696-5d67-096708a69b7e-fbb1a337, #w-node-_6d3d5340-03ea-8696-5d67-096708a69b8c-fbb1a337, #w-node-_6d3d5340-03ea-8696-5d67-096708a69b9a-fbb1a337, #w-node-_6d3d5340-03ea-8696-5d67-096708a69ba8-fbb1a337, #w-node-_6d3d5340-03ea-8696-5d67-096708a69bb6-fbb1a337, #w-node-_6d3d5340-03ea-8696-5d67-096708a69bc4-fbb1a337, #w-node-_6d3d5340-03ea-8696-5d67-096708a69bd2-fbb1a337, #w-node-_6d3d5340-03ea-8696-5d67-096708a69be0-fbb1a337, #w-node-_6d3d5340-03ea-8696-5d67-096708a69bee-fbb1a337, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c58-fbb1a337, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c62-fbb1a337, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c6c-fbb1a337, #w-node-_0e4e1d11-e68b-92da-7002-f322e4841a18-fbb1a337, #w-node-e9b971b3-820c-f81d-4cf2-1fa4d8e86e08-fbb1a337, #w-node-_2324b90a-1df4-fc7f-ee06-08b4d7dbd1aa-fbb1a337 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3a15beff-f02d-7937-6ad7-2137201f8e2e-fbb1a337 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-c81ed282-4e8c-0b4e-5c5f-37741b5bbfb5-fbb1a337, #w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c8fb-fbb1a337, #w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c8fc-fbb1a337, #w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c902-fbb1a337 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c907-fbb1a337 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_79d2dbef-740d-fef8-c4ad-713e5e75c920-fbb1a337, #w-node-_86ad1baa-9d48-8024-fca7-0fc131189ec2-fbb1a337, #w-node-_86ad1baa-9d48-8024-fca7-0fc131189ec3-fbb1a337, #w-node-_86ad1baa-9d48-8024-fca7-0fc131189ec9-fbb1a337 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_86ad1baa-9d48-8024-fca7-0fc131189ece-fbb1a337 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_86ad1baa-9d48-8024-fca7-0fc131189ee7-fbb1a337, #w-node-f5646d06-ac0d-13e7-15be-b5ce21bd9671-c3b186ef, #w-node-db533072-cda3-eb8b-df85-6c95b1c70503-c3b186ef, #w-node-b036202f-3d40-cbd9-e394-752650442612-c3b186ef, #w-node-e5badaad-2a0d-4a5b-8e89-14ca6ebcd5d1-c3b186ef, #w-node-aae22531-3925-2fad-6ce5-c0ed10a97567-c3b186ef, #w-node-db6358d0-0771-7d41-23b0-d6fc20353d31-c3b186ef, #w-node-_70bd626d-0999-684f-e9d5-b74431c576af-c3b186ef, #w-node-e1598ec3-7fd2-090e-8f39-74524e051a52-c3b186ef, #w-node-_78b211a5-a48e-8ce8-6f8d-0171478da7f4-c3b186ef, #w-node-c805a55b-9524-20f2-2574-2708b0629a08-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a0f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a16-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a1d-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a24-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a2b-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a32-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a39-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a40-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a47-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a4e-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a55-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a5c-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a6e-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a75-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a7c-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a83-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a8a-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a91-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a98-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a9f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629aa6-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629aad-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ab4-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629abb-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ac2-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ac9-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ad0-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ad7-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ade-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ae5-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629aec-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629af3-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629afa-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b01-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b08-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b1a-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b21-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b28-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b2f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b36-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b3d-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b44-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b4b-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b52-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b59-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b60-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b67-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b6e-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b75-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b7c-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b83-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b8a-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b91-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b98-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b9f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ba6-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bad-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bb4-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bbb-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bc2-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bc9-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bd0-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bd7-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bde-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bf0-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bf7-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bfe-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c05-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c0c-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c13-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c1a-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c21-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c28-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c2f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c36-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c3d-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c44-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c4b-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c52-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c59-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c60-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c67-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c6e-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c75-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c7c-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c83-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c8a-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c91-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c98-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629c9f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ca6-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cad-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cb4-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cbb-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cc2-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cc9-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cd0-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cd7-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cde-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ce5-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cec-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cf3-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629cfa-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d01-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d08-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d1a-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d21-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d28-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d2f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d36-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d3d-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d44-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d4b-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d52-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d59-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d60-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d67-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d6e-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d75-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d7c-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d83-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d8a-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d91-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d98-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d9f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629da6-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629dad-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629db4-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629dbb-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629dc2-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629dc9-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629dd0-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629dd7-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629dde-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629de5-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629dec-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629df3-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629dfa-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e01-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e08-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e0f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e16-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e1d-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e24-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e2b-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e32-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e44-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e4b-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e52-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e59-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e60-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e67-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e6e-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e75-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e7c-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e83-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e8a-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e91-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e98-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e9f-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ea6-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ead-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629eb4-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ebb-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ec2-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ec9-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ed0-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ed7-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ede-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ee5-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629eec-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629ef3-e1cbb07f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946ba-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946c3-e1d2e3d8 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946d7-e1d2e3d8 {
place-self: center;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946db-e1d2e3d8 {
place-self: start center;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946e1-e1d2e3d8 {
grid-area: 1 / 1 / 2 / 5;
align-self: start;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946e5-e1d2e3d8 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394760-e1d2e3d8 {
place-self: center;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394764-e1d2e3d8 {
place-self: start center;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339476a-e1d2e3d8 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339476d-e1d2e3d8 {
grid-area: 2 / 1 / 3 / 6;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394778-e1d2e3d8 {
grid-area: 2 / 7 / 3 / 13;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033947ac-e1d2e3d8 {
grid-area: 1 / 1 / 2 / 6;
align-self: start;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033947b0-e1d2e3d8 {
grid-area: 1 / 7 / 2 / 13;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033947fd-e1d2e3d8 {
grid-area: 2 / 7 / 3 / 13;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394804-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394807-e1d2e3d8 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339481e-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394822-e1d2e3d8 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394840-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394843-e1d2e3d8 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394846-e1d2e3d8 {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394856-e1d2e3d8 {
grid-area: 3 / 9 / 4 / 13;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394857-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394859-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339485b-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339485d-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339485f-e1d2e3d8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394865-e1d2e3d8 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394868-e1d2e3d8 {
grid-area: span 1 / span 10 / span 1 / span 10;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339486b-e1d2e3d8 {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394880-e1d2e3d8 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394883-e1d2e3d8 {
grid-area: 1 / 3 / 2 / 10;
}
#w-node-_0dae6827-d24a-2dc6-546c-71ff974bf59e-d8f989fd, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5a6-d8f989fd, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5ae-d8f989fd, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5b6-d8f989fd, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5be-d8f989fd, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5c6-d8f989fd, #w-node-_63bd5b16-2c34-e887-dedb-b489df3d57ef-d8f989fd, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf59e-e26eefb6, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5a6-e26eefb6, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5ae-e26eefb6, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5b6-e26eefb6, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5be-e26eefb6, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5c6-e26eefb6, #w-node-_63bd5b16-2c34-e887-dedb-b489df3d57ef-e26eefb6, #w-node-b43727c9-0fef-8c63-1cf5-87f61de53ded-e1f08364, #w-node-c39a3718-c6fc-8c43-6e38-81dec5af498a-09a8b111, #w-node-_46990de2-4d5f-fbb6-5941-05304a7d0bbb-09a8b111, #w-node-_83e86b6d-503c-8678-581e-261a8259699c-09a8b111, #w-node-_9649b502-6d1a-33ab-9596-3af55a09c3b9-09a8b111, #w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b650a-09a8b111, #w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b652b-09a8b111, #w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b654d-09a8b111, #w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b656f-09a8b111, #w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b6591-09a8b111, #w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b65b3-09a8b111 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b65d6-09a8b111 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b65dd-09a8b111, #w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b65e4-09a8b111 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b65eb-09a8b111, #w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b65f3-09a8b111 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b65fa-09a8b111, #w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b6601-09a8b111 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_84c02bff-9f0c-24f5-c1e5-ab82927b6608-09a8b111 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a2a73535-9bea-a42f-c161-8cc22e06d515-09a8b111, #w-node-eab5e739-50f0-9ff9-e5bd-bdc6b8a5edf7-09a8b111, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d52a-09a8b111, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d53f-09a8b111, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d554-09a8b111, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d569-09a8b111, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d57e-09a8b111, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d593-09a8b111, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d5a8-09a8b111, #w-node-_205f8c35-dece-c09d-c084-239c783a4cce-09a8b111, #w-node-_205f8c35-dece-c09d-c084-239c783a4ce2-09a8b111, #w-node-_205f8c35-dece-c09d-c084-239c783a4cf6-09a8b111, #w-node-_205f8c35-dece-c09d-c084-239c783a4d0a-09a8b111, #w-node-_205f8c35-dece-c09d-c084-239c783a4d1e-09a8b111, #w-node-_205f8c35-dece-c09d-c084-239c783a4d32-09a8b111, #w-node-_205f8c35-dece-c09d-c084-239c783a4d46-09a8b111, #w-node-_205f8c35-dece-c09d-c084-239c783a4d5a-09a8b111, #w-node-_63bd5b16-2c34-e887-dedb-b489df3d57ef-09a8b111, #w-node-_70a4bfbb-863b-37c0-965f-832861766248-39b1f7bf, #w-node-_70a4bfbb-863b-37c0-965f-832861766265-39b1f7bf, #w-node-_70a4bfbb-863b-37c0-965f-832861766295-39b1f7bf, #w-node-_70a4bfbb-863b-37c0-965f-8328617662c5-39b1f7bf, #w-node-c39a3718-c6fc-8c43-6e38-81dec5af498a-39b1f7bf, #w-node-_46990de2-4d5f-fbb6-5941-05304a7d0bbb-39b1f7bf, #w-node-_83e86b6d-503c-8678-581e-261a8259699c-39b1f7bf, #w-node-_9649b502-6d1a-33ab-9596-3af55a09c3b9-39b1f7bf, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d515-39b1f7bf, #w-node-eab5e739-50f0-9ff9-e5bd-bdc6b8a5edf7-39b1f7bf, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d52a-39b1f7bf, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d53f-39b1f7bf, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d554-39b1f7bf, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d569-39b1f7bf, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d57e-39b1f7bf, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d593-39b1f7bf, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d5a8-39b1f7bf, #w-node-c4a8d04b-7c93-39c5-7786-5f2b23d310f5-39b1f7bf, #w-node-c4a8d04b-7c93-39c5-7786-5f2b23d31112-39b1f7bf, #w-node-c4a8d04b-7c93-39c5-7786-5f2b23d31142-39b1f7bf, #w-node-c4a8d04b-7c93-39c5-7786-5f2b23d31172-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f6e2-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f6e9-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f6f2-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f6f9-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f700-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f714-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f71b-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f722-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f736-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f73d-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f751-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f758-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f75f-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f773-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f77a-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f783-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f78a-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f793-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f7a4-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f7b5-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f7c4-39b1f7bf, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380b3-39b1f7bf, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380d1-39b1f7bf, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380ff-39b1f7bf, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f3812d-39b1f7bf, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f3815b-39b1f7bf, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f38189-39b1f7bf, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f381b7-39b1f7bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_739140cb-f88c-b4f2-7457-bdae62e7ca8e-39b1f7bf, #w-node-_739140cb-f88c-b4f2-7457-bdae62e7ca9a-39b1f7bf, #w-node-b19e32ed-9aad-3481-dab7-56de5e02d366-39b1f7bf, #w-node-b19e32ed-9aad-3481-dab7-56de5e02d372-39b1f7bf {
align-self: center;
}
#w-node-_215c5348-99f5-f26a-fd90-32f1cdc8819a-39b1f7bf, #w-node-_215c5348-99f5-f26a-fd90-32f1cdc881b7-39b1f7bf, #w-node-_215c5348-99f5-f26a-fd90-32f1cdc881e7-39b1f7bf, #w-node-_215c5348-99f5-f26a-fd90-32f1cdc88217-39b1f7bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4891c15d-e757-d8da-72ac-e148e726c2fc-39b1f7bf, #w-node-_4891c15d-e757-d8da-72ac-e148e726c308-39b1f7bf {
align-self: center;
}
#w-node-_5eb4de8b-8cb4-69da-bc50-e54e119749fd-39b1f7bf, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e11974a1a-39b1f7bf, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e11974a4a-39b1f7bf, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e11974a7a-39b1f7bf, #w-node-_205f8c35-dece-c09d-c084-239c783a4cce-39b1f7bf, #w-node-_205f8c35-dece-c09d-c084-239c783a4ce2-39b1f7bf, #w-node-_205f8c35-dece-c09d-c084-239c783a4cf6-39b1f7bf, #w-node-_205f8c35-dece-c09d-c084-239c783a4d0a-39b1f7bf, #w-node-_205f8c35-dece-c09d-c084-239c783a4d1e-39b1f7bf, #w-node-_205f8c35-dece-c09d-c084-239c783a4d32-39b1f7bf, #w-node-_205f8c35-dece-c09d-c084-239c783a4d46-39b1f7bf, #w-node-_205f8c35-dece-c09d-c084-239c783a4d5a-39b1f7bf, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f57db-39b1f7bf, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f57ef-39b1f7bf, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5803-39b1f7bf, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5817-39b1f7bf, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f582b-39b1f7bf, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f583f-39b1f7bf, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5853-39b1f7bf, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5867-39b1f7bf, #w-node-df2150bb-9f0a-1177-ce43-4ebeae869aea-39b1f7bf, #w-node-df2150bb-9f0a-1177-ce43-4ebeae869afe-39b1f7bf, #w-node-df2150bb-9f0a-1177-ce43-4ebeae869b12-39b1f7bf, #w-node-df2150bb-9f0a-1177-ce43-4ebeae869b26-39b1f7bf, #w-node-df2150bb-9f0a-1177-ce43-4ebeae869b3a-39b1f7bf, #w-node-df2150bb-9f0a-1177-ce43-4ebeae869b4e-39b1f7bf, #w-node-df2150bb-9f0a-1177-ce43-4ebeae869b62-39b1f7bf, #w-node-df2150bb-9f0a-1177-ce43-4ebeae869b76-39b1f7bf, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf59e-39b1f7bf, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5a6-39b1f7bf, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5ae-39b1f7bf, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5b6-39b1f7bf, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5be-39b1f7bf, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5c6-39b1f7bf, #w-node-_63bd5b16-2c34-e887-dedb-b489df3d57ef-39b1f7bf, #w-node-b036202f-3d40-cbd9-e394-752650442612-0ae4db52, #w-node-df546fae-6f72-573c-3db7-490ad1d9e839-0ae4db52, #w-node-_581f95ee-8306-0c41-caf3-23a3fe953feb-0ae4db52 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c9433066-0bb8-6167-090d-8abdbc43e957-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43e967-5a7532d2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c9433066-0bb8-6167-090d-8abdbc43e9e4-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43ea10-5a7532d2 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-c9433066-0bb8-6167-090d-8abdbc43ea38-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43ea80-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43eab0-5a7532d2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0dae6827-d24a-2dc6-546c-71ff974bf59e-e1728f54, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5a6-e1728f54, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5ae-e1728f54, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5b6-e1728f54, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5be-e1728f54, #w-node-_0dae6827-d24a-2dc6-546c-71ff974bf5c6-e1728f54, #w-node-_63bd5b16-2c34-e887-dedb-b489df3d57ef-e1728f54, #w-node-_6fda229f-ce5c-95d5-062d-99545072f5e4-e4d5afb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6fda229f-ce5c-95d5-062d-99545072f5ec-e4d5afb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_6fda229f-ce5c-95d5-062d-99545072f5f1-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f5fc-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f607-e4d5afb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6fda229f-ce5c-95d5-062d-99545072f614-e4d5afb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_6fda229f-ce5c-95d5-062d-99545072f619-e4d5afb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6fda229f-ce5c-95d5-062d-99545072f626-e4d5afb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_6fda229f-ce5c-95d5-062d-99545072f62c-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f637-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f642-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f6be-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f6cc-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f6da-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f724-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f751-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f752-e4d5afb3, #w-node-_6fda229f-ce5c-95d5-062d-99545072f758-e4d5afb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6fda229f-ce5c-95d5-062d-99545072f75d-e4d5afb3 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_6fda229f-ce5c-95d5-062d-99545072f776-e4d5afb3, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c58-e4d5afb3, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c62-e4d5afb3, #w-node-_7c9d124f-8488-21c7-8b2f-9ce3603b3c6c-e4d5afb3, #w-node-_0e4e1d11-e68b-92da-7002-f322e4841a18-e4d5afb3, #w-node-e9b971b3-820c-f81d-4cf2-1fa4d8e86e08-e4d5afb3, #w-node-_2324b90a-1df4-fc7f-ee06-08b4d7dbd1aa-e4d5afb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3a15beff-f02d-7937-6ad7-2137201f8e2e-e4d5afb3 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-c81ed282-4e8c-0b4e-5c5f-37741b5bbfb5-e4d5afb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a5426d-5f1341dd {
grid-area: 1 / 2 / 3 / 4;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a542d2-5f1341dd {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a542d6-5f1341dd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a542ef-5f1341dd, #w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a542f8-5f1341dd {
grid-area: 1 / 2 / 3 / 4;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a54347-5f1341dd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0a10fcb6-41ea-36ba-a959-2ba6c5a54366-5f1341dd {
grid-area: 1 / 2 / 3 / 4;
}
#w-node-bab406cd-4983-e218-edde-c3068360042e-5f1341dd, #w-node-bab406cd-4983-e218-edde-c30683600437-5f1341dd {
align-self: center;
}
#w-node-de8cfc6b-5dad-3587-0250-5cbc36f380b3-5f1341dd, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380d1-5f1341dd, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380ff-5f1341dd, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f3812d-5f1341dd, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f3815b-5f1341dd, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f38189-5f1341dd, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f381b7-5f1341dd, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f57db-5f1341dd, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f57ef-5f1341dd, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5803-5f1341dd, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5817-5f1341dd, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f582b-5f1341dd, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f583f-5f1341dd, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5853-5f1341dd, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f5867-5f1341dd, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e119749fd-5f1341dd, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e11974a1a-5f1341dd, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e11974a4a-5f1341dd, #w-node-_5eb4de8b-8cb4-69da-bc50-e54e11974a7a-5f1341dd, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d27-5f1341dd, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d35-5f1341dd, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d3d-5f1341dd, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d45-5f1341dd, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d4d-5f1341dd, #w-node-_74fc658e-97d8-ce4f-4de9-5a27684c6d55-5f1341dd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (min-width: 1440px) {
#w-node-a3976928-affa-7e9b-9ec3-573087775f5f-3c05c7c9 {
justify-self: start;
}
#w-node-_913ded4a-8106-401c-23bf-fe96360e0de1-5f070700 {
justify-self: center;
}
#w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8d89-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8def-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8e9b-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da8f71-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da909b-77ed4140, #w-node-dc1466cf-0f37-cfb5-c6f2-98f844da91c5-77ed4140, #w-node-c805a55b-9524-20f2-2574-2708b0629a07-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629a6d-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629b19-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629bef-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629d19-e1cbb07f, #w-node-c805a55b-9524-20f2-2574-2708b0629e43-e1cbb07f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 991px) {
#w-node-f9bcfd1b-0754-8693-8eae-b97982db03a3-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03d2-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03d5-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03f4-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db03f7-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db040f-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0412-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0431-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0434-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db045c-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db045e-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db046f-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db0480-04dadbd9, #w-node-f9bcfd1b-0754-8693-8eae-b97982db048f-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c0350-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c037f-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c0382-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03a1-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03a4-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03bc-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03bf-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03de-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c03e1-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c0409-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c040b-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c041c-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c042d-04dadbd9, #w-node-_8f76ad1d-971a-5ef0-c760-46ff3b6c043c-04dadbd9, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca17c-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1ab-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1ae-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1cd-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1d0-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1e8-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca1eb-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca20a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca20d-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca235-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca237-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca248-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca259-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca268-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca2f8-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca327-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca32a-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca349-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca34c-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca364-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca367-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca386-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca389-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3b1-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3b3-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3c4-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3d5-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca3e4-04dadbf0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946ba-e1d2e3d8 {
grid-column: 2 / 8;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946c3-e1d2e3d8 {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946e1-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946e5-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339476a-e1d2e3d8 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339476d-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394778-e1d2e3d8 {
grid-column: span 4 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033947ac-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033947b0-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033947fd-e1d2e3d8 {
grid-column: 5 / 9;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394804-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394807-e1d2e3d8 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339481e-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394822-e1d2e3d8 {
grid-column: span 4 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394840-e1d2e3d8 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394843-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394846-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394856-e1d2e3d8 {
grid-area: 3 / 5 / 5 / 9;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394865-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394868-e1d2e3d8 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394880-e1d2e3d8 {
grid-column: span 1 / span 1;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394883-e1d2e3d8 {
grid-area: 1 / 2 / 2 / 9;
}
#w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f6d8-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f707-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f70a-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f729-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f72c-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f744-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f747-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f766-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f769-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f791-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f793-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f7a4-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f7b5-39b1f7bf, #w-node-_8da6c0af-3ca0-5a2c-efb2-68d11786f7c4-39b1f7bf {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c9433066-0bb8-6167-090d-8abdbc43e9e4-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43ea10-5a7532d2 {
grid-column: span 2 / span 2;
}
#w-node-c9433066-0bb8-6167-090d-8abdbc43eab0-5a7532d2 {
grid-column: span 4 / span 4;
}
}
@media screen and (max-width: 767px) {
#w-node-_60a542a4-cd5f-7cb2-aecd-9f000bb840d8-04dadb9b, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380a6-04dadb9b, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f57ce-04dadb9b, #w-node-_88630f21-bd9c-b1c7-7114-68975ce1512c-04dadbd9, #w-node-ad82fc4e-da0a-5b7a-1cdf-c6cb5d62b8ed-04dadbd9, #w-node-_40775f42-9297-7833-4fee-679f234e1394-04dadbd9, #w-node-_38223700-fc49-8700-df26-91b13d077112-04dadbd9, #w-node-_27db076c-8ef4-cf88-166a-66e7296ca48c-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296caa66-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cab28-04dadbf0, #w-node-_27db076c-8ef4-cf88-166a-66e7296cac45-04dadbf0 {
grid-column: span 1 / span 1;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946ba-e1d2e3d8 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946c3-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946e1-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339476a-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339476d-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394778-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033947ac-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033947b0-e1d2e3d8 {
grid-row: span 2 / span 2;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033947fd-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394804-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394807-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339481e-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394840-e1d2e3d8 {
grid-column: span 4 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394843-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394846-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394856-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394865-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394868-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339486b-e1d2e3d8 {
grid-column: span 4 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394883-e1d2e3d8 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339488f-e1d2e3d8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a2a73535-9bea-a42f-c161-8cc22e06d508-09a8b111, #w-node-_205f8c35-dece-c09d-c084-239c783a4cc1-09a8b111, #w-node-a2a73535-9bea-a42f-c161-8cc22e06d508-39b1f7bf, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380a6-39b1f7bf, #w-node-_205f8c35-dece-c09d-c084-239c783a4cc1-39b1f7bf, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f57ce-39b1f7bf, #w-node-df2150bb-9f0a-1177-ce43-4ebeae869add-39b1f7bf, #w-node-c9433066-0bb8-6167-090d-8abdbc43e957-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43e967-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43e9e4-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43ea10-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43ea38-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43ea80-5a7532d2, #w-node-c9433066-0bb8-6167-090d-8abdbc43eab0-5a7532d2, #w-node-de8cfc6b-5dad-3587-0250-5cbc36f380a6-5f1341dd, #w-node-d079bfb7-4c2f-797b-3d47-ebd8b17f57ce-5f1341dd {
grid-column: span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-a3976928-affa-7e9b-9ec3-573087775f64-3c05c7c9 {
justify-self: start;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc13033946ba-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394804-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394807-e1d2e3d8 {
grid-column: span 4 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339481e-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394865-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394868-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc130339486b-e1d2e3d8 {
grid-column: span 4 / span 4;
}
#w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394880-e1d2e3d8, #w-node-bfe4ec8d-3746-5f2a-e5b9-bc1303394883-e1d2e3d8 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
}